:root{color:#26312d;background:#f8f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #1f6f5b;--green-dark: #174b40;--gold: #e0b84f;--paper: #fffdf7;--line: #e7decf;--muted: #6f7a74;--danger: #a63d3d}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,rgba(31,111,91,.08),transparent 18rem),#f8f4ec}button,input,select{min-width:0;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{width:100%;min-height:100vh;max-width:52rem;margin:0 auto;padding:calc(1rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-left)) calc(5.8rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-right))}.top-bar{display:grid;gap:1rem;margin-bottom:1rem}.top-bar h1,.hero-panel h2,.card h2,.card h3,.card h4{margin:0;letter-spacing:0}.top-bar h1{font-size:1.8rem}.top-subtitle{margin:.3rem 0 0;color:var(--muted);font-weight:800}.eyebrow{margin:0 0 .25rem;color:var(--green);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-pill{flex:0 0 auto;min-width:0;min-height:2.25rem;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.85rem;font-weight:700}.status-pill.online{color:var(--green-dark)}.status-pill.offline{color:var(--danger)}.status-stack,.auth-stack{display:grid;gap:.5rem}.language-choice-grid{display:grid;gap:.65rem}.review-mode-grid{display:grid;gap:.6rem;margin:.75rem 0}.choice-button{display:grid;gap:.2rem;min-height:4.2rem;border:1px solid var(--line);border-radius:.5rem;padding:.8rem;background:var(--paper);color:#26312d;text-align:left}.choice-button.selected{border-color:var(--green);background:#e9f4ef}.choice-button span{color:var(--muted);font-size:.85rem}.status-stack{grid-template-columns:repeat(2,minmax(0,max-content))}.offline-banner,.note,.result-message{border-radius:.5rem;padding:.85rem 1rem;background:#fff4d8;color:#5f4d1d;overflow-wrap:anywhere}.account-note{display:flex;flex-wrap:wrap;gap:.2rem .4rem;align-items:baseline}.account-email{min-width:0;overflow-wrap:anywhere}.content{display:block}.screen-stack{display:grid;gap:1rem}.hero-panel,.card,.metric-card,.word-card{min-width:0;border:1px solid var(--line);border-radius:.5rem;background:#fffdf7f0;box-shadow:0 .65rem 1.4rem #26312d14}.hero-panel{padding:1.35rem}.hero-panel h2{font-size:clamp(1.85rem,8vw,3.1rem);line-height:1;margin-bottom:.85rem}.hero-panel p,.card p{overflow-wrap:anywhere;color:var(--muted);line-height:1.65}.card{display:grid;gap:.9rem;padding:1rem}.card>*{min-width:0}.card p{margin:0}.card-list{display:grid;gap:.75rem}.card-list h3{margin:0;font-size:1.05rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.section-heading span{flex:0 0 auto;color:var(--muted);font-size:.85rem;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.metric-card{min-height:5.5rem;padding:.8rem}.metric-card span{display:block;color:var(--muted);font-size:.8rem}.metric-card strong{display:block;margin-top:.35rem;color:var(--green-dark);font-size:clamp(1.15rem,6vw,1.45rem)}.row-between{display:grid;gap:.75rem}.progress-card,.action-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.progress-track{height:.75rem;overflow:hidden;border-radius:999px;background:#ebe4d8}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.field-label{display:grid;gap:.45rem;color:var(--green-dark);font-weight:800;min-width:0}select,input[type=time],input[type=email],input[type=password],input[type=search]{display:block;min-height:3rem;min-width:0;width:100%;max-width:100%;border:1px solid var(--line);border-radius:.5rem;padding:.65rem .8rem;appearance:none;-webkit-appearance:none;background:var(--paper);color:#26312d}input[type=time]{text-align:center}.word-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem}.review-card{align-items:stretch;flex-direction:column}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.word-card.compact{box-shadow:none}.word-card p{margin:.25rem 0;color:var(--muted)}.translation-grid{display:grid;gap:.45rem;margin:.65rem 0}.translation-grid div{display:grid;grid-template-columns:minmax(6.5rem,max-content) minmax(0,1fr);gap:.65rem;align-items:baseline}.translation-grid dt{color:var(--green-dark);font-size:.75rem;font-weight:800}.translation-grid dd{margin:0;min-width:0;color:#26312d;overflow-wrap:anywhere}.word-card small,.sentence-card small{display:block;color:var(--muted)}.word-card a{color:var(--green-dark);font-weight:800}.word-card .word-text{color:#26312d;font-size:1.18rem;font-weight:800}.sentence-card{display:grid;gap:.35rem}.sentence-card strong{font-size:1.15rem}.primary-action,.secondary-action,.danger-action,.known-button,.option-grid button{min-height:2.85rem;max-width:100%;border-radius:.5rem;border:1px solid transparent;padding:.7rem 1rem;font-weight:800;white-space:normal}.primary-action{width:100%;margin-top:1rem;background:var(--green);color:#fff}.primary-action.inline-action{width:auto;margin-top:0}.full-width-action{width:100%;margin-top:.6rem}.secondary-action{background:var(--paper);color:var(--green-dark);border-color:var(--green)}.danger-action{background:#fff5f5;color:var(--danger);border-color:#f0c8c8}.known-button{min-width:5rem;background:#f1eadf;color:var(--green-dark)}.known-button.known{background:var(--green);color:#fff}.option-grid{display:grid;gap:.6rem}.option-grid button{background:#f6efe3;color:#26312d;text-align:left}.option-grid button.selected{border-color:var(--green);background:#e9f4ef}.toggle-row{display:flex;align-items:center;gap:.7rem;min-height:3rem;color:#26312d;font-weight:700;min-width:0;line-height:1.45}.toggle-row input{flex:0 0 auto;width:1.25rem;height:1.25rem}.warning-card{border-color:#ebd28a;background:#fff9e7}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.15rem;width:100%;max-width:52rem;margin:0 auto;padding:.45rem max(.5rem,env(safe-area-inset-left)) calc(.45rem + env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-right));transform:translate(-50%);border-top:1px solid var(--line);background:#fffdf7f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:3rem;min-width:0;border:0;border-radius:.45rem;padding:.25rem .15rem;background:transparent;color:var(--muted);font-size:.7rem;font-weight:800;line-height:1.1;white-space:nowrap}.bottom-nav button.active{background:#e7f0eb;color:var(--green-dark)}ol{margin:0;padding-left:1.25rem;color:var(--muted);line-height:1.7}@media(min-width:520px){.top-bar{display:flex;align-items:flex-start;justify-content:space-between}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.row-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}}@media(min-width:720px){.app{padding-inline:1.5rem}.screen-stack{gap:1.25rem}.card,.hero-panel{padding:1.35rem}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.review-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.top-bar{display:grid}.status-stack{grid-template-columns:repeat(2,minmax(0,max-content))}.metric-grid{gap:.5rem}.metric-card{min-height:5rem;padding:.7rem}.bottom-nav{padding-inline:.35rem}.bottom-nav button{padding-inline:.1rem;font-size:.68rem}}