:root{--paper:#f7f1e8;--paper-deep:#ebe3d6;--card:#fffaf3;--ink:#1c1915;--muted:#6f665c;--line:#e4d8c8;--accent:#c45c26;--accent-dark:#9a4318;--forest:#2f6b4f;--forest-soft:#e5f0ea;--again:#8f3b32;--almost:#a15c20;--know:#2f6b4f;--shadow:0 18px 40px #30200e0f;--radius:18px;--serif:"Fraunces", Georgia, serif;--sans:"Figtree", system-ui, sans-serif;--site:1120px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--paper)}body{font-family:var(--sans);color:var(--ink);background:var(--paper);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{flex-direction:column;min-height:100svh;display:flex}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#f7f1e8eb;position:sticky;top:0}.site-header-inner,.site-main,.site-footer-inner{width:min(var(--site), calc(100% - 32px));margin:0 auto}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:700;display:flex}.brand small{color:var(--muted);letter-spacing:0;font-weight:500;display:none}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--serif);border-radius:10px;place-items:center;font-size:18px;display:grid}.site-nav{gap:6px;display:none}.site-nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 10px;font-size:14px;font-weight:700}.site-nav button.active{background:var(--ink);color:var(--paper)}.site-main{flex:1;padding:28px 0 32px}.site-main:focus{outline:none}.screen{width:100%}.study-shell{width:min(560px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:650}h1,h2,.word-hero{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-weight:560}h1{font-size:clamp(32px,5vw,52px);line-height:1.08}h2{font-size:22px}.skip-link{z-index:40;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;font-weight:700;position:absolute;top:-48px;left:12px}.skip-link:focus,.skip-link:focus-visible{top:12px}.hero-copy{max-width:46ch;font-size:18px;line-height:1.55}.muted{color:var(--muted);line-height:1.5}.prose{max-width:62ch;margin:22px 0 0;font-size:18px;line-height:1.7}.prose.tight{margin-top:10px}.entry-h{margin:32px 0 0;font-size:20px}.example-list{flex-direction:column;gap:10px;max-width:62ch;margin:12px 0 0;padding:0;list-style:none;display:flex}.example-list li{background:var(--paper-deep);border-radius:14px;margin:0;padding:12px 14px;line-height:1.5}.note-box{border-left:3px solid var(--accent);background:var(--card);border-radius:0 14px 14px 0;max-width:62ch;margin:12px 0 0;padding:14px 16px;line-height:1.55}.related-row .muted{margin-top:4px;font-size:13px;display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.cta{background:var(--ink);width:100%;max-width:360px;color:var(--paper);border:0;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;display:flex}.cta.wide{max-width:none}.cta small{opacity:.72;font-weight:500}.ghost{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:14px;padding:12px 14px;font-weight:650}.home-grid,.entry-layout,.progress-grid{gap:28px;display:grid}.stats-row,.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--paper-deep);border-radius:18px;padding:14px}.stat b{font-size:22px;font-family:var(--serif);display:block}.wotd{text-align:left;cursor:pointer;width:100%}.wotd .word-hero{margin:8px 0 4px;font-size:36px}.phonetic{margin:0}.phonetic .say{color:var(--accent-dark);letter-spacing:.02em;font-size:16px;font-weight:650;display:block}.phonetic .ipa{color:var(--muted);margin-top:4px;font-size:13px;display:block}.chip{background:var(--paper-deep);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.nav{padding:10px 10px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#f7f1e8f0;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:sticky;bottom:0}.nav button{color:var(--muted);background:0 0;border:0;border-radius:14px;padding:8px 4px 6px;font-size:11px;font-weight:700}.nav button.active{background:var(--ink);color:var(--paper)}.learn-card{flex-direction:column;justify-content:space-between;min-height:320px;padding:24px 22px;display:flex}.word-hero{overflow-wrap:anywhere;font-size:clamp(40px,6vw,64px);line-height:1.1}.progress-track{background:var(--paper-deep);border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:var(--ink);border-radius:inherit;height:100%}.rate-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.rate{color:#fff;border:0;border-radius:16px;padding:12px 6px;font-size:13px;font-weight:750;line-height:1.2}.rate.again{background:var(--again)}.rate.almost{background:var(--almost)}.rate.know{background:var(--know)}.example{background:var(--paper-deep);border-radius:14px;margin:14px 0 0;padding:12px 14px;line-height:1.45}.search{border:1px solid var(--line);background:var(--card);border-radius:16px;outline:none;width:100%;max-width:520px;padding:14px 16px}.word-grid{grid-template-columns:1fr;gap:10px;margin-top:8px;display:grid}.word-row{border:1px solid var(--line);background:var(--card);text-align:left;width:100%;color:inherit;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.word-row b{display:block}.filters{gap:8px;padding:4px 0 12px;display:flex;overflow:auto}.filters button{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:650}.filters button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.choice{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:16px;width:100%;padding:14px 16px;font-weight:650}.choice.right{background:var(--forest-soft);border-color:var(--forest)}.choice.wrong{border-color:var(--again);background:#f6e4e1}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.done-num{font-size:56px;font-family:var(--serif);margin:8px 0}.install-banner{border:1px dashed var(--accent);background:#f8eee6;max-width:360px}.topic-grid{grid-template-columns:1fr;gap:12px;margin-top:22px;display:grid}.topic-card{text-align:left;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topic-card,.topic-word,.word-row,.wotd,.topic-home{transition:border-color .15s,transform .15s}.topic-card:hover,.topic-word:hover,.word-row:hover,.wotd:hover,.topic-home:hover{border-color:var(--ink)}.topic-mark.weather{background:#3d6b8a}.topic-mark.family{background:#8a4b3d}.topic-mark.home{background:#6b5340}.topic-mark.sports{background:#2f6b4f}.topic-mark.travel{background:#2f5f73}.topic-mark.food{background:#c45c26}.topic-mark.academic{background:#3d3d6b}.topic-mark.emotions{background:#8a3d5c}.topic-mark.work{background:#4a5560}.topic-mark.shopping{background:#8a6b2f}.topic-mark.technology{background:#3d4a6b}.topic-mark.money{background:#2f6b4f}.topic-mark.school{background:#9a4318}.topic-mark.health{background:#2f6b5c}.topic-mark.environment{background:#3d6b3d}.topic-mark.hobbies{background:#5c3d6b}.topic-card h2{margin:6px 0 8px;font-size:22px}.topic-mark{background:var(--ink);width:36px;height:36px;color:var(--paper);font-family:var(--sans);letter-spacing:.02em;border-radius:10px;place-items:center;margin-bottom:10px;font-size:13px;font-weight:800;display:grid}.topic-chip-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.topic-chip-row .ghost,.topic-more{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:650;display:inline-flex}.topic-home{text-align:left;width:100%}.topic-word-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.topic-word{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.topic-word:target{border-color:var(--ink);box-shadow:var(--shadow)}.topic-word-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.topic-word-ex{color:var(--muted);font-size:14px;line-height:1.45}.site-footer{border-top:1px solid var(--line);padding:22px 0 calc(96px + env(safe-area-inset-bottom));color:var(--muted);font-size:14px}.site-footer-inner{flex-direction:column;gap:10px;display:flex}.site-footer-inner p{margin:0}.footer-links{flex-wrap:wrap;gap:8px 16px;display:flex}.footer-links a{color:var(--ink);text-underline-offset:3px;font-weight:650;text-decoration:underline}.footer-links a:hover{color:var(--accent-dark)}.legal-page{max-width:720px}.legal-page-links{margin-top:36px}.legal-page a{color:var(--accent-dark);text-underline-offset:3px;font-weight:650;text-decoration:underline}.contact-form{flex-direction:column;gap:14px;max-width:28rem;margin-top:24px;display:flex}.contact-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:650;display:flex}.contact-form .search{width:100%;margin:0}.contact-message{resize:vertical;min-height:140px;font:inherit}@media (width>=840px){.brand small{font-size:12px;display:block}.site-nav{flex-wrap:wrap;justify-content:flex-end;display:flex}.nav{display:none}.site-main{padding:40px 0 56px}.home-grid,.entry-layout,.progress-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:48px}.word-grid,.topic-grid{grid-template-columns:1fr 1fr}.site-footer{padding:22px 0 28px}.site-footer-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}.install-banner{display:none}}@media (width>=1100px){.word-grid,.topic-grid{grid-template-columns:1fr 1fr 1fr}}