.vote-page{max-width:1040px;margin:0 auto;padding:24px 0 40px}.vote-hero{text-align:center;padding:16px 0 36px}.vote-mascot{justify-content:center;align-items:center;gap:0;margin-bottom:24px;display:flex}.vote-mascot img{object-fit:contain;width:300px;max-width:100%;height:auto;display:block}.vote-mascot span{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:20px 20px 20px 4px;margin-left:-40px;padding:10px 16px;font-size:.85rem;position:relative;transform:rotate(-4deg)}.vote-hero h1{margin:12px 0 20px;font-family:Gowun Dodum,sans-serif;font-size:clamp(2rem,5vw,3rem)}.vote-hero>p:last-of-type{color:var(--muted);line-height:1.8}.vote-rules{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:24px;font-size:.85rem;display:flex}.vote-guidance{background:var(--accent-soft);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:22px 24px;display:flex}.vote-guidance p{color:var(--muted);margin-top:5px;font-size:.875rem}.vote-count{color:var(--accent);font-size:.875rem;font-weight:700}.vote-feedback{min-height:48px;color:var(--accent);padding:12px 0;font-size:.9rem}.vote-error{background:var(--warn-soft);color:var(--warn);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.vote-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.vote-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:28px;display:flex}.vote-card-top{margin-bottom:16px}.vote-tag{color:var(--muted);font-size:.78rem}.vote-card h2{margin-bottom:14px;font-size:1.25rem}.vote-card>p{color:var(--muted);margin-bottom:28px;font-size:.95rem;line-height:1.8}.vote-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.vote-total{color:var(--muted);font-size:.8rem}.vote-total strong{color:var(--text);font-size:1rem}.vote-card .btn{min-height:44px;font-size:.85rem}.vote-letter{text-align:center;align-self:center;padding:28px}.vote-letter h2{margin:16px 0;font-family:Gowun Dodum,sans-serif;font-size:1.5rem;line-height:1.5}.vote-letter p{color:var(--muted);line-height:1.8}.vote-letter .fine{margin-top:20px}.vote-footer{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;margin-top:40px;font-size:.875rem;display:flex}@media (width<=640px){.vote-grid{grid-template-columns:1fr;gap:16px}.vote-card{padding:24px}.vote-guidance{padding:20px}.vote-mascot{gap:0}.vote-mascot img{flex-shrink:0;width:clamp(140px,42vw,220px)}.vote-mascot span{white-space:nowrap;margin-left:-24px;padding:8px 10px;font-size:.75rem}}.customer-voice{background:var(--surface);border:1px solid var(--line);border-radius:24px;margin-top:40px;padding:32px}.customer-voice h2{margin:12px 0;font:1.7rem Gowun Dodum,sans-serif}.customer-voice>div>p:last-child{color:var(--muted);margin-bottom:24px;line-height:1.8}.customer-voice label{font-weight:600}.customer-voice textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-height:140px;color:var(--text);font:inherit;border-radius:14px;padding:16px;line-height:1.7}.customer-voice textarea:disabled{opacity:.6}.customer-voice-submit{align-items:flex-start}.customer-voice-actions{grid-auto-rows:1fr;gap:10px;max-width:100%;margin-left:auto;display:grid}.customer-voice-actions .btn{padding-block:10px}@media (width<=640px){.customer-voice{padding:22px}}.community-nav{flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-bottom:28px;font-size:.9rem;display:flex}#feature-voting,#customer-voice{scroll-margin-top:calc(var(--header-h) + 24px)}.vote-brand{margin:32px 0}.vote-hero h1,.vote-letter h2{font-family:WTSerif,Noto Serif KR,serif;font-weight:400}.vote-card,.vote-guidance,.vote-error{box-shadow:none;border-radius:5px}.page:has(>.landing){max-width:1320px;padding:0 48px calc(var(--mini-h) + 32px)}.landing{width:100%;line-height:1.8}.landing h1,.landing h2{letter-spacing:-.045em;font-family:WTSerif,Noto Serif KR,Batang,serif;font-weight:400}.landing h2{font-size:clamp(28px,3vw,40px);line-height:1.45}.landing h3{letter-spacing:-.025em;font-weight:500;line-height:1.55}.landing p{text-wrap:pretty}.landing [id]{scroll-margin-top:110px}.landing-kicker{color:var(--accent);letter-spacing:.12em;font-size:12px;font-weight:500}.landing-hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:7%;padding:92px 0 72px;display:grid}.landing-hero h1{margin:22px 0 26px;font-size:clamp(42px,4.3vw,62px);line-height:1.35}.landing-description{max-width:540px;color:var(--muted);font-size:17px;line-height:1.85}.landing-actions{flex-wrap:wrap;align-items:center;gap:18px;margin:30px 0 12px;display:flex}.landing .btn{border-radius:3px;gap:22px;min-height:50px;padding-inline:22px;font-weight:500}.preview-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:inline-flex}.preview-play{border:1px solid var(--line);border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.sample-caption{color:var(--muted);min-height:20px;font-size:11px}.publication{border-top:1px solid var(--line);max-width:540px;margin-top:30px;padding-top:16px}.publication>p{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.publication table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.publication th,.publication td{text-align:left;background:0 0;border:0;padding:5px 6px 5px 0;font-weight:400}.publication thead{color:var(--muted);font-size:11px}.publication tbody th{font-weight:500}.story-preview{background:var(--surface);border:1px solid var(--line);min-width:0;padding:30px}.story-topline{color:var(--accent);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:20px;font-size:12px;display:flex}.story-topline>span:last-child{font-size:20px}.story-date{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:24px;font-size:12px}.landing .story-preview h2{margin:14px 0 20px;font-family:inherit;font-size:clamp(23px,2.1vw,29px);font-weight:500;line-height:1.6}.story-summary{color:var(--muted);font-size:15px;line-height:1.85}.story-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;font-size:12px;display:flex}.story-bottom>span{max-width:60%;color:var(--muted)}.story-preview .fine{margin-top:14px;font-size:11px}.story-signature{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:30px;padding-top:24px;display:flex}.story-signature>span:last-child{text-align:right;color:var(--muted);letter-spacing:.05em;font-size:11px}.story-signature .wordmark-symbol{color:var(--accent);font-size:54px;line-height:1}.landing-section-nav{border-block:1px solid var(--line);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.landing-section-nav a{color:var(--muted);padding:8px 0;font-size:13px;text-decoration:none}.landing a:hover{color:var(--accent);text-underline-offset:5px}.landing-section{border-bottom:1px solid var(--line);padding:80px 0}.landing .section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px;display:flex}.landing .section-heading h2,.how-section h2,.principles-section h2{margin-top:14px}.landing .section-heading>p,.section-description{color:var(--muted);font-size:15px}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.news-card{border-top:2px solid var(--text);min-width:0;padding-top:20px}.news-index{color:var(--accent);font-family:Georgia,serif;font-size:34px}.news-card .story-date{margin-top:20px}.news-card h3{margin:14px 0;font-size:22px}.news-card>p:not(.story-date){color:var(--muted);font-size:15px}.news-sources{flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:12px;display:flex}.news-card details{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.news-card summary{cursor:pointer;padding:4px 0;font-size:14px}.news-card .reading{margin-top:16px;font-size:14px}.news-card .reading h2{font-family:inherit;font-size:20px}.news-card .reading a{overflow-wrap:anywhere}.paired-title{margin-bottom:22px;font-size:17px}.format-grid{border:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 1fr;display:grid}.format-grid>div{min-width:0;padding:38px}.format-grid>div+div{border-left:1px solid var(--line)}.format-grid h3{margin:15px 0;font-size:24px}.format-grid p{color:var(--muted);font-size:16px}.format-grid blockquote,.reading-excerpt{border-top:1px solid var(--line);margin:28px 0 0;padding:22px 0 0;font-size:15px}.reading-excerpt .reading{font-size:15px}.reading-excerpt>a{margin-top:20px;font-size:13px;display:inline-block}.how-section,.principles-section{grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.section-description{margin:24px 0;font-size:18px;line-height:1.9}.text-link{text-underline-offset:6px;margin-top:28px;font-size:14px;display:inline-block}.journey-steps{margin:0;padding:0;list-style:none}.journey-steps li{border-top:1px solid var(--line);gap:24px;padding:24px 0;display:flex}.journey-steps li>span{white-space:nowrap;color:var(--accent);font-variant-numeric:tabular-nums;flex:0 0 2ch;align-self:flex-start;font-size:13px}.journey-steps li>div{flex:1;min-width:0}.journey-steps h3{font-size:19px}.journey-steps p{color:var(--muted);margin-top:10px;font-size:15px}.source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.source-grid>div{border-top:1px solid var(--line);padding-top:22px}.source-grid h3{margin:22px 0 12px;font-size:18px}.source-grid p{color:var(--muted);font-size:15px}.principles-section h3{font-family:WTSerif,Noto Serif KR,serif;font-size:26px;font-weight:400}.principles-section p:not(.landing-kicker){color:var(--muted);margin-top:24px;font-size:16px}.editorial-note{border-left:2px solid var(--accent);padding-left:20px}.pass-driving{margin:0 0 40px}.pass-driving img{aspect-ratio:2.3;object-fit:cover;object-position:center 59%;width:100%;display:block}.pass-section figcaption{color:var(--muted);margin-top:12px;font-size:12px}.pass-gallery{max-width:900px;margin-inline:auto}.pass-color-options{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.pass-color-option{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;display:inline-flex}.pass-color-option[aria-pressed=true]{border-color:var(--text);color:var(--text);background:var(--surface)}.pass-color-option:hover{background:var(--surface)}.pass-swatch{border:1px solid #8b8780;border-radius:50%;width:16px;height:16px}.pass-swatch-black{background:#292625}.pass-swatch-white{background:#f8f5ef}.pass-product-window{overflow:hidden}.pass-product-track{transition:transform .46s cubic-bezier(.22,.61,.36,1);display:flex}.pass-product-track figure{flex:0 0 100%;min-width:0;margin:0}.pass-product-track img{aspect-ratio:1580/995;object-fit:cover;width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.pass-product-track{transition:none}}.pass-policy{margin-top:32px;font-size:16px}.pass-section .fine{margin-top:8px;font-size:12px}.future-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.future-grid>div{border-top:1px solid var(--line);padding-top:22px}.future-grid h3{font-size:19px}.future-grid p{color:var(--muted);margin-top:12px;font-size:15px}.landing-footer{text-align:center;padding:84px 0 0}.landing-footer h2{margin:24px 0 30px;font-size:clamp(34px,4vw,48px)}.landing-footer>div{margin-top:60px}.landing-footer .app-footer{text-align:left;margin-top:35px}@media (width<=1000px){.page:has(>.landing){padding-inline:28px}.landing-hero{grid-template-columns:1.15fr 1fr;gap:30px;padding-top:60px}.landing-hero h1{font-size:44px}.story-preview{padding:24px}.news-grid{gap:20px}.source-grid{grid-template-columns:1fr 1fr}.how-section,.principles-section{gap:40px}}@media (width<=760px){.page:has(>.landing){padding-inline:22px}.landing-hero{grid-template-columns:1fr;gap:36px;padding:42px 0}.landing-hero h1{font-size:clamp(36px,6.8vw,48px);line-height:1.4}.landing-description{font-size:16px}.landing-actions{gap:14px}.landing .btn{padding-inline:16px;font-size:14px}.sample-caption{font-size:10px}.story-preview{padding:24px}.landing-section{padding:52px 0}.landing .section-heading{display:block}.landing .section-heading>p{margin-top:18px}.news-grid,.format-grid,.how-section,.principles-section{grid-template-columns:1fr}.news-grid{gap:34px}.news-card h3{font-size:23px}.format-grid>div{padding:26px}.format-grid>div+div{border-left:0;border-top:1px solid var(--line)}.source-grid,.future-grid{grid-template-columns:1fr 1fr;gap:22px}.pass-driving img{aspect-ratio:1.45;object-position:64% center}.landing-footer{padding-top:55px}.landing-section-nav{flex-wrap:wrap;gap:8px}.landing-section-nav a{font-size:12px}}@media (width<=390px){.hero-break{display:none}.source-grid,.future-grid{grid-template-columns:1fr}.publication table{font-size:11px}.landing-hero h1{font-size:36px}}@media (prefers-reduced-motion:no-preference){html:has(.landing){scroll-behavior:smooth}}.landing .section-heading h2{font-size:clamp(28px,3vw,40px)}.latest-briefing{padding:40px 32px}.latest-briefing>.wordmark-symbol{color:var(--accent);margin-bottom:36px;font-size:72px}.latest-briefing>.landing-kicker{margin-bottom:12px}.landing .latest-briefing h2{margin:0;font-family:WTSerif,Noto Serif KR,serif;font-size:32px;font-weight:400}.latest-briefing .story-date{margin:14px 0 30px}.latest-briefing .btn{justify-content:space-between;width:100%}.latest-briefing .story-summary{margin-top:18px}@media (width<=760px){.latest-briefing{padding:28px 24px}.latest-briefing>.wordmark-symbol{margin-bottom:24px;font-size:52px}.landing .latest-briefing h2{font-size:28px}}@font-face{font-family:Gowun Dodum;src:url(/fonts/GowunDodum-Korean.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#f6f2ea;--surface:#efeae1;--surface-2:#e8e2d8;--text:#22292a;--muted:#535b59;--line:#d6cfc3;--accent:#94502e;--accent-ink:#efeae1;--accent-soft:#eae1d5;--warn:#9a5b00;--warn-soft:#fff4e0;--danger:#c62828;--danger-soft:#fdecec;--ok:#1d7a3e;--ok-soft:#e7f6ec;--radius:6px;--radius-sm:3px;--shadow:none;--header-h:76px;--mini-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;letter-spacing:-.015em;-webkit-text-size-adjust:100%;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151c20;--surface:#1a2328;--surface-2:#222d32;--text:#f1ebe0;--muted:#b9bdb9;--line:#384348;--accent:#deac82;--accent-ink:#1d2528;--accent-soft:#302b26;--warn:#f0b354;--warn-soft:#2e2414;--danger:#ff7a7a;--danger-soft:#331a1c;--ok:#6fd394;--ok-soft:#14291c;--shadow:0 1px 2px #0000004d}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;min-height:100dvh}h1,h2,h3{margin:0;line-height:1.3}h1{letter-spacing:-.01em;font-size:1.6rem}h2{font-size:1.1rem}p{margin:0}a{color:var(--accent)}code{background:var(--surface-2);border-radius:6px;padding:.1em .35em;font-size:.95em}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--surface);z-index:100;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.muted{color:var(--muted)}.small{font-size:.875rem}.fine{color:var(--muted);font-size:.85rem}.warn-text{color:var(--warn);font-size:.9rem}.grow{flex:1;min-width:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:10px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.02em;font-size:.8rem;font-weight:700}.app{min-height:100dvh}.app-header{z-index:20;height:var(--header-h);padding:0 16px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:6px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.badge{background:var(--warn-soft);color:var(--warn);border-radius:6px;padding:2px 6px;font-size:.7rem;font-weight:700}.app-header nav{gap:4px;display:flex}.app-header nav a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:.95rem;font-weight:600;text-decoration:none}.app-header nav a.active{color:var(--text);background:var(--surface-2)}.page{max-width:760px;padding:20px 16px calc(var(--mini-h) + 40px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.page.narrow{max-width:560px}.app-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:40px;padding-top:24px;font-size:.8rem;display:flex}.app-footer>span:first-child{color:var(--text);font-weight:650}.app-footer a{color:var(--muted);text-underline-offset:4px}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60dvh;padding:24px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.spinner.light{border-color:#ffffff59;border-top-color:var(--accent-ink)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;display:flex}.skeleton{color:var(--muted)}.muted-card{background:var(--surface-2);box-shadow:none}.btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--accent-soft);color:var(--accent);border-color:#0000}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.btn-lg{min-height:52px;padding:0 20px;font-size:1.05rem}.btn-block{width:100%}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.sm{width:36px;height:36px}.icon-btn.sm svg{width:18px;height:18px}.pill{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-block}.pill.warn{background:var(--warn-soft);color:var(--warn)}.status{font-size:.8rem;font-weight:600}.status.done{color:var(--ok)}.status.doing{color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;min-height:40px;padding:0 14px;font-size:.92rem;font-weight:600}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip:disabled{opacity:.45;cursor:not-allowed}.notice{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:12px 14px;font-size:.92rem;display:flex}.notice-body{flex:1;min-width:0}.notice-body>.row{margin-top:10px}.notice-info{background:var(--accent-soft)}.notice-warn{background:var(--warn-soft);color:var(--warn)}.notice-error{background:var(--danger-soft);color:var(--danger)}.notice-ok{background:var(--ok-soft);color:var(--ok)}.notice-close{cursor:pointer;color:inherit;background:0 0;border:0;padding:0 4px;font-size:1.3rem;line-height:1}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.form{flex-direction:column;gap:10px;display:flex}.form label{font-weight:600}input[type=email],input:not([type]),input[inputmode],select{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-size:1.05rem}.hint-list{gap:4px;margin:0;padding-left:1.2em;display:grid}.auth{gap:24px;max-width:960px;margin:0 auto;padding:32px 16px 48px;display:grid}.auth-intro h1{font-size:2.2rem}.lead{margin-top:8px;font-size:1.15rem}.feature-list{color:var(--muted);gap:4px;margin:16px 0 0;padding-left:1.2em;display:grid}.auth-card{flex-direction:column;gap:14px;display:flex}@media (width>=860px){.auth{grid-template-columns:1.1fr 1fr;align-items:center;min-height:80dvh}}.day-header{flex-direction:column;gap:4px;display:flex}.hero-play{text-align:left;cursor:pointer;background:var(--accent);width:100%;color:var(--accent-ink);box-shadow:var(--shadow);border:0;border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}.hero-icon{background:#ffffff2e;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.hero-icon svg{width:28px;height:28px}.hero-text{flex-direction:column;gap:2px;display:flex}.hero-title{font-size:1.3rem;font-weight:800}.hero-meta{opacity:.9;font-size:.92rem}.resume-card{border-color:var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.resume-card .btn svg{width:18px;height:18px}.resume-title{margin-top:2px;font-weight:700}.grid{gap:12px;display:grid}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}}.brief-card{flex-direction:column;gap:8px;display:flex}.brief-head{justify-content:space-between;align-items:center;display:flex}.brief-title{font-size:1.05rem}.picker{flex-direction:column;gap:8px;display:flex}.picker-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.picker-row{background:var(--surface-2);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;display:flex}.picker-row.selected{background:var(--accent-soft)}.order{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.listen{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.listen-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.listen-kicker{color:var(--accent);margin-top:8px;font-size:1.05rem;font-weight:800}.listen-title{min-height:2.5em;font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.25}.bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;transition:width .4s linear}.controls{justify-content:center;align-items:center;gap:24px;margin:12px 0;display:flex}.ctrl{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:72px;height:72px;color:var(--text);border-radius:50%;place-items:center;display:grid}.ctrl svg{width:30px;height:30px}.ctrl:disabled{opacity:.35;cursor:not-allowed}.ctrl-main{background:var(--accent);border-color:var(--accent);width:104px;height:104px;color:var(--accent-ink);box-shadow:var(--shadow)}.ctrl-main svg{width:44px;height:44px}.up-next{text-align:center;font-weight:600}.listen-actions{justify-content:center;display:flex}.listen-settings{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:8px;display:flex}.setting-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setting-label{min-width:72px;font-weight:700}.listen-settings .setting-row{flex-direction:column;align-items:stretch;gap:6px}.queue summary{cursor:pointer;padding:8px 0;font-weight:700}.queue ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.queue-group{color:var(--muted);margin:10px 0 4px;font-size:.8rem;font-weight:800}.queue-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:baseline;gap:10px;width:100%;padding:10px 12px;display:flex}.queue-item:hover{background:var(--surface-2)}.queue-item.current{background:var(--accent-soft);font-weight:700}.mini-player{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;width:min(760px,100% - 20px);height:var(--mini-h);background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:4px;padding:0 8px 0 16px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}.mini-progress{background:var(--accent);transform-origin:0;width:100%;height:3px;transition:transform .4s linear;position:absolute;top:0;left:0}.mini-info{min-width:0;color:var(--text);flex-direction:column;flex:1;text-decoration:none;display:flex}.mini-kicker{color:var(--accent);font-size:.78rem;font-weight:700}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.briefing-layout{flex-direction:column;gap:16px;display:flex}.toc-title{margin-bottom:6px;font-size:.95rem}.toc ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.toc-item{border-radius:10px;align-items:center;gap:4px;display:flex}.toc-item a{min-width:0;color:var(--text);flex:1;align-items:baseline;gap:8px;padding:8px;text-decoration:none;display:flex}.toc-item.current{background:var(--accent-soft)}.toc-item.kind-optional_perspective .toc-label{color:var(--warn)}.toc-label{color:var(--accent);white-space:nowrap;min-width:56px;font-size:.78rem;font-weight:800}.toc-text{font-size:.95rem}.reading-header{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.reading{font-size:1.05rem;line-height:1.75}.reading :is(h1,h2,h3){scroll-margin-top:calc(var(--header-h) + 16px);margin:1.6em 0 .5em}.reading h2{border-top:1px solid var(--line);padding-top:.6em;font-size:1.25rem}.reading p,.reading ul,.reading ol,.reading blockquote{margin:.7em 0}.reading blockquote{border-left:4px solid var(--warn);background:var(--warn-soft);border-radius:0 10px 10px 0;padding:8px 14px}.reading a{word-break:break-word}.table-wrap{overflow-x:auto}.reading table{border-collapse:collapse;width:100%;font-size:.95rem}.reading th,.reading td{border:1px solid var(--line);text-align:left;padding:8px 10px}.reading th{background:var(--surface-2)}@media (width>=1000px){.page:has(.briefing-layout){max-width:1120px}.briefing-layout{flex-direction:row;align-items:flex-start;gap:28px}.toc-col{width:320px;top:calc(var(--header-h) + 16px);max-height:calc(100dvh - var(--header-h) - 120px);flex:none;position:sticky;overflow:auto}.reading-col{flex:1;min-width:0}}.history-day{flex-direction:column;gap:8px;display:flex}.history-date{font-size:1.05rem}.history-list{margin:0;padding:0;list-style:none}.history-item{color:var(--text);border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 4px;text-decoration:none;display:flex}.history-item:hover .grow{text-decoration:underline}.overlay{z-index:50;background:#00000073;place-items:end center;padding:12px;display:grid;position:fixed;inset:0}@media (width>=640px){.overlay{place-items:center}}.dialog{background:var(--surface);border-radius:20px;flex-direction:column;gap:14px;width:min(480px,100%);padding:20px;display:flex;box-shadow:0 20px 60px #0000004d}.dialog-sub{color:var(--muted)}.choice-list{flex-direction:column;gap:8px;display:flex}.choice{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.choice:hover,.choice:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.choice-label{font-size:1.08rem;font-weight:800}.choice-desc{color:var(--muted);font-size:.88rem}h1{letter-spacing:-.025em;text-wrap:balance;font-weight:700}h2{letter-spacing:-.02em;font-weight:650}.app-header{padding-inline:max(24px,50vw - 520px)}.brand{letter-spacing:-.035em;gap:10px;font-size:1.4rem}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:12px 12px 12px 3px;place-items:center;font-size:1.9rem;display:grid}.app-header nav a{border-radius:999px;padding:10px 16px}.app-header nav a.active{background:var(--accent-soft);color:var(--accent)}.page{gap:24px;max-width:960px;padding-top:48px}.stack{gap:24px}.day-header{gap:14px;padding-bottom:12px}.day-header h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.4}.day-header>.muted{font-size:1.02rem}.eyebrow{letter-spacing:0;font-size:.85rem}.card{padding:26px}.btn{border-radius:10px;padding-inline:18px;font-size:.9375rem}button,a{-webkit-tap-highlight-color:transparent}.btn,.chip,.voice-card,.hero-play{transition:background .18s,border-color .18s,box-shadow .18s}.btn:hover:not(:disabled){box-shadow:0 3px 12px #202d291f}.hero-play{color:#f5f7ed;background:#244c3b;border-radius:18px;gap:24px;min-height:148px;padding:28px;position:relative;overflow:hidden}.hero-play:hover{background:#1c402f}.hero-text{z-index:1;gap:10px}.hero-eyebrow{color:#ccddbd}.hero-title{letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,1.6rem);font-weight:650}.hero-meta{color:#d7e2d6;line-height:1.7}.hero-icon{color:#244c3b;background:#d9e6bc;width:56px;height:56px}.section-heading{margin-top:14px}.section-heading h2{font-size:1.3rem}.section-heading a,.listen-settings a{color:var(--muted);text-underline-offset:4px;font-size:.85rem}.grid{gap:18px}.brief-card{box-shadow:none;gap:12px;position:relative}.brief-title{font-size:1.1875rem;line-height:1.55}.brief-card>.muted{font-size:.85rem}.brief-card>.row{margin-top:auto;padding-top:12px}.brief-card .btn-primary{background:var(--accent-soft);color:var(--accent);border-color:#0000}.pill{padding:5px 10px;font-weight:600}.auth{gap:64px;max-width:1100px;padding:64px 24px}.auth-intro h1{margin-top:24px;font-size:clamp(2rem,4vw,3rem);line-height:1.4}.auth-intro .lead{color:var(--muted);margin-top:26px;line-height:1.8}.feature-list{gap:14px;padding:24px 0 0;list-style:none}.feature-list li:before{content:"↗";color:var(--accent);margin-right:12px}.auth-card{gap:22px;padding:32px}.auth-card h2{font-size:1.4rem}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:10px;display:grid}.voice-card{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.voice-card>span:last-child{color:var(--muted);font-size:.85rem;line-height:1.6}.voice-card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.voice-card:disabled{opacity:.5;cursor:not-allowed}.voice-symbol{background:var(--surface-2);color:var(--accent);border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.4rem;display:grid}.setting-row{padding-block:8px}.listen{gap:18px;max-width:620px}.audio-art{color:#365440;background:#e5e9d9;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:210px;display:flex;position:relative;overflow:hidden}.audio-art>span{letter-spacing:.01em;z-index:1;font-size:.75rem}.audio-rings{border:1px solid #7d966333;border-radius:50%;width:240px;height:240px;position:absolute;box-shadow:0 0 0 35px #7d96630a,0 0 0 70px #7d96630a}.audio-wave{z-index:1;align-items:center;gap:7px;height:80px;display:flex}.audio-wave span{background:#486948;border-radius:8px;width:6px}.listen-title{min-height:0;margin-bottom:12px;font-size:clamp(1.6rem,4vw,2rem);line-height:1.45}.listen-settings{gap:18px;padding-top:24px}.listen-settings h2{font-size:1rem}@media (width<=639px){:root{--header-h:66px}.app-header{gap:6px;padding-inline:16px}.brand{gap:6px;font-size:1.25rem}.brand-mark{width:28px;height:28px;font-size:1.5rem}.app-header nav a{padding:10px 8px;font-size:.875rem}.page{padding-top:28px}.card{padding:20px}.hero-play{gap:16px;min-height:144px;padding:24px 20px}.hero-icon{width:48px;height:48px}.hero-meta{font-size:.875rem}.voice-grid{grid-template-columns:1fr}.audio-art{height:180px}.auth{gap:32px;padding-top:40px}.auth-card{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.hero-text{min-width:0}.listen-time,.status{font-variant-numeric:tabular-nums}.reading{letter-spacing:-.01em;line-height:1.85}@media (width<=359px){.app-header{padding-inline:12px}.brand-mark{display:none}.app-header nav a{padding-inline:6px}.controls{gap:16px}}.brand{font-size:1.6rem}.brand .badge{letter-spacing:0;font-family:Pretendard,sans-serif}.public-page{max-width:1100px;padding-bottom:48px}.public-page .auth{width:100%;min-height:65dvh;padding:40px 0}.auth-about-link{text-underline-offset:5px;margin-top:28px;font-size:.9375rem;display:inline-block}@media (width<=639px){:root{--header-h:108px}.app-header:not(.public-header){flex-wrap:wrap;align-content:center;gap:6px}.app-header:not(.public-header) nav{justify-content:space-between;width:100%}.app-header:not(.public-header) nav a{padding:8px 12px}.public-header{height:calc(66px + env(safe-area-inset-top))}.public-page{padding-top:24px}.public-page .auth{padding:16px 0}}.brand-logo{object-fit:contain;width:144px;height:48px;display:block}@media (prefers-color-scheme:dark){.brand-logo{background:#fff8ec;border-radius:8px;padding:5px 8px}}@media (width<=639px){.brand-logo{width:118px;height:40px}}.edition-switch{grid-template-columns:1fr 1fr;gap:12px;display:grid}.edition-option{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:20px;display:flex}.edition-option strong{font-size:1.15rem}.edition-option span{color:var(--muted);font-size:.85rem}.edition-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.history-edition{margin-top:16px}.history-edition h3{font-size:.95rem}.history-edition .row-between{margin-bottom:8px}.social-login{gap:12px;display:grid}.social-google{color:#1f1f1f;background:#fff;border:1px solid #747775}.social-kakao{color:#191919;background:#fee500;border:1px solid #fee500}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:8px 0 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";opacity:.3;border-top:1px solid;flex:1}@media (width<=639px){.app-header nav{min-width:0}.app-header:not(.public-header) nav{justify-content:flex-start;overflow-x:auto}.app-header nav a{white-space:nowrap;flex-shrink:0}.app-header:not(.public-header) nav a{padding-inline:9px;font-size:.8rem}}@media (width<=380px){.public-header{flex-wrap:wrap;height:auto;min-height:108px;padding-block:8px}.public-header nav{justify-content:space-between;width:100%}}.analytics-consent{max-width:48rem;margin:1rem auto;padding:1rem}.analytics-actions{flex-wrap:wrap;gap:.75rem;display:flex}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151c20;--surface:#1a2328;--surface-2:#222d32;--text:#f1ebe0;--muted:#b9bdb9;--line:#384348;--accent:#deac82;--accent-ink:#1d2528;--accent-soft:#302b26;--warn:#f0b354;--warn-soft:#2e2414;--danger:#ff7a7a;--danger-soft:#331a1c;--ok:#6fd394;--ok-soft:#14291c;--shadow:0 1px 2px #0000004d}@font-face{font-family:WTSerif;src:url(/fonts/WTSerif.woff2)format("woff2");font-weight:400;font-display:swap}.wordmark{letter-spacing:.24em;white-space:nowrap;color:var(--text);align-items:center;gap:12px;font:400 20px/1.2 Arial,sans-serif;display:inline-flex}.wordmark-symbol{flex:none;width:.9em;height:.72em;font-size:32px;display:inline-block;position:relative}.wordmark-symbol:before,.wordmark-symbol:after{content:"";background:currentColor;width:.055em;height:100%;position:absolute;top:0;transform:skew(-31deg)}.wordmark-symbol:before{left:.22em}.wordmark-symbol:after{left:.52em}.brand{text-decoration:none}.theme-select select{color:var(--muted);cursor:pointer;background:0 0;border:0;max-width:100px;padding:8px 2px;font-size:12px}.app-header{border-bottom:1px solid var(--line);padding-inline:max(24px,50vw - 612px)}.app-header nav{margin-left:auto}.btn{border-radius:4px}.btn-primary{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}:root{--button-bg:#242d2f;--button-text:#f7f2e8}:root[data-theme=dark]{--button-bg:#e9dfcf;--button-text:#1d2528}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--button-bg:#e9dfcf;--button-text:#1d2528}}.hero-play,.hero-play:hover{background:var(--button-bg);color:var(--button-text);border-radius:5px}.hero-eyebrow,.hero-meta{color:inherit;opacity:.85}.hero-icon{background:var(--surface);color:var(--text)}.audio-art{background:var(--surface);color:var(--accent);border-radius:5px}.audio-rings{border-color:var(--line);box-shadow:none}.audio-wave span{background:var(--accent)}.mini-player{border-radius:6px;box-shadow:0 6px 28px #00000012}.card,.brief-card,.vote-card,.vote-guidance{box-shadow:none;border-radius:6px}.day-header h1,.auth-intro h1,.vote-hero h1,.vote-letter h2{font-family:WTSerif,Noto Serif KR,Batang,serif;font-weight:400}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;padding:8px;font-size:13px}.mobile-menu[open] nav{background:var(--bg);border:1px solid var(--line);flex-direction:column;align-items:stretch;width:190px;padding:16px;display:flex;position:absolute;top:38px;right:0}@media (width<=760px){.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:70px;padding:12px 20px}.wordmark{gap:8px;font-size:17px}.wordmark-symbol{font-size:28px}.public-header>nav{display:none}.mobile-menu{margin-left:auto;display:block}.app-header:not(.public-header)>nav{flex-wrap:wrap;flex-basis:100%;order:3;justify-content:space-between}.app-header:not(.public-header) .theme-select{margin-left:auto}.app-header nav a{padding-inline:4px;font-size:12px}}@font-face{font-family:Noto Serif KR;src:url(/fonts/NotoSerifKR-Regular.woff2)format("woff2");font-weight:400;font-display:swap}.public-header nav a.active{color:var(--muted);background:0 0}.public-header nav a:hover{color:var(--accent)}
