:root{--c-navy-900: #16213A;--c-teal-600: #1A7A63;--c-teal-300: #4CC9A6;--c-yellow-400: #FFC83D;--c-mint-50: #EAF7F2;--c-paper: #F5F7F6;--c-white: #FFFFFF;--c-slate-600: #4A5468;--c-line: #DCE3E0;--c-amber-700: #B8501F;--c-amber-text: #9A4219;--c-amber-50: #FBEFE9;--c-dark-surface: #1E2B48;--c-dark-track: #2C3A5C;--c-dark-subtle: #B9C2D2;--c-dark-nav: #111A2E;--bg-page: var(--c-paper);--bg-card: var(--c-white);--text: var(--c-navy-900);--text-muted: var(--c-slate-600);--brand: var(--c-teal-600);--cta-bg: var(--c-yellow-400);--cta-text: var(--c-navy-900);--correct: var(--c-teal-600);--wrong-border: var(--c-amber-700);--wrong-text: var(--c-amber-text);--font-ko: "Pretendard", "Noto Sans KR", system-ui, sans-serif;--font-num: "Outfit", "Pretendard", sans-serif;--fs-body: 17px;--lh-body: 1.6;--fs-small: 13px;--fs-h1: 24px;--fs-h2: 17px;--fs-card-title: 24px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--space-page: 20px;--touch-min: 44px;--btn-h: 52px;--tabbar-h: 72px}@media(prefers-color-scheme:dark){:root{--bg-page: var(--c-navy-900);--bg-card: var(--c-dark-surface);--text: var(--c-white);--text-muted: var(--c-dark-subtle);--brand: var(--c-teal-300)}}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit/outfit-500.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit/outfit-600.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit/outfit-700.woff2) format("woff2")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-page);color:var(--text);font-family:var(--font-ko);font-size:var(--fs-body);line-height:var(--lh-body);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}img,svg{vertical-align:middle}.num{font-family:var(--font-num)}.wrap{max-width:480px;margin:0 auto;padding:0 var(--space-page)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{background:var(--c-navy-900);color:var(--c-white);padding:32px 0 40px}.hero .brand{display:inline-flex;align-items:center;gap:10px;color:var(--c-teal-300)}.hero .brand svg{height:26px;width:auto}.hero .eyebrow{margin:28px 0 4px;font-size:15px;color:var(--c-dark-subtle)}.hero h1{margin:0;font-size:25px;line-height:1.45;font-weight:700}.hero .g4{display:block;font-family:var(--font-num);font-weight:700;font-size:72px;line-height:1.15;color:var(--c-yellow-400)}.hero .sub{margin:10px 0 0;color:var(--c-dark-subtle);font-size:15px}.hero .lead{margin:20px 0 0;color:var(--c-teal-300);font-size:17px;font-weight:600}.card.intro{background:var(--c-mint-50);border-color:transparent}.card.intro p{margin:0}@media(prefers-color-scheme:dark){.card.intro{background:var(--c-dark-surface)}}.card.today{padding-top:0;overflow:hidden}.card-hero{display:block;width:calc(100% + 40px);margin:0 -20px 16px;height:auto}.card-hero .hb{fill:var(--c-mint-50)}.card-hero .hl{fill:none;stroke:var(--c-teal-600);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.card-hero .wf{fill:var(--bg-card)}.card-hero .hc{fill:var(--c-teal-600)}.card-hero .hc2{fill:var(--c-teal-300)}.card-hero .yf{fill:var(--c-yellow-400)}.card-hero .hk{fill:none;stroke:var(--c-teal-600);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}@media(prefers-color-scheme:dark){.card.today{padding-top:0}.card-hero .hb{fill:var(--c-dark-track)}.card-hero .hl,.card-hero .hk{stroke:var(--c-teal-300)}.card-hero .hc{fill:var(--c-teal-300)}.card-hero .hc2{fill:var(--c-teal-600)}}main.wrap{padding-top:24px;padding-bottom:24px;display:grid;gap:16px}.card{background:var(--bg-card);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:22px 20px}.card h2{margin:0 0 10px;font-size:19px;line-height:1.4}.card p{margin:0 0 10px}.card p:last-child{margin-bottom:0}.card .src{font-size:var(--fs-small);color:var(--text-muted)}.card ul{margin:0;padding-left:22px}.card li{margin:6px 0}.card .soon-badge{display:inline-block;font-size:13px;color:var(--c-teal-600);background:var(--c-mint-50);border-radius:999px;padding:3px 10px;margin-bottom:10px}.card .more{display:inline-flex;align-items:center;gap:6px;min-height:var(--touch-min);color:var(--c-teal-600);font-weight:600;text-decoration:none}.card .more:after{content:"→"}.card .more:hover,.card .more:focus-visible{text-decoration:underline}.textlink{color:var(--c-teal-600)}@media(prefers-color-scheme:dark){.card{border-color:var(--c-dark-track)}.card .soon-badge{background:var(--c-dark-track);color:var(--c-teal-300)}.card .more,.textlink{color:var(--c-teal-300)}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--c-white);border-top:1px solid var(--c-line);display:grid;grid-template-columns:repeat(5,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--touch-min);text-decoration:none;font-size:12px;color:var(--c-slate-600)}.tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75}.tab.on{color:var(--c-teal-600);font-weight:600}.tab.soon{color:#98a1b3;position:relative}.tab.soon small{font-size:10px;line-height:1;color:var(--c-teal-600)}@media(prefers-color-scheme:dark){.tabbar{background:var(--c-dark-nav);border-top-color:var(--c-dark-track)}.tab{color:var(--c-dark-subtle)}.tab.on,.tab.soon small{color:var(--c-teal-300)}.tab.soon{color:#6b7690}}.foot{padding:8px var(--space-page) 28px;max-width:480px;margin:0 auto;color:var(--text-muted);font-size:var(--fs-small)}.foot p{margin:0 0 8px}.page h1{font-size:var(--fs-h1);margin:28px 0 6px}.page .date{color:var(--text-muted);font-size:var(--fs-small);margin:0 0 18px}.page h2{font-size:18px;margin:26px 0 8px}.page p,.page li{margin:0 0 10px}.page ul{padding-left:22px}@media(min-width:768px){.wrap,.foot{max-width:560px}.hero{padding:48px 0 56px}.hero h1{font-size:29px}.hero .g4{font-size:88px}main.wrap{padding-top:32px;padding-bottom:32px;gap:20px}.card{padding:26px 24px}.tabbar{left:50%;right:auto;transform:translate(-50%);width:560px;border:1px solid var(--c-line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -8px 28px #16213a14}}@media(min-width:768px)and (prefers-color-scheme:dark){.tabbar{border-color:var(--c-dark-track);box-shadow:0 -8px 28px #00000073}}