@charset "UTF-8";
:root{--red:#c8233d;--dark-red:#a51d32;--paper:#f6f2e7;--white:#fffdf6;--ink:#25231f;--muted:#766d61;--line:#d1c9b9;--mono:"SFMono-Regular",Consolas,monospace;--serif:"Iowan Old Style",Baskerville,Georgia,serif;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:var(--white);padding:9px 12px;font-size:11px;border-radius:0}:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.sr-only,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{clip:auto;width:auto;height:auto;background:var(--paper);padding:15px;z-index:10}h1,h2,h3,p{margin-top:0}h2{font-size:29px;letter-spacing:-.045em;margin-bottom:0}p{line-height:1.7}ul,ol{list-style:none;padding:0}small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.masthead{background:var(--red);color:var(--paper);padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:5px solid var(--ink)}.masthead__top{display:flex;justify-content:space-between;gap:20px;padding:22px 0 18px;border-bottom:1px solid #fff7;font:10px var(--mono);letter-spacing:.1em}.brand{text-decoration:none;font-weight:700}.masthead__body{display:grid;grid-template-columns:1.1fr 180px .7fr;gap:32px;align-items:center;padding:42px 0 36px}.eyebrow{font:10px var(--mono);letter-spacing:.08em;font-weight:600;color:var(--dark-red);margin-bottom:14px}.masthead .eyebrow{color:inherit;opacity:.8;font-size:9px}h1{font:600 clamp(35px,4.5vw,60px)/1.12 var(--serif);letter-spacing:-.055em;margin:0 0 22px}h1 em{font-style:normal}.masthead__caption{font-size:13px;margin:0;opacity:.85}.press-mark{width:180px;height:170px;opacity:.85}.digest{border:1px solid #fff8;padding:23px 21px;background:repeating-linear-gradient(120deg,transparent 0 5px,#ffffff06 5px 6px)}.digest p{font-size:17px;line-height:1.7;word-break:keep-all;margin:18px 0}.digest .digest__caption{font-size:10px;opacity:.65;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #fff8}.stats li{display:flex;align-items:baseline;gap:15px;padding:20px 22px;border-left:1px solid #fff5}.stats li:first-child{padding-left:0;border:0}.stats strong{font:34px var(--serif)}.stats span{font-size:11px;opacity:.8}
main,.footer{max-width:1296px;margin:auto;padding:0 28px}.preview-banner{display:flex;gap:15px;flex-wrap:wrap;background:#ebe3d4;font-size:12px;padding:16px 20px;margin-top:24px;border:1px dashed var(--muted)}.preview-banner strong{font:10px var(--mono);color:var(--red)}.section-nav{display:flex;flex-wrap:wrap;gap:26px;padding:22px 0;border-bottom:1px solid var(--ink);font-size:12px}.section-nav a{text-decoration:none}.section{margin-top:55px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>p{color:var(--muted);font-size:12px;margin:0;max-width:460px;line-height:1.7}.panel,.post,.card{border:1px solid var(--line);background:var(--white)}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.post{display:flex;flex-direction:column;padding:24px;border-top:3px solid var(--ink);gap:16px;min-width:0}.post.is-new{background:var(--ink);color:var(--paper);border-top-color:var(--red)}.post__head{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font:21px var(--serif);color:var(--red);background:var(--paper)}.post__head strong{font:700 12px var(--mono);overflow-wrap:anywhere}.post__head small{font:9px var(--mono);margin-top:5px}.post.is-new small{color:#c6bdaf}.post h3{font-size:19px;line-height:1.5;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.post h3 a{text-decoration:none}.post__quote{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.post.is-new .post__quote{color:#d7cdbf}.source-link{font:10px var(--mono);margin-top:auto;align-self:flex-start}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:0}.tags li{font:9px/1.7 var(--mono);border:1px solid var(--line);padding:2px 6px;overflow-wrap:anywhere;max-width:100%}.post.is-new .tags li{border-color:#ffffff40}.readings__group summary{padding:21px 24px;cursor:pointer;font-size:13px;background:#eee8da;border-bottom:1px solid var(--line)}.readings__items{margin:0;padding:5px 24px}.reading{display:flex;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);align-items:baseline}.reading:last-child{border:0}.reading__number{font:11px var(--mono);color:var(--red)}.reading__title{font-size:13px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.reading small{font:10px var(--mono);margin-top:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);background:var(--white);padding:10px 12px;font-size:11px;border-radius:0}.search-box{flex:1;min-width:220px}.search-box input{width:100%}.topic-filters{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 20px}.topic-chip{font:9px var(--mono);padding:6px 9px}.topic-chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.panel--graph{padding:18px;position:relative;border-top:3px solid var(--ink)}.graph-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 0 13px;border-bottom:1px solid var(--line)}.graph-topline .eyebrow{margin:0;font-size:9px}#graph-count{font:9px var(--mono);color:var(--muted)}.graph{position:relative;width:100%;min-height:340px;background-image:radial-gradient(#b9ad952e .8px,transparent .8px);background-size:16px 16px}.graph svg{display:block;width:100%;height:auto;touch-action:none}.graph .link{stroke:var(--ink);stroke-width:1.2;stroke-opacity:.24}.graph .node{cursor:grab}.graph .node:active{cursor:grabbing}.graph .node circle{stroke:var(--ink);stroke-width:1.5}.graph .node--member circle{fill:var(--red);stroke:var(--dark-red);stroke-width:3}.graph .node--note circle{fill:var(--white);stroke:var(--red);stroke-width:2}.graph .node--topic circle{fill:var(--ink);stroke:var(--ink)}.graph .node text{font:11px var(--mono);fill:var(--ink);paint-order:stroke;stroke:var(--white);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.graph .node--member text{font-weight:700;font-size:13px}.graph.is-compact .node text{font-size:9px}.graph.has-focus .node.is-dim{opacity:.15}.graph.has-focus .link.is-dim{stroke-opacity:.05}.graph.has-focus .link.is-lit{stroke:var(--red);stroke-opacity:.9;stroke-width:2}.graph .node.is-focused circle{stroke:var(--red);stroke-width:4}.graph .node:focus-visible{outline:none}.graph .node:focus-visible circle{stroke:var(--red);stroke-width:5}.graph__foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:15px;border-top:1px solid var(--line)}.legend{display:flex;gap:18px;margin:0;font:10px var(--mono)}.legend li{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot--member{background:var(--red)}.dot--note{background:var(--white);border:1px solid var(--red)}.dot--topic{background:var(--ink)}.graph__hidden{font-size:10px;color:var(--muted)}.switch{display:flex;align-items:center;gap:5px;font-size:11px;margin-left:auto}.switch input{accent-color:var(--red)}#clear-focus{font-size:10px;padding:7px 10px}.graph__empty{font-size:12px;color:var(--muted);padding:12px;margin:0}.graph__pop{position:absolute;z-index:2;max-width:min(340px,calc(100% - 8px));padding:18px;background:var(--white);border:1px solid var(--ink);box-shadow:5px 5px 0 #25231f17;font-size:12px;line-height:1.6}.graph__pop-head{margin-bottom:12px}.graph__pop-kind{color:var(--red);font:9px var(--mono);margin-right:10px}.graph__pop-title{overflow-wrap:anywhere}.graph__pop-tags{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}.graph__pop-tags li{border:1px dashed var(--line);font:10px/1.8 var(--mono);padding:3px 6px}.graph__pop-tags li.is-drawn{padding:0;border:0}.graph__pop-tags button{padding:3px 6px;font:10px/1.8 var(--mono);border-color:var(--red);color:var(--red)}.graph__pop-link{display:inline-block;margin-top:14px;color:var(--red)}.map-note{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.8}.note-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:22px}.note-index summary{padding:17px 0;cursor:pointer;font-size:12px}.note-index summary span{font:10px var(--mono);color:var(--muted);margin-left:12px}.note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:20px}.note-card{padding:18px;border:1px solid var(--line)}.note-card h3{font-size:15px;line-height:1.6;margin:12px 0}.note-card p{font-size:12px;color:var(--muted)}.note-card small{font:9px var(--mono)}
.members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px;display:flex;flex-direction:column;gap:20px;border-top:3px solid var(--red);min-width:0}.card__head{display:flex;gap:12px;align-items:center}.card__head>div{min-width:0;flex:1}.card__head .eyebrow{font-size:8px;margin-bottom:7px}.card h3{font:600 21px var(--serif);margin:0;overflow-wrap:anywhere}.level{font:10px var(--mono);border:1px solid var(--red);padding:5px;color:var(--red);white-space:nowrap}.card__summary{font-size:12px;color:var(--muted);margin:0}.xp__meta{display:flex;justify-content:space-between;font:9px var(--mono);margin-bottom:9px}.xp__bar{height:7px;background:#e7dece}.xp__fill{height:100%;background:repeating-linear-gradient(125deg,var(--red) 0 3px,var(--dark-red) 3px 4px)}.counts{display:grid;grid-template-columns:.7fr 1fr 1.4fr;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:0}.counts dt{font:9px var(--mono);color:var(--muted);margin-bottom:8px}.counts dd{font:11px var(--mono);margin:0}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,9px);grid-auto-columns:9px;gap:3px;max-width:100%;overflow:auto}.heatmap i{background:#ece5d8;width:9px;height:9px}.heatmap i.l1{background:#d99ba1}.heatmap i.l2{background:#be5666}.heatmap i.l3{background:var(--red)}.heatmap__caption{font-size:9px;margin-top:-12px}.items{margin:0;display:grid;gap:9px}.items li{font-size:12px;line-height:1.6;border-left:2px solid var(--red);padding-left:10px}.items a{text-decoration:none}.graph-button{align-self:flex-start;margin-top:auto;font-size:10px}.activity{margin:0}.activity li{display:grid;grid-template-columns:105px 130px 1fr;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:baseline;font-size:12px}.activity li:last-child{border:0}.activity__date{font:10px var(--mono);color:var(--muted)}.activity strong{font:11px var(--mono);color:var(--red);overflow-wrap:anywhere}.activity a{text-decoration:none;overflow-wrap:anywhere}.activity a:hover,.items a:hover,.reading__title:hover{text-decoration:underline}.empty{padding:24px;color:var(--muted);font-size:12px;line-height:1.8;grid-column:1/-1}.load-error{background:var(--white);border:2px solid var(--red);padding:20px;margin-top:20px;font-size:13px}.footer{display:flex;justify-content:space-between;gap:20px;border-top:3px double var(--ink);padding-top:25px;padding-bottom:40px;margin-top:65px;font-size:10px;color:var(--muted)}.footer__brand{font:10px var(--mono);color:var(--ink)}.footer a{white-space:nowrap}
@media(min-width:1000px){.posts .is-new{grid-column:span 2}.posts .is-new h3{font-size:28px}.posts .is-new .post__quote{font-size:14px}.posts .post:nth-child(4){grid-column:span 2}.members:has(.card:only-child){grid-template-columns:minmax(300px,420px) 1fr}.members:has(.card:only-child):after{content:'ONE NOTE AT A TIME.\a한 편의 기록에서 시작하는\a우리의 읽기.';white-space:pre-line;align-self:center;text-align:center;font:28px/1.8 var(--serif);color:#a79b88;background:repeating-linear-gradient(135deg,transparent 0 5px,#c9bea51c 5px 6px);padding:60px 20px}}
@media(max-width:1000px){.masthead__body{grid-template-columns:1fr .7fr}.press-mark{display:none}.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.post.is-new{grid-column:1/-1}.members{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading>p{max-width:360px}}
@media(max-width:640px){main,.footer{padding-left:20px;padding-right:20px}.masthead{padding:0 20px}.masthead__top{font-size:8px;gap:10px}.masthead__top>span{max-width:110px;text-align:right;line-height:1.5}.masthead__body{grid-template-columns:1fr;gap:25px;padding:32px 0}.digest{padding:18px}.digest p{font-size:15px;margin:12px 0}.stats li{display:block;padding:15px 10px}.stats strong{display:block;font-size:29px}.stats span{font-size:9px}.section{margin-top:40px}.section-heading{display:block}.section-heading>p{margin-top:16px;max-width:none;font-size:11px}.section-nav{gap:19px;font-size:10px}.posts,.members,.note-list{grid-template-columns:1fr}.post.is-new{grid-column:auto}.post{padding:21px}.toolbar{gap:8px}.search-box{flex-basis:100%}.toolbar label:not(.search-box){flex:1}.toolbar select{width:100%}.toolbar>button{flex:1}.panel--graph{padding:10px}.graph-topline{display:block}.graph-topline .eyebrow{margin-bottom:9px}.graph__foot{gap:12px}.switch{margin-left:0}.legend{gap:12px;flex-basis:100%}.graph__hidden{flex-basis:100%}.readings__items{padding:0 15px}.readings__group summary{padding:18px 15px;line-height:1.6}.reading{gap:12px}.reading__title{font-size:12px}.reading small{font-size:9px}.activity li{grid-template-columns:95px 1fr;padding:17px;gap:10px}.activity li>a,.activity li>span{grid-column:1/-1}.footer{display:block}.footer>a{display:inline-block;margin-top:15px}.preview-banner{font-size:11px}.card{padding:22px}}
.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.boar-mark{display:block;width:100%;height:auto;opacity:1;background:var(--paper);padding:10px;border:1px solid var(--ink);box-shadow:5px 5px 0 #25231f40;transform:rotate(-3deg)}
@media(min-width:1001px){.masthead__body{grid-template-columns:1.1fr 260px .7fr}}
@media(max-width:1000px){.boar-mark{display:block;width:220px;grid-column:1;grid-row:2}.masthead__body .digest{grid-column:2;grid-row:1 / 3}}
@media(max-width:640px){.boar-mark{width:min(260px,100%);grid-row:auto;grid-column:auto;justify-self:center}.masthead__body .digest{grid-row:auto;grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}