:root{--background:#fbfaf7;--foreground:#20201d;--muted:#68645d;--line:#ded8ca;--panel:#fff;--primary:#176f5f;--primary-dark:#0f574b;--primary-soft:#e5f1ee;--accent:#b9472d;--gold:#d7a531}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Noto Sans KR,Apple SD Gothic Neo,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.25}p{color:var(--muted);line-height:1.75}button,input{font:inherit}.site-header,.site-footer{width:min(1120px,100% - 32px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:72px;display:grid}.brand{color:var(--primary);font-size:20px;font-weight:800}.site-header nav,.site-footer nav,.header-actions,.button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.site-header nav{color:var(--muted);font-size:15px}.header-actions{color:var(--primary);justify-content:end;font-weight:700}.account-label{max-width:180px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.site-main{flex:1}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:32px 0;font-size:14px;display:flex}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:36px 0 64px}.stack{gap:28px;display:grid}.hero-band{background-color:#0000;background-image:linear-gradient(90deg,#0e3732d1,#0e373247),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 650'%3E%3Crect width='1200' height='650' fill='%23e9dcc4'/%3E%3Cpath d='M0 440 C180 360 300 470 490 390 C700 300 850 360 1200 220 L1200 650 L0 650 Z' fill='%239bb5a8'/%3E%3Cpath d='M0 520 C230 430 420 565 620 470 C800 385 1010 460 1200 340 L1200 650 L0 650 Z' fill='%23d2a653'/%3E%3Ccircle cx='900' cy='140' r='62' fill='%23f7f0dc'/%3E%3Cpath d='M130 290 h210 v180 h-210z M170 250 h130 v40 h-130z M190 330 h42 v140 h-42z M260 330 h42 v72 h-42z' fill='%23f9f7ef' opacity='.82'/%3E%3Cpath d='M690 290 h230 v190 h-230z M730 250 h150 v40 h-150z M735 335 h50 v145 h-50z M815 335 h50 v80 h-50z' fill='%23fffaf0' opacity='.76'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;align-items:end;min-height:420px;padding:clamp(28px,6vw,64px);display:grid}.hero-copy{color:#fff;max-width:620px}.hero-copy p{color:#ffffffe0;font-size:19px}.hero-copy h1{letter-spacing:0;margin:8px 0 16px;font-size:clamp(40px,7vw,74px)}.kiki-banner,.brand-callout{background:#ffffff24;border:1px solid #ffffff47;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:inline-flex}.kiki-banner{color:#fff;margin:18px 0 22px}.kiki-banner span{width:34px;height:34px;color:var(--primary);background:#ffffffe6;border-radius:8px;place-items:center;font-weight:900;display:inline-grid}.kiki-banner strong{font-size:15px}.brand-callout{border-color:var(--line);background:var(--primary-soft);color:var(--foreground)}.brand-callout strong{color:var(--primary)}.brand-callout span{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.content-band{padding:clamp(24px,4vw,42px) 0}.muted-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);align-items:start;gap:36px;display:grid}.feature-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feature-tile,.card,.auth-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.feature-tile{min-height:92px;color:var(--primary);font-weight:800}.episode-link-grid{align-items:stretch}.episode-hotlink{gap:6px;display:grid}.episode-hotlink span{color:var(--muted);font-size:13px}.episode-hotlink strong{color:var(--primary)}.button{border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:800;display:inline-flex}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.tutor-primary{background:var(--accent);color:#fff}.tutor-primary:hover{background:#963822}.tutor-feature-tile{color:var(--accent);background:#fff7f2;border-color:#b9472d57;gap:8px;display:grid}.tutor-feature-tile span{color:var(--muted);font-size:13px}.tutor-feature-tile strong{color:var(--accent)}.mobile-tutor-sticky{display:none}.button.disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;pointer-events:none}.button.disabled:hover,.button[aria-disabled=true]:hover{background:var(--primary)}.secondary{border:1px solid var(--line);color:var(--foreground);background:#fffc}.danger{color:var(--accent)}.center-action{justify-content:center;display:flex}.stories-tutor-cta{background:#fff7f2;border:1px solid #b9472d4d;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:clamp(18px,3vw,28px);display:grid}.stories-tutor-cta h2{margin:4px 0 6px;font-size:clamp(24px,3vw,34px)}.tutoring-hero{text-align:center}.tutoring-hero p{max-width:760px;margin-left:auto;margin-right:auto}.meta-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.meta-list div,.toc-row,.word-card,.quiz-box,.policy-section{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px}dt{color:var(--muted);font-size:13px}dd{margin-top:4px;font-weight:800}.step-list{gap:10px;margin:18px 0 24px;padding-left:22px;display:grid}.toc-list{gap:10px;display:grid}.toc-row{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.badge.locked{color:var(--accent);background:#f3e7df}.reader{max-width:680px;margin:0 auto}.reader article{gap:20px;font-size:18px;line-height:1.8;display:grid}.reader article p{color:var(--foreground)}.reader-tools{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.reader-controls{z-index:2;border:1px solid var(--line);background:#fbfaf7f5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex;position:sticky;top:0}.toggle-control,.locale-switcher{align-items:center;gap:8px;display:inline-flex}.toggle-control:has(input:disabled){color:var(--muted);opacity:.62}.locale-switcher button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:800}.stepper{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.stepper li{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.stepper li.active{background:var(--primary-soft);color:var(--primary);border-color:#176f5f59}.vocab-token{border:0;border-bottom:2px solid var(--gold);color:inherit;cursor:help;background:0 0;padding:0 1px;display:inline;position:relative}.vocab-token.hover-disabled{cursor:default}.vocab-tooltip{z-index:5;border:1px solid var(--line);background:var(--panel);min-width:180px;color:var(--foreground);text-align:left;border-radius:8px;padding:10px;font-size:14px;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 14px 34px #20201d29}.vocab-tooltip span{color:var(--muted);display:block}.vocab-token.hover-enabled:hover .vocab-tooltip,.vocab-token.hover-enabled:focus .vocab-tooltip,.vocab-token.hover-enabled:focus-visible .vocab-tooltip{display:block}.word-aid{pointer-events:none;z-index:20;position:fixed;inset:0}.word-aid.open{pointer-events:auto}.word-aid-panel{border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto auto 1fr;gap:12px;width:min(420px,92vw);height:100%;padding:18px;transition:transform .18s;display:grid;position:absolute;top:0;left:0;transform:translate(-104%);box-shadow:16px 0 42px #20201d2e}.word-aid.open .word-aid-panel{transform:translate(0)}.word-aid-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.word-search{border:1px solid var(--line);border-radius:6px;width:100%;padding:12px}.word-aid-list{align-content:start;gap:12px;padding-right:4px;display:grid;overflow:auto}.word-aid-backdrop{z-index:-1;opacity:0;background:#20201d47;border:0;transition:opacity .18s;position:absolute;inset:0}.word-aid.open .word-aid-backdrop{opacity:1}.locked-discussion{background:repeating-linear-gradient(135deg,#fff,#fff 10px,#f7f3ed 10px 20px)}.word-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.word-card h3{color:var(--primary);margin-bottom:10px}.form-grid{gap:14px;display:grid}.form-grid label{color:var(--muted);gap:6px;font-size:14px;display:grid}.form-grid input{border:1px solid var(--line);border-radius:6px;width:100%;padding:12px}.auth-panel{max-width:440px;margin:0 auto}.price{color:var(--primary);font-size:34px;font-weight:900}.compare-table{border-collapse:collapse;border:1px solid var(--line);background:var(--panel);border-radius:8px;width:100%;overflow:hidden}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:left;padding:14px}.compare-table tr:last-child td{border-bottom:0}@media (max-width:760px){.page-shell:has(.mobile-tutor-sticky){padding-bottom:104px}.site-header{grid-template-columns:1fr;gap:12px;padding:16px 0}.header-actions{justify-content:start}.site-footer,.section-grid,.stories-tutor-cta,.feature-grid,.card-grid,.meta-list{grid-template-columns:1fr}.site-footer{display:grid}.hero-band{min-height:500px}.mobile-tutor-sticky{z-index:40;justify-content:center;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 30px #2c251c42}.word-aid-panel{border-top:1px solid var(--line);border-right:0;width:100vw;height:min(78vh,620px);top:auto;bottom:0;transform:translateY(104%)}.word-aid.open .word-aid-panel{transform:translateY(0)}}