:root{color:#25312d;background:#f5f0e7;font-family:Avenir Next,Avenir,Hiragino Sans,Yu Gothic,Meiryo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #24705d;--green-dark: #173f37;--gold: #c8933f;--ink: #25312d;--paper: #fffdf8;--paper-soft: #fbf7ee;--line: #dfd4c4;--muted: #68746f;--danger: #a63d3d;--shadow: 0 1rem 2.2rem rgba(54, 45, 31, .1);--shadow-soft: 0 .45rem 1rem rgba(54, 45, 31, .07)}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% -8%,rgba(36,112,93,.15),transparent 20rem),radial-gradient(circle at 86% 8%,rgba(200,147,63,.14),transparent 18rem),linear-gradient(180deg,rgba(36,112,93,.05),transparent 22rem),#f5f0e7}button,input,select{min-width:0;font:inherit}button{cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.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(6.2rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-right))}.skip-link{position:fixed;top:calc(.75rem + env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left));z-index:20;padding:.65rem .85rem;border-radius:.45rem;background:var(--green-dark);color:#fff;font-weight:800;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.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{color:var(--ink);font-size:clamp(1.7rem,7vw,2.45rem);line-height:1.05;text-wrap:balance}.top-subtitle{margin:.3rem 0 0;color:var(--muted);font-weight:800}.eyebrow{margin:0 0 .25rem;color:var(--green-dark);font-size:.78rem;font-weight:800;letter-spacing:0}.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{background:#e9f4ef;border-color:#24705d38}.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:var(--ink);text-align:left;box-shadow:0 0 #0000}.choice-button.selected{border-color:var(--green);background:#e9f4ef;box-shadow:inset 0 0 0 1px #24705d2e}.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;border:1px solid rgba(200,147,63,.26);background:#fff6de;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:var(--shadow-soft)}.hero-panel{position:relative;overflow:hidden;padding:1.35rem;background:linear-gradient(135deg,#fffdf8f5,#f5efe2f0),var(--paper);box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;right:-2.5rem;bottom:-3rem;width:9rem;height:9rem;border:1px solid rgba(36,112,93,.16);border-radius:50%;background:repeating-linear-gradient(135deg,rgba(36,112,93,.08) 0 .35rem,transparent .35rem .72rem);opacity:.7}.hero-panel>*{position:relative;z-index:1}.hero-panel h2{font-size:clamp(1.85rem,8vw,3.1rem);line-height:1;margin-bottom:.85rem;color:var(--green-dark);text-wrap:balance}.hero-panel p,.card p{overflow-wrap:anywhere;color:var(--muted);line-height:1.65;text-wrap:pretty}.card{display:grid;gap:.9rem;padding:1rem}.card h2,.card h3,.card h4{color:var(--ink);line-height:1.2;text-wrap:balance}.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;background:#fffdf8c7}.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);font-variant-numeric:tabular-nums}.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:var(--ink);box-shadow:inset 0 1px #ffffffbf;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}input[type=time]{text-align:center}.word-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;background:#fffdf8e6}.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;background:#fffdf8b8}.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:var(--ink);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:var(--ink);font-size:1.18rem;font-weight:800}.sentence-card{display:grid;gap:.35rem}.reminder-list{display:grid;gap:.75rem}.reminder-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.compact-action{min-width:5rem;min-height:3rem}.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;box-shadow:0 .65rem 1rem #24705d33}.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}button:disabled{cursor:not-allowed;opacity:.55}.known-button{min-width:5rem;background:#eee5d8;color:var(--green-dark)}.known-button.known{background:var(--green);color:#fff}.option-grid{display:grid;gap:.6rem}.option-grid button{background:var(--paper-soft);color:var(--ink);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:var(--ink);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:.22rem;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:#fffdf8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -.55rem 1.2rem #362d1f14}.bottom-nav button{display:flex;align-items:center;justify-content:center;min-height:3rem;min-width:0;border:0;border-radius:.42rem;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:#e5f0ea;color:var(--green-dark);box-shadow:inset 0 0 0 1px #24705d1f}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.danger-action:hover:not(:disabled),.known-button:hover:not(:disabled),.option-grid button:hover:not(:disabled),.choice-button:hover:not(:disabled),.bottom-nav button:hover:not(:disabled){transform:translateY(-1px)}.primary-action:hover:not(:disabled){background:var(--green-dark)}.secondary-action:hover:not(:disabled),.choice-button:hover:not(:disabled),.known-button:hover:not(:disabled),.option-grid button:hover:not(:disabled){border-color:var(--green-dark);box-shadow:0 .35rem .8rem #362d1f14}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(200,147,63,.5);outline-offset:3px}select:focus,input[type=time]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus{border-color:var(--green);box-shadow:inset 0 1px #ffffffbf,0 0 0 3px #24705d1f}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))}.bottom-nav{bottom:.75rem;border:1px solid var(--line);border-radius:.75rem;padding:.5rem}}@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;overflow-x:auto;grid-template-columns:repeat(9,minmax(3.45rem,1fr));scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav button{padding-inline:.1rem;font-size:.68rem}}