:root{--font-ui:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans CJK KR",system-ui,sans-serif;--font-reading:"Nanum Myeongjo","Noto Serif CJK KR","AppleMyungjo",serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light;--paper:#f8f7f4;--surface:#fffefc;--ink:#29332e;--muted:#636e67;--line:#dedfd7;--accent:#315c49;--wash:#eaf0e8;--danger:#a02f35;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius:20px;font-family:var(--font-ui);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#171b19;--surface:#222824;--ink:#edf0e9;--muted:#b1bdb4;--line:#465249;--accent:#b7d6c1;--wash:#303f35;--danger:#ffb2b6}@media (prefers-color-scheme:dark){:root:not([data-theme]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--paper:#171b19;--surface:#222824;--ink:#edf0e9;--muted:#b1bdb4;--line:#465249;--accent:#b7d6c1;--wash:#303f35;--danger:#ffb2b6}}*{box-sizing:border-box}body{min-inline-size:0;margin:0}body,input,textarea,select,button{font-family:inherit}button,input,textarea,select{font-size:1rem}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a{transition:color .12s,background-color .12s,opacity .12s}button{cursor:pointer}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:var(--ink);background:var(--wash)}h1,h2,h3,p{margin-block:0 var(--space-4);overflow-wrap:anywhere}h1{letter-spacing:-.035em;font-size:clamp(28px,5vw,36px);font-weight:600;line-height:1.35}h2{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.5}h3{font-size:18px;font-weight:600;line-height:1.5}ul,ol{padding-inline-start:var(--space-6)}h1,h2,h3{word-break:keep-all;text-wrap:balance}.app-header{padding:var(--space-6)var(--space-5);display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);border-block-end:1px solid var(--line);max-inline-size:1100px;margin-inline-start:auto;margin-inline-end:auto}.brand{text-decoration:none;color:var(--ink);letter-spacing:-.035em;display:flex;align-items: center;min-block-size:44px;font-size:18px}.main{padding:var(--space-10)var(--space-5)calc(112px + env(safe-area-inset-bottom));max-inline-size:1100px;margin-inline-start:auto;margin-inline-end:auto}.main>*,.today-layout>*,.stack>*,.actions>*{min-inline-size:0}.reading{max-inline-size:720px}.page-heading{margin-block-end:var(--space-8)}.task-line{display:flex;align-items: center;gap:var(--space-3)}.task-line p{flex:1;margin:0}@media (max-width:600px){.app-header{padding-block:var(--space-4)}.main{padding-block-start:var(--space-6)}.page-heading{margin-block-end:var(--space-6)}}.eyebrow{color:var(--muted);letter-spacing:.025em;margin-block-end:var(--space-4);font-size:13px;font-weight:600}.metadata,.muted{color:var(--muted)}.metadata{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.metadata p:last-child{margin-block-end:0}.stack{display:flex;gap:var(--space-6);flex-direction:column}.card,.article-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6)}.article-row h2,.reading-card h2{font-family:var(--font-reading);letter-spacing:-.015em;font-size:24px;font-weight:700;line-height:1.45}.article-row>p:not(:-webkit-any(.eyebrow,.metadata)){font-family:var(--font-reading);font-size:18px;line-height:1.8}.article-row>p:not(:-moz-any(.eyebrow,.metadata)){font-family:var(--font-reading);font-size:18px;line-height:1.8}.article-row>p:not(:is(.eyebrow,.metadata)){font-family:var(--font-reading);font-size:18px;line-height:1.8}.article-row .actions,.reading-card .actions{margin-block:var(--space-6)0;margin-inline-start:calc(-1*var(--space-4))}.article-row>.metadata{margin-block-start:var(--space-5)}@media (min-width:960px){.reading-card,.article-row{padding:var(--space-8)}}.card>:last-child,.article-row>:last-child{margin-block-end:0}.section-heading h2{margin-block-end:var(--space-2)}.button{display:inline-flex;justify-content:center;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:1px solid var(--line);border-radius:var(--radius);color:var(--surface);background:var(--ink);text-decoration:none;text-align:center;overflow-wrap:anywhere;min-block-size:44px;font-size:1rem;line-height:1.55}.button.outline{background:var(--surface);color:var(--ink)}summary.button{list-style:none}summary.button::-webkit-details-marker{display:none}.disclosure-indicator:before{content:"+"}details[open]>summary.button{background:var(--wash);margin-block-end:var(--space-4)}details[open]>summary.button .disclosure-indicator:before{content:"−"}.button.quiet{color:var(--accent);background:0 0;border-color:#0000}.button.danger{color:var(--danger);background:var(--surface)}.button:hover{background:var(--wash);color:var(--ink);text-decoration:none}.button:active{opacity:.75}.button:disabled{opacity:.55;cursor:not-allowed}.button[aria-pressed=true]{background:var(--wash);color:var(--ink)}.actions,.filters{display:flex;align-items: center;gap:var(--space-2);margin-block:var(--space-4);flex-wrap:wrap}.filters{gap:var(--space-2);margin-block:var(--space-6)}label{display:block;margin-block-end:var(--space-2);font-size:15px;font-weight:600}.field{margin-block-end:var(--space-4)}input,textarea,select{display:block;padding:var(--space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;min-block-size:44px;inline-size:100%;min-inline-size:0;line-height:1.55}textarea{resize:vertical}select{text-overflow:ellipsis}summary{cursor:pointer;padding-block:var(--space-3);color:var(--accent);min-block-size:44px;font-size:15px}details{margin-block:var(--space-3)}.error{color:var(--danger);font-size:15px}.status{color:var(--muted);margin-block:var(--space-2);font-size:15px}.status:empty{display:none}.error-banner{border:1px solid var(--line);padding:var(--space-4);border-radius:12px;margin-block-end:var(--space-6)}.error-banner p{margin:0}.prose{font-family:var(--font-reading);letter-spacing:0;overflow-wrap:anywhere;font-size:18px;font-weight:400;line-height:1.8}.prose p{margin-block-end:24px}.excerpt{margin-block-start:20px;margin-block-end:20px}.article-heading{padding-block:var(--space-8);border-block-end:1px solid var(--line);margin-block-end:40px}.article-heading h1{font-family:var(--font-reading);letter-spacing:-.015em;margin-block-end:24px;font-weight:700;line-height:1.45}.article-description{font-family:var(--font-reading);margin-block-end:var(--space-6);font-size:18px;line-height:1.8}.article-body{min-inline-size:0;padding-block-end:48px}.article-body h1,.article-body h2,.article-body h3,.article-body h4{letter-spacing:0;margin-block-start:40px;margin-block-end:16px;font-weight:700}.article-body h1{font-size:28px}.article-body h2{font-size:22px}.article-body h3,.article-body h4{font-size:18px}.article-body img{display:block;border-radius:12px;block-size:auto;max-inline-size:100%;margin-block-start:24px;margin-block-end:24px}.article-body pre{overflow-x:auto;border:1px solid var(--line);background:var(--surface);border-radius:12px;max-inline-size:100%;padding:20px;line-height:1.6}.article-body code{font-family:ui-monospace,monospace;font-size:15px}.article-body :not(pre)>code{white-space:break-spaces;overflow-wrap:anywhere;background:var(--wash);padding-inline-start:4px;padding-inline-end:4px}.article-body pre code{white-space:pre;overflow-wrap:normal}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;inline-size:100%;max-inline-size:100%;font-size:15px}.article-body th,.article-body td{border:1px solid var(--line);text-align:start;min-inline-size:120px;padding:12px}.article-body hr{border:0;border-block-start:1px solid var(--line);margin-block-start:32px;margin-block-end:32px}blockquote{border-inline-start:2px solid var(--line);color:var(--muted);background:var(--wash);overflow-wrap:anywhere;font-family:var(--font-reading);margin:20px 0;padding:16px 20px;line-height:1.8}.article-body a{text-decoration-thickness:1px}.article-body li{margin-block-end:8px}.article-followup{gap:var(--space-8);border-block-start:1px solid var(--line);padding-block-start:var(--space-8)}.related-reading{padding-block-start:var(--space-4)}.related-reading>h2{margin-block-end:var(--space-6);font-size:18px}.article-heading>.actions{margin-inline-start:calc(-1*var(--space-4))}.source-list li{margin-block:var(--space-2)}.source-list a{display:inline-block;padding-block:var(--space-2);min-block-size:44px}@media (min-width:960px){.prose,.article-description{font-size:19px}}.today-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.today-focus-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3)}.today-focus-heading h1{margin:0}.today-focus-heading h1,.today-utilities h2,.today-layout .section-heading h2{font-family:var(--font-reading);letter-spacing:-.015em;font-size:22px;font-weight:700;line-height:1.5}.today-focus-heading time{margin:0}.edition-headline{font-family:var(--font-reading);letter-spacing:-.015em;word-break:keep-all;text-wrap:balance;margin-block:var(--space-2)var(--space-4);font-size:clamp(24px,3vw,30px);font-weight:700;line-height:1.5}.library-list{display:flex;gap:var(--space-6);flex-direction:column}.article-row :where(h2 a){color:var(--ink);text-decoration:none}.article-row :where(h2 a:hover){color:var(--accent)}.search-form{display:flex;align-items: flex-end;gap:var(--space-3);flex-wrap:wrap}.search-form .field{flex:200px;margin:0}.record{padding-block:var(--space-5);border-block-end:1px solid var(--line)}.record>p:first-child{white-space:pre-wrap;font-family:var(--font-reading);font-size:18px;line-height:1.8}.record .actions{margin-block-end:0}.completed{text-decoration:line-through;color:var(--muted)}.linked-source{display:inline-flex;align-items: center;min-block-size:44px;font-size:15px}.confirmation{margin-block:var(--space-4);padding:var(--space-4);background:var(--wash);border-radius:12px}.event{margin-block-start:var(--space-4)}.settings-stack{max-inline-size:720px}.login{padding:var(--space-16)var(--space-5);max-inline-size:560px;margin-inline-start:auto;margin-inline-end:auto}.login>h1{margin-block-end:var(--space-10)}.login>.card{padding:clamp(var(--space-6),4vw,var(--space-8))}.login>.card>h2{margin-block-end:var(--space-2)}.login>.card>p:not([role]){color:var(--muted)}.login form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin-block-start:var(--space-6)}.login form>label{margin:0}.login form>:where(.error,.status){margin-block:var(--space-2)0}.login form>.button{min-block-size:var(--space-12);margin-block-start:var(--space-4)}.login form>.button:not(:hover){background:var(--accent)}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--space-2)max(var(--space-3),calc((100vw - 720px)/2))calc(var(--space-2) + env(safe-area-inset-bottom));border-block-start:1px solid var(--line);background:var(--paper);z-index:10;bottom:0;left:0;right:0}.bottom-nav a{display:flex;justify-content:center;align-items: center;gap:var(--space-1);text-decoration:none;color:var(--muted);border-radius:12px;flex-direction:column;min-block-size:56px;font-size:13px}.bottom-nav a[aria-current]{background:var(--wash);color:var(--accent)}.today-utilities{--today-action:#5a7b6a;gap:var(--space-5)}.today-utilities>.card{padding:0 0 var(--space-5);border:0;border-block-end:1px solid var(--line);background:0 0;border-radius:0}.article-followup>.card>h2{font-size:18px;font-weight:600}.today-utilities .eyebrow{margin-block-end:var(--space-2)}.today-utilities>.card>p.muted{font-family:var(--font-reading)}.focus-content:not(.muted){font-family:var(--font-reading);white-space:pre-wrap;font-size:18px;line-height:1.8}:root[data-theme=light] .today-utilities details:not([open])>summary.button:not(:hover){color:var(--surface);background:var(--today-action)}.today-utilities details:last-child{margin-block-end:0}.section-heading{border-block-end:1px solid var(--line);padding-block-end:var(--space-4)}.section-heading .metadata{margin-block-end:0}.skip-link{position:fixed;z-index:20;padding:var(--space-3);background:var(--surface);top:-100px}.skip-link:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-5)}.skip-link:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-5)}.skip-link:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--space-5)}.skip-link:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-5)}.skip-link:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-5)}.skip-link:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--space-5)}.skip-link:focus{top:var(--space-3)}fieldset{border:0;min-inline-size:0;margin-inline-start:0;margin-inline-end:0;padding:0}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0}@media (min-width:960px){.main{padding-block-start:var(--space-12)}.today-layout{grid-template-columns:minmax(0,.8fr)minmax(0,1.2fr);gap:var(--space-10)}}@media (prefers-reduced-motion:reduce){button,a{transition:none}}
