:root{--paper:#f4f0e8;--surface:#fffdf8;--ink:#1c2925;--muted:#66716b;--line:#dcd8ce;--green:#155b46;--mint:#dcebe1;--coral:#e76f51;--yellow:#f2c14e;--shadow:0 16px 40px rgba(40,48,44,.09);color-scheme:light}
[data-theme="dark"]{--paper:#14201c;--surface:#1d2a25;--ink:#f4f0e8;--muted:#aebbb4;--line:#384740;--green:#8fd4b3;--mint:#263d34;--coral:#ff8a6d;--yellow:#f3ca65;--shadow:0 16px 40px rgba(0,0,0,.2);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;padding-bottom:94px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:70px;padding:10px max(18px,calc((100vw - 1100px)/2));background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--green);color:var(--paper);font-weight:900;letter-spacing:-1px}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:18px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.08em}.icon-button{border:1px solid var(--line);color:var(--ink);background:var(--surface);width:42px;height:42px;border-radius:50%;cursor:pointer}main{width:min(100% - 32px,1100px);margin:0 auto}.hero{padding:48px 0 26px;display:grid;gap:22px}.eyebrow{margin:0;color:var(--coral);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.hero h1{font:700 clamp(38px,8vw,72px)/.98 Georgia,serif;letter-spacing:-.045em;margin:6px 0 0;max-width:800px}.hero h1 em{color:var(--green);font-style:italic}.hero-copy{font-size:17px;color:var(--muted);max-width:580px;margin:0}.progress-card{background:var(--green);color:#fff;border-radius:28px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.progress-card:after{content:"";position:absolute;width:130px;height:130px;border:25px solid rgba(255,255,255,.09);border-radius:50%;right:-55px;top:-55px}.progress-row{display:flex;justify-content:space-between;align-items:end}.progress-number{font:700 40px Georgia,serif}.progress-label{font-size:13px;opacity:.76}.progress-track{height:9px;background:rgba(255,255,255,.2);border-radius:99px;margin-top:16px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--yellow);border-radius:99px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-card{min-height:128px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:22px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(30,40,35,.04);display:flex;flex-direction:column;justify-content:space-between}.quick-card:nth-child(2){background:var(--mint)}.quick-card strong{font:700 22px Georgia,serif}.quick-card span{color:var(--muted);font-size:13px}.section{padding:26px 0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:16px}.section-head h2,.page-title{font:700 32px/1.1 Georgia,serif;margin:0;letter-spacing:-.02em}.section-head a{color:var(--green);font-weight:700;text-decoration:none;font-size:13px}.search{position:relative;margin:20px 0}.search input{width:100%;padding:16px 18px 16px 48px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);outline:none}.search input:focus{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 14%,transparent)}.search:before{content:"⌕";position:absolute;left:18px;top:11px;font-size:24px;color:var(--muted)}.chip-row{display:flex;gap:8px;overflow:auto;padding:0 0 12px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:8px 13px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:13px}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.episode-list,.expression-list{display:grid;gap:12px}.episode-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink)}.episode-num{font:700 18px Georgia,serif;color:var(--green);background:var(--mint);padding:9px;border-radius:12px}.episode-card strong{display:block}.episode-card small{color:var(--muted)}.arrow{color:var(--muted);font-size:22px}.expression-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px;position:relative}.expression-card h3{font:700 21px Georgia,serif;margin:2px 42px 4px 0}.meaning{color:var(--green);font-weight:750;margin:0 0 10px}.usage{color:var(--muted);font-size:14px;margin:0}.save-button{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;background:var(--mint);color:var(--green);border-radius:50%;font-size:22px;cursor:pointer}.save-button.saved{background:var(--yellow);color:#382d13}.example-box{margin-top:14px;padding:13px 14px;background:var(--paper);border-left:3px solid var(--coral);border-radius:4px 12px 12px 4px}.example-box p{margin:0}.example-box small{display:block;color:var(--muted);margin-top:4px}.note{margin:12px 0 0;font-size:13px;color:var(--muted)}.episode-hero{padding:34px 0 14px}.back-link{display:inline-block;color:var(--green);text-decoration:none;font-weight:700;margin-bottom:18px}.tag{display:inline-block;padding:5px 10px;border-radius:99px;background:var(--mint);color:var(--green);font-size:12px;font-weight:800}.flash-wrap{padding:32px 0}.flash-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:12px}.flash-card{min-height:390px;border:0;border-radius:30px;background:var(--surface);color:var(--ink);width:100%;padding:30px;box-shadow:var(--shadow);cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.flash-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--mint);right:-90px;top:-90px}.flash-card .prompt{font:700 clamp(30px,8vw,48px)/1.08 Georgia,serif;position:relative}.flash-card .answer{border-top:1px solid var(--line);padding-top:20px;opacity:0;transform:translateY(8px);transition:.2s}.flash-card.revealed .answer{opacity:1;transform:none}.tap-hint{color:var(--muted);font-size:13px}.card-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.primary,.secondary{border:0;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.quiz-box{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.quiz-box h2{font:700 28px/1.2 Georgia,serif;margin:10px 0 22px}.options{display:grid;gap:10px}.option{padding:14px;text-align:left;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);cursor:pointer}.option.correct{background:#dcefe1;border-color:#43845d;color:#173f27}.option.wrong{background:#f9dfd8;border-color:#d26b55;color:#6e251b}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty strong{display:block;font:700 26px Georgia,serif;color:var(--ink);margin-bottom:8px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,640px);display:grid;grid-template-columns:repeat(5,1fr);padding:9px 8px max(9px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(20px);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px rgba(30,40,35,.08)}.bottom-nav a{text-decoration:none;color:var(--muted);font-size:10px;text-align:center;padding:3px}.bottom-nav span{display:block;font-size:22px;line-height:1.1}.bottom-nav a.active{color:var(--green);font-weight:800}.toast{position:fixed;z-index:50;left:50%;bottom:100px;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:99px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:760px){body{padding-bottom:30px}.bottom-nav{position:sticky;bottom:16px;margin:30px auto 0;transform:none;left:auto;border-radius:24px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1.5fr .8fr;align-items:end;padding-top:70px}.quick-grid{grid-template-columns:repeat(4,1fr)}.episode-list{grid-template-columns:repeat(2,1fr)}.expression-list{grid-template-columns:repeat(2,1fr)}.flash-wrap,.quiz-wrap{max-width:690px;margin:auto}.flash-card{min-height:430px}}
.header-actions{display:flex;gap:8px}.print-link{display:grid;place-items:center;text-decoration:none}.search:before{content:"⌕";position:absolute;left:18px;top:11px;font-size:24px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}