@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal.CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal.BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal.B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal.Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal.Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal.BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal.DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal.CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal.BtiwyxMk.woff2) format("woff2"),url(./dm-sans-latin-ext-400-normal.BjWJ59Pq.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-ext-500-normal.BJfUCQsA.woff2) format("woff2"),url(./dm-sans-latin-ext-500-normal.DR84L5F-.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-ext-600-normal.4vooXBpG.woff2) format("woff2"),url(./dm-sans-latin-ext-600-normal.DRtaDpgU.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-ext-700-normal.CJIcxD6K.woff2) format("woff2"),url(./dm-sans-latin-ext-700-normal.BLI3TTWz.woff) format("woff")}:root{--bg: #f7f4ee;--surface: #ffffff;--surface-muted: #e8e8e4;--forest: #2d5128;--forest-hover: #234020;--forest-deep: #1c211c;--tan: #a67c52;--text: #1c211c;--text-secondary: #5c6358;--muted: #7a8278;--sage: #d8e5d6;--sage-hot: #c8e8a8;--shadow-card: 0 4px 24px rgba(45, 81, 40, .08);--shadow-soft: 0 2px 12px rgba(45, 81, 40, .06);--radius: 16px;--radius-lg: 22px;--radius-pill: 999px;font-family:DM Sans,system-ui,Segoe UI,sans-serif;line-height:1.45;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--bg);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--forest)}:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.topbar{display:grid;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;padding:.65rem .75rem;padding-top:max(.65rem,env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid rgba(45,81,40,.08);position:sticky;top:0;z-index:30}.menu-trigger{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:var(--radius);background:transparent;color:var(--forest)}.menu-trigger:hover{background:#2d51280f}.logo{justify-self:center;font-weight:700;font-size:1.12rem;letter-spacing:-.02em;color:var(--forest);text-decoration:none}.banner{margin:0;padding:.4rem 1rem .45rem;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tan);background:#a67c5214;border-bottom:1px solid rgba(166,124,82,.16)}.main{flex:1;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(3,1fr);padding:.35rem .5rem calc(.5rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid rgba(45,81,40,.1);box-shadow:0 -4px 20px #2d51280f}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .25rem;border-radius:12px;text-decoration:none;color:var(--muted);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.nav-tab.active{color:var(--forest);background:#c8e8a873}.nav-tab svg{width:1.25rem;height:1.25rem}.backdrop{position:fixed;inset:0;z-index:40;border:none;background:#1c211c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(19rem,86vw);background:var(--surface);border-right:1px solid rgba(45,81,40,.12);box-shadow:var(--shadow-card);padding-top:env(safe-area-inset-top);transform:translate(-105%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow:auto}.drawer.open{transform:translate(0)}.drawer-inner{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1rem 1.5rem}.drawer-title,.eyebrow{margin:0 0 .35rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--tan)}.drawer-link{display:block;padding:.8rem 1rem;border-radius:var(--radius);font-size:1.02rem;font-weight:600;color:var(--text);text-decoration:none}.drawer-link.active,.drawer-link:hover{background:#2d512814;color:var(--forest)}.setting{display:flex;flex-direction:column;gap:.3rem;margin:.55rem 0;font-size:.92rem;font-weight:600}.setting select{font-size:1rem;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(45,81,40,.18);background:var(--bg);color:var(--text)}.check{display:flex;align-items:flex-start;gap:.55rem;margin:.45rem 0;font-size:.92rem;font-weight:600}.about{margin:.8rem 0 0;font-size:.86rem;color:var(--muted);line-height:1.4}.page{max-width:480px;margin:0 auto;padding:1rem 1.1rem}h1{margin:0;font-size:clamp(1.55rem,6vw,1.9rem);font-weight:700;letter-spacing:-.03em;color:var(--forest);line-height:1.12}.lede{margin:.4rem 0 0;color:var(--muted);font-size:.95rem}.stack{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.panel{background:var(--surface);border:1px solid rgba(45,81,40,.1);border-radius:var(--radius-lg);padding:1.05rem 1.15rem 1.15rem;box-shadow:var(--shadow-soft)}.panel h2{margin:.15rem 0 0;font-size:1.2rem;letter-spacing:-.02em;color:var(--forest)}.big{margin:.15rem 0 0;font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--forest);line-height:1}.sub{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:.85rem;padding:.8rem 1rem;border-radius:14px;border:none;font-weight:700;font-size:.95rem;text-decoration:none}.btn-primary{background:var(--forest);color:#f9f9f7}.btn-primary:hover{background:var(--forest-hover)}.btn-sage{background:var(--sage);color:var(--forest)}.btn-quiet{background:var(--surface-muted);color:var(--text)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.btn-row .btn{margin-top:.85rem}.streak{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;padding:.28rem .65rem;border-radius:var(--radius-pill);background:#c8e8a88c;color:var(--forest);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lesson-link{display:block;text-decoration:none;color:inherit}.lesson-top{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.status{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tan)}.track{height:8px;border-radius:99px;background:#2d51281a;overflow:hidden;margin-top:.75rem}.track>span{display:block;height:100%;background:var(--forest)}.session-label{margin:0 0 .3rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--tan)}.session-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.fraction{margin:0;font-size:1.35rem;font-weight:700}.fraction span{color:#9aa399;font-weight:600}.hint{margin:.35rem 0 .8rem;color:var(--muted);font-size:.84rem}.gradient-bar{height:5px;background:#e4e4df;border-radius:99px;overflow:hidden;margin:.7rem 0 .9rem}.gradient-bar>span{display:block;height:100%;background:linear-gradient(90deg,#c8e8a8,#6a9c59 45%,#2d5128)}.study-card{position:relative;min-height:22rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(45,81,40,.1);box-shadow:var(--shadow-card);padding:1.2rem 1.25rem 1.1rem;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--tan);background:#a67c521f;padding:.35rem .65rem;border-radius:var(--radius-pill)}.rank{font-size:.75rem;font-weight:600;color:var(--muted)}.prompt-word{margin:1.4rem 0 0;text-align:center;font-size:clamp(2rem,8vw,2.5rem);font-weight:700;color:var(--forest);letter-spacing:-.03em;line-height:1.15}.tap-hint{margin-top:auto;padding-top:1.2rem;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.answer-word{margin:.6rem 0 0;text-align:center;font-size:clamp(1.8rem,7vw,2.45rem);font-weight:700;color:var(--forest);letter-spacing:-.03em;line-height:1.15}.gloss{margin:.35rem 0 0;text-align:center;color:var(--muted);font-size:1.02rem}.ex-box{margin-top:1rem;padding:.95rem 1rem 1rem;background:#f0ede8;border-radius:18px;border-left:4px solid var(--forest)}.ex-row{display:flex;align-items:flex-start;gap:.5rem}.ex-hr{margin:0;flex:1;font-style:italic;font-weight:700;color:var(--forest);font-size:1.05rem}.ex-en{margin:.55rem 0 0;color:var(--muted);font-size:.9rem}.speaker{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:12px;border:1px solid rgba(45,81,40,.22);background:#2d512814;color:var(--forest);font-size:1rem}.swipe-legend{margin:.75rem 0 .35rem;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ask{margin:.85rem 0 .55rem;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tan)}.grades{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.grade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:3.4rem;border-radius:var(--radius);border:1px solid rgba(45,81,40,.12);font-weight:700;color:var(--text)}.grade small{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.grade.again{background:var(--surface-muted)}.grade.hard{background:#e0ded8}.grade.good{background:var(--sage);color:var(--forest)}.grade.easy{background:var(--forest);color:#f9f9f7;border-color:var(--forest)}.grade:disabled{opacity:.4}.bridge{margin:.65rem 0 0;text-align:center;color:var(--tan);font-size:.86rem}.mic{margin-top:.75rem;width:100%;border-radius:12px;border:1px dashed rgba(45,81,40,.35);background:transparent;color:var(--forest);padding:.55rem .7rem;font-size:.85rem;font-weight:700}.mic-result{margin:.4rem 0 0;text-align:center;font-size:.85rem;color:var(--text-secondary)}.think{margin:.8rem 0 0;text-align:center;font-size:1.05rem;font-weight:700;color:var(--forest)}.count{margin:.2rem 0 0;text-align:center;font-size:2rem;font-weight:700;color:var(--tan)}.tutor{margin:0;font-size:1.02rem;line-height:1.45}.hr-line{margin:.2rem 0 0;font-size:1.25rem;font-weight:700;color:var(--forest)}.en-line{margin:.15rem 0 .7rem;color:var(--muted)}.dialogue-name{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tan)}.overlay{position:fixed;inset:0;z-index:60;background:#1c211c73;display:grid;place-items:center;padding:1rem}.overlay .panel{max-width:22rem;width:100%}.bars{display:flex;align-items:flex-end;gap:.4rem;height:5.5rem;margin-top:.6rem}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end}.bars span{display:block;width:100%;border-radius:6px 6px 2px 2px;background:var(--forest);min-height:4px}.bars small{color:var(--muted);font-size:.62rem;font-weight:700}.danger{margin-top:.8rem;width:100%;padding:.75rem;border-radius:var(--radius);border:1px solid rgba(196,92,92,.45);background:#c45c5c0f;color:#8b3a3a;font-weight:700}@media(prefers-reduced-motion:reduce){.drawer,.gradient-bar>span,.track>span{transition:none}}