:root{--paper: #f5f0e6;--paper-raised: #fdfaf2;--paper-sunken: #ede6d6;--ink: #211d16;--ink-soft: #6b6353;--ink-faint: #97906f;--rule: #d8cfbb;--rule-strong: #b9ae94;--accent: #b3362a;--accent-deep: #8e2a21;--accent-wash: #f2e0d8;--burgundy: #722f37;--level-a1: #3e7a45;--level-a2: #2e6e63;--level-b1: #2f5d8a;--level-b2: #6a4a8c;--level-c1: #a05a1f;--level-c2: #a03030;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--tabbar-height: 62px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit}.masthead{position:sticky;top:0;z-index:30;padding:calc(env(safe-area-inset-top) + 8px) 16px 6px;text-align:center;border-bottom:1px solid var(--rule-strong);box-shadow:0 3px 0 -2px var(--rule);background:var(--paper);transition:transform .28s ease,opacity .28s ease;will-change:transform}.masthead--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.masthead{transition:none}}.masthead__title{margin:0;color:var(--ink);font-size:20px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.masthead__title a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.masthead__title a:before,.masthead__title a:after{content:"";width:20px;height:5px;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}.masthead__logo{width:22px;height:22px;border-radius:5px}.page{flex:1;width:100%;max-width:680px;margin:0 auto;padding:20px 16px calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 28px)}.page-heading{margin:0 0 14px;font-size:24px;line-height:1.2}.section-label{display:flex;align-items:center;gap:10px;margin:26px 0 10px;color:var(--ink-soft);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.section-label:after{content:"";flex:1;border-top:1px solid var(--rule)}.card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:10px;padding:16px;box-shadow:0 1px 2px #211d160f}.card+.card{margin-top:12px}.card--flag{border-left:3px solid var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-family:var(--sans);font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s}.btn:active{opacity:.75}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--ink);color:var(--paper-raised)}.btn--accent{background:var(--accent);color:var(--paper-raised)}.btn--ghost{border:1px solid var(--rule-strong);color:var(--ink);background:transparent}.level-badge{display:inline-block;padding:2px 7px;border-radius:5px;color:var(--paper-raised);font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.04em}.level-badge--A1{background:var(--level-a1)}.level-badge--A2{background:var(--level-a2)}.level-badge--B1{background:var(--level-b1)}.level-badge--B2{background:var(--level-b2)}.level-badge--C1{background:var(--level-c1)}.level-badge--C2{background:var(--level-c2)}.modal__heading{margin:0 0 4px;padding-right:28px;font-size:22px}.modal__lede{margin:0 0 14px;color:var(--ink-soft);font-size:14px;line-height:1.5}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(env(safe-area-inset-bottom) + 2px);background:var(--paper-raised);border-top:1px solid var(--rule-strong);box-shadow:0 -3px 0 -2px var(--rule)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0;max-width:84px;padding:5px 0 3px;border-radius:8px;color:var(--ink-soft);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.01em;text-decoration:none}.tabbar__item svg{width:21px;height:21px}.tabbar__item--active{color:var(--accent-deep)}.tabbar__item--home{justify-content:center}.tabbar__item--home svg{box-sizing:content-box;width:22px;height:22px;padding:7px;margin-top:-6px;border-radius:999px;color:var(--accent-deep);background:color-mix(in srgb,var(--accent) 12%,var(--paper-raised));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 1px 3px #0000001f}.tabbar__item--home.tabbar__item--active svg{color:#fff;background:var(--accent);border-color:var(--accent)}.seg-tabs{display:flex;gap:4px;margin:0 0 18px;padding:4px;border:1px solid var(--rule-strong);border-radius:12px;background:var(--paper-sunken)}.seg-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-radius:9px;color:var(--ink-soft);font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.seg-tab--active{background:var(--paper-raised);color:var(--accent-deep);box-shadow:0 1px 2px #211d161f}.level-counts{display:flex;flex-wrap:nowrap;gap:4px;margin:0 0 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.level-counts::-webkit-scrollbar{display:none}.level-count{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;border:1px solid var(--rule-strong);background:var(--paper-raised);font-family:var(--sans);font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.level-count__dot{width:6px;height:6px;border-radius:50%;background:var(--lc, var(--ink-faint))}.level-count__n{font-variant-numeric:tabular-nums;color:var(--ink)}.level-count--empty{opacity:.5}.level-count--active{background:var(--ink);border-color:var(--ink);color:var(--paper-raised);opacity:1}.level-count--active .level-count__n{color:var(--paper-raised)}.article-card{display:block;text-decoration:none}.article-card--read{background:color-mix(in srgb,var(--paper) 92%,var(--burgundy));border-color:color-mix(in srgb,var(--rule) 80%,var(--burgundy));box-shadow:none}.article-card--read .article-card__title{color:color-mix(in srgb,#837c72 70%,var(--burgundy))}.article-card--read .article-card__subtitle,.article-card--read .article-card__meta{color:color-mix(in srgb,#98917f 78%,var(--burgundy))}.article-card--read .level-badge{background:color-mix(in srgb,#9c968c 60%,var(--burgundy))}.article-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.article-card__top-right{display:flex;align-items:center;gap:8px}.article-card__toggle{width:30px;height:30px;margin:-4px -6px -4px 0;color:var(--ink-faint)}.article-card__toggle svg{width:18px;height:18px}@media(hover:hover){.article-card__toggle:hover{color:var(--accent-deep);background:var(--accent-wash)}}.article-card__title{margin:0;font-size:18px;line-height:1.25}.article-card__subtitle{margin:2px 0 0;color:var(--ink-soft);font-size:13.5px;font-style:italic}.article-card__meta{margin:8px 0 0;color:var(--ink-faint);font-family:var(--sans);font-size:12px}.read-stamp{color:var(--level-a1);font-family:var(--sans);font-size:12px;font-weight:700}.already-stamp{display:inline-block;padding:2px 8px;border:1.5px solid color-mix(in srgb,var(--burgundy) 75%,transparent);border-radius:5px;color:var(--burgundy);font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transform:rotate(-3deg)}.article-card--just-read{animation:card-mark-read .8s ease .15s both}@keyframes card-mark-read{0%{opacity:1}to{background:color-mix(in srgb,var(--paper) 92%,var(--burgundy));border-color:color-mix(in srgb,var(--rule) 80%,var(--burgundy));box-shadow:none}}.article-card--just-read .already-stamp--in{animation:stamp-in .4s ease .4s both}@keyframes stamp-in{0%{opacity:0;transform:scale(1.7) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}.article-card--sinking{overflow:hidden;background:color-mix(in srgb,var(--paper) 92%,var(--burgundy));box-shadow:none;pointer-events:none;animation:card-sink .55s ease both}@keyframes card-sink{0%{opacity:1;max-height:220px}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;border-color:transparent;transform:translateY(14px)}}.progress-stamp{color:var(--level-c1);font-family:var(--sans);font-size:12px;font-weight:700}.article-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.article-topbar__back{color:var(--ink-soft);font-family:var(--sans);font-size:14px;font-weight:600;text-decoration:none}.article-title{position:relative;margin:0 0 2px;font-size:27px;line-height:1.15}.article-title__ghost{visibility:hidden}.article-title__typed{position:absolute;top:0;right:0;bottom:0;left:0}.article-title__typed.is-typing:after{content:"";display:inline-block;width:2px;height:.85em;margin-left:3px;vertical-align:baseline;background:var(--accent);animation:caret-blink .8s steps(1) infinite}.article-subtitle{margin:0;color:var(--ink-soft);font-size:15px;font-style:italic}.article-meta{margin:8px 0 0;padding-bottom:14px;border-bottom:1px solid var(--rule);color:var(--ink-faint);font-family:var(--sans);font-size:12.5px}.article-body{margin-top:18px;font-size:18.5px;line-height:1.78;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.article-body p{margin:0 0 1.15em}.w{display:inline;border-radius:3px;text-align:inherit}.w:active{background:var(--accent-wash)}.w--saved{background:linear-gradient(to top,rgba(212,178,90,.4) 36%,transparent 36%)}.nobreak{white-space:nowrap}.dropcap{float:left;margin:5px 9px 0 0;color:var(--burgundy);font-family:var(--serif);font-size:3.4em;font-weight:700;line-height:.78}.article-end{margin-top:26px;padding-top:18px;border-top:1px solid var(--rule)}.article-end .btn{width:100%}.article-end .btn+.btn{margin-top:8px}.level-counts--reads{margin-bottom:8px}.book-continue{display:block;margin-bottom:6px;text-align:center}.chapter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}.chapter-row__main{min-width:0}.chapter-row__label{display:block;font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.25}.chapter-row__title{margin-top:1px;color:var(--ink-soft);font-size:13px;font-style:italic;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-row__side{flex:0 0 auto;color:var(--ink-soft);font-family:var(--sans);font-size:12px;font-weight:600;white-space:nowrap}.chapter-row__side svg{width:18px;height:18px;display:block;color:var(--level-a1)}.chapter-row--read .chapter-row__label{color:var(--ink-soft);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#211d1652;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:100%;max-width:380px;padding:22px 22px 20px;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:14px;box-shadow:0 18px 50px #211d164d}.modal__close{position:absolute;top:8px;right:12px;padding:4px 10px;color:var(--ink-soft);font-size:24px;line-height:1}.modal__term{display:flex;align-items:center;gap:10px;padding-right:28px;font-size:26px;font-weight:700}.modal__speak{display:inline-flex;color:var(--ink-soft)}.modal__speak svg{width:22px;height:22px}.modal__translation{margin-top:8px;font-size:18px}.modal__extra{margin-top:6px;color:var(--ink-soft);font-size:13.5px;line-height:1.45}.modal__sentence{margin:14px 0 0;padding-left:10px;border-left:3px solid var(--rule-strong);color:var(--ink-soft);font-size:14.5px;font-style:italic}.modal__actions{margin-top:18px}.modal__actions .btn{width:100%}.modal__actions--stack{display:flex;flex-direction:column;gap:10px}.modal__saved{border-color:var(--level-a1);color:var(--level-a1)}.skeleton{display:block;border-radius:7px;background:linear-gradient(90deg,var(--paper-sunken) 25%,var(--rule) 50%,var(--paper-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s linear infinite}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.skeleton--gloss{height:18px;width:55%;margin-top:12px}.skeleton--line{height:12px}.skeleton--line+.skeleton--line{margin-top:7px}.skeleton--sentence{height:42px;margin-top:14px;border-radius:9px}.skeleton--btn{height:47px;border-radius:10px}.text-input{width:100%;padding:11px 13px;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:9px;font:inherit;font-size:16px;color:var(--ink)}.text-input:focus{outline:2px solid var(--ink);outline-offset:-1px}.form-notice{margin:10px 0 0;color:var(--accent-deep);font-family:var(--sans);font-size:13px}.kudos-input{display:block;resize:none;min-height:88px;line-height:1.5}.kudos-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.kudos-count{font-family:var(--sans);font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lexicon-search{margin:0 0 12px}.dict-results{margin:0 0 14px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.dict-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;cursor:pointer}.dict-result:active{background:var(--paper-sunken)}.dict-result+.dict-result{border-top:1px solid var(--rule)}.dict-result__main{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.dict-result__word{font-size:16px;font-weight:700}.dict-result__meaning{color:var(--ink-soft);font-size:13.5px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-result__added{padding-right:6px;color:var(--level-a1);font-family:var(--sans);font-size:12px;font-weight:700;white-space:nowrap}.dict-result__loading{color:var(--ink-faint)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--ink-soft)}.icon-btn svg{width:19px;height:19px}.icon-btn:active{background:var(--paper-sunken)}.icon-btn:disabled{opacity:.4}.icon-btn--learned{color:var(--level-a1)}.icon-btn--danger{color:var(--accent-deep)}.drill-note{margin:10px 0 0;color:var(--ink-faint);font-family:var(--sans);font-size:12.5px}.word-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--rule)}.word-row--learned{opacity:.55}.word-row__main{flex:1;min-width:0}.word-row__main--tap{display:block;text-align:left;cursor:pointer;border-radius:8px;margin:-2px -6px;padding:2px 6px}.word-row__main--tap:active{background:var(--paper-sunken)}.word-row__word{display:block;font-size:16px;font-weight:700;line-height:1.3}.word-row__translation{display:block;color:var(--ink-soft);font-size:13.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-row__edit{display:block;width:100%;margin-top:2px;padding:3px 8px;background:#fffdf7;border:1.5px solid var(--accent);border-radius:7px;font:inherit;font-size:13.5px;line-height:1.35;color:var(--ink)}.word-row__edit:focus{outline:none;box-shadow:0 0 0 3px var(--accent-wash)}.word-row__icons{display:flex;gap:2px;flex-shrink:0}.drill-topline{display:flex;align-items:center;gap:10px;margin-bottom:10px}.drill-topline__back{color:var(--ink-soft);font-family:var(--sans);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.drill-topline__title{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:430px){.drill-topline__backtext{display:none}}.page:has(.conj-drill){padding-top:12px;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 12px)}.drill-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.drill-actions .btn--full{flex:1}.match-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--rows, 5),auto);grid-auto-flow:column;gap:8px 10px;align-items:stretch}.match-col{display:contents}.match-tile{display:flex;align-items:center;justify-content:center;padding:13px 10px;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:9px;font-size:15px;line-height:1.3;text-align:center;transition:transform .15s ease,border-color .15s,background .15s,opacity .25s}.match-tile--selected{border-color:var(--tc, var(--ink));background:var(--tc-wash, var(--paper-sunken));box-shadow:inset 0 0 0 1px var(--tc, var(--ink));transform:scale(.97)}.match-tile--matched{border-style:dashed;opacity:.35;pointer-events:none;animation:match-pop .4s ease}.match-tile--wrong{border-color:var(--accent);background:var(--accent-wash);animation:input-shake .3s ease}@keyframes match-pop{0%{opacity:1;transform:scale(1);border-style:solid;border-color:var(--level-a1);background:#3e7a4524}40%{opacity:1;transform:scale(1.06);border-style:solid;border-color:var(--level-a1);background:#3e7a4524}to{transform:scale(1)}}.feedback{margin:12px 0 0;font-family:var(--sans);font-size:14.5px;font-weight:600}.feedback--accents{color:var(--level-a1)}.feedback--wrong{color:var(--accent-deep)}.lex-group__empty{margin:8px 0 0;color:var(--ink-faint);font-family:var(--sans);font-size:13px}.word-dots{display:inline-flex;gap:2px;flex-shrink:0;margin-right:4px}.word-dot{width:6px;height:6px;border-radius:50%;background:var(--paper-sunken);border:1px solid var(--rule-strong)}.word-dot--match+.word-dot--blank,.word-dot--blank+.word-dot--listen,.word-dot--listen+.word-dot--choose{margin-left:4px}.word-dot--match.word-dot--on{background:#5b9438;border-color:#5b9438}.word-dot--blank.word-dot--on{background:#5d8fbe;border-color:#5d8fbe}.word-dot--listen.word-dot--on{background:#8a63b8;border-color:#8a63b8}.word-dot--choose.word-dot--on{background:#c89018;border-color:#c89018}.shelf-lede{margin:10px 0;color:var(--ink-soft);font-size:13px;font-style:italic;line-height:1.45}.shelf-lede__match{color:#5b9438;font-weight:600}.shelf-lede__blank{color:#5d8fbe;font-weight:600}.shelf-lede__listen{color:#8a63b8;font-weight:600}.shelf-lede__choose{color:#c89018;font-weight:600}.vocab-sentence{margin:14px 0 4px;font-size:19px;line-height:1.65}.vocab-blank{display:inline-block;min-width:68px;margin:0 2px;padding:0 6px;border-bottom:2px solid var(--tc);text-align:center;font-weight:700;line-height:1.2}.vocab-blank--filled{animation:tag-in .25s ease backwards}.vocab-blank--correct,.vocab-blank--wrong,.vocab-blank--revealed{color:var(--level-a1);border-color:var(--level-a1)}.vocab-blank--accents{color:var(--level-c1);border-color:var(--level-c1)}.vocab-reveal{margin-top:6px;padding:6px 12px;border:1px dashed var(--rule-strong);border-radius:8px;background:var(--paper-sunken);color:var(--ink-soft);font-family:var(--sans);font-size:12.5px;font-weight:600}.vocab-reveal:active{background:var(--accent-wash)}.vocab-hint{margin:8px 0 0;color:var(--ink-soft);font-size:15px;font-style:italic;animation:tag-in .25s ease backwards}.vocab-prompt{margin:14px 0 0;min-height:1.15em;font-size:28px;font-style:italic;font-weight:700;line-height:1.15}.vocab-prompt.is-typing:after{content:"";display:inline-block;width:2px;height:.85em;margin-left:3px;vertical-align:baseline;background:var(--tc);animation:caret-blink .8s steps(1) infinite}.vocab-prompt__sub{margin:2px 0 0;color:var(--ink-soft);font-size:13.5px;font-style:italic}.vocab-field{margin-top:16px}.vocab-board{margin-top:14px}.listen-stage{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 4px;text-align:center}.listen-play{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;border:2px solid var(--tc);background:var(--tc-wash);color:var(--tc);transition:transform .15s ease,background .15s}.listen-play svg{width:30px;height:30px}.listen-play:active{transform:scale(.92)}.listen-stage__sub{margin:0;color:var(--ink-soft);font-size:13.5px;font-style:italic}.listen-answer{margin:6px 0 0;font-size:18px;font-weight:700;animation:tag-in .25s ease backwards}.listen-answer span{color:var(--ink-soft);font-weight:400;font-style:italic;font-size:15px}.choice-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.choice{padding:12px 14px;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:9px;font-size:15.5px;line-height:1.35;text-align:left;transition:transform .15s ease,border-color .15s,background .15s,opacity .2s}.choice:active{transform:scale(.98)}.choice--wrong{border-color:var(--accent);background:var(--accent-wash);color:var(--ink-soft);text-decoration:line-through;opacity:.65;pointer-events:none;animation:input-shake .3s ease}.choice--correct{border-color:var(--level-a1);background:#3e7a4524;font-weight:700;animation:match-pop .4s ease}.tense-family{display:flex;align-items:center;gap:10px;margin:26px 0 10px;color:var(--ink-soft);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tense-family:before{content:"";width:20px;height:6px;border-radius:3px;background:var(--tc, var(--accent));flex-shrink:0}.tense-family:after{content:"";flex:1;border-top:1px solid var(--rule)}.tense-row,.drill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tense-card,.drill-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 15px 14px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:12px;box-shadow:0 1px 2px #211d160f;text-decoration:none;overflow:hidden;animation:rise-in .4s ease backwards;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tense-card:before,.drill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tc)}.tense-card:after,.drill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tc-blob);opacity:.4;pointer-events:none}.tense-card>*,.drill-card>*{position:relative;z-index:1}@media(hover:hover){.tense-card:hover,.drill-card:hover{transform:translateY(-3px);border-color:var(--rule-strong);box-shadow:0 14px 30px -18px #211d1673}}.tense-card:active,.drill-card:active{transform:translateY(0)}.tense-card__kicker,.drill-card__kicker{color:var(--ink-faint);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tense-card__name,.drill-card__name{font-size:20px;font-style:italic;font-weight:700;line-height:1.15}.tense-card__hint,.drill-card__hint{color:var(--ink-soft);font-size:12.5px;font-style:italic}.tense-card--mixed{width:100%}.drill-card--locked{opacity:.55;filter:grayscale(.5);cursor:default}@media(hover:hover){.drill-card--locked:hover{transform:none;box-shadow:0 1px 2px #211d160f;border-color:var(--rule)}}@media(max-width:520px){.tense-row,.drill-grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.tense-row,.drill-grid{grid-template-columns:1fr}}.learn-list{background:var(--paper-raised);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.learn-row{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;text-decoration:none}.learn-row+.learn-row{border-top:1px solid var(--rule)}.learn-row:active{background:var(--paper-sunken)}.learn-row__dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--tc, var(--ink-faint))}.learn-row__title{font-size:16px;font-weight:700;white-space:nowrap}.learn-row__sub{flex:1;min-width:0;color:var(--ink-soft);font-size:13px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-row__chev{color:var(--ink-faint)}.needs-work__lede{margin:-2px 0 10px;color:var(--ink-soft);font-size:13px;font-style:italic;line-height:1.45}.needs-work__row{gap:9px}.needs-work__row{border-left:3px solid var(--tc, var(--rule-strong))}.needs-work__verb{display:flex;flex-direction:column;min-width:0;flex:1;font-size:16px;font-weight:700;white-space:nowrap}.needs-work__meaning{color:var(--ink-soft);font-size:12px;font-weight:400;font-style:italic;overflow:hidden;text-overflow:ellipsis}.needs-work__tense{flex:none;padding:2px 9px;font-size:12.5px}.needs-work__main{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-decoration:none}.needs-work__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0}.needs-work__remove{flex:none}.retain{margin:14px 0 4px;text-align:left}.retain__lede{margin:0 0 6px;color:var(--ink-soft);font-family:var(--sans);font-size:13px;line-height:1.45}.retain__row{display:flex;align-items:center;gap:9px;padding:8px 0 8px 9px;border-top:1px solid var(--rule);border-left:3px solid var(--tc, var(--rule-strong))}.retain__verb{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:700}.retain__row .conj-tense-badge{flex:none;padding:2px 9px;font-size:12px}.retain__btn{flex:none;padding:5px 12px;border:1.5px solid var(--tc, var(--ink));border-radius:999px;background:transparent;color:var(--tc, var(--ink));font-family:var(--sans);font-size:12.5px;font-weight:700;transition:background .15s,transform .15s ease}.retain__btn:active{transform:scale(.94)}.retain__btn--kept{border-style:dashed;border-color:var(--rule-strong);background:var(--paper-sunken);color:var(--ink-soft)}.focus-outcome{margin:2px 0 6px;font-size:13.5px;line-height:1.5}.focus-outcome__line{margin:4px 0;color:var(--ink-soft)}.focus-outcome__line--cleared{color:#5b9438}.focus-outcome__line--hint{font-size:12.5px;font-style:italic}.focus-outcome__study{color:inherit;font-weight:600}.focus-outcome .btn{margin-top:8px}.study-lede{margin:2px 0 14px;color:var(--ink-soft);font-size:14px;font-style:italic;line-height:1.5}.study-rule{margin:10px 0 4px;padding:9px 12px;background:var(--tc-wash, var(--paper-sunken));border-radius:8px;font-family:var(--sans);font-size:13px;line-height:1.5}.study-rule__formation{margin:0}.study-rule__endings{margin:4px 0 0;color:var(--ink-soft)}.study-rule__more{display:inline-block;margin-top:4px;color:var(--tc, var(--ink));font-size:12.5px;font-weight:700;text-decoration:none}.study-actions{display:flex;flex-direction:column;gap:8px;margin:18px 0 6px}.guide-usage{margin:0;padding-left:20px;font-size:15.5px;line-height:1.6}.guide-usage li+li{margin-top:4px}.guide-usage--traps{font-size:14.5px}.guide-formation{border-left:3px solid var(--tc, var(--accent));font-size:15.5px;font-style:italic}.guide-endings{margin-top:10px;display:flex;flex-direction:column;gap:8px}.guide-endings__row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.guide-endings__label{color:var(--ink-soft);font-family:var(--sans);font-size:12px;font-weight:700;white-space:nowrap}.guide-endings__forms{display:inline-flex;flex-wrap:wrap;gap:4px}.guide-endings__chip{padding:2px 8px;border:1px solid var(--tc, var(--rule-strong));border-radius:7px;background:var(--tc-wash, var(--paper-raised));color:var(--tc, var(--ink));font-size:14px;font-weight:600;font-style:italic}.guide-example{margin:0 0 10px}.guide-example__fr{display:block;font-size:17px;font-style:italic;font-weight:600}.guide-example__en{display:block;color:var(--ink-soft);font-family:var(--sans);font-size:13px}.guide-tables{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.guide-tables{grid-template-columns:1fr}}.guide-practice{width:100%;margin:26px 0 4px}.conj-table{padding:0;overflow:hidden}.conj-table+.conj-table{margin-top:12px}.conj-table__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--tc-wash, var(--paper-sunken));border-bottom:1px solid var(--rule);color:var(--tc, var(--ink));font-size:16px;font-style:italic;font-weight:700}.conj-table__head-en{color:var(--ink-faint);font-family:var(--sans);font-size:11px;font-style:normal;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.conj-table__rows{padding:6px 14px 10px}.conj-table__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed var(--rule);font-size:15.5px}.conj-table__row:last-child{border-bottom:none}.conj-table__pronoun{color:var(--ink-soft);font-style:italic;white-space:nowrap}.conj-table__form{font-weight:600;text-align:right}@media(min-width:560px){.conj-table__rows--split{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:26px}.conj-table__rows--split .conj-table__row:nth-child(4){border-bottom:none}}.verb-title{display:flex;align-items:center;gap:10px;font-style:italic}.verb-title__meaning{color:var(--ink-soft);font-size:15px;font-style:italic;font-weight:400}.hud-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:999px;color:var(--ink-soft);font-family:var(--sans);font-size:12.5px;font-weight:600}.hud-pill strong{color:var(--ink);font-weight:700}.hud-pill--live{animation:pill-pop .3s ease}.hud-pill--btn{margin-left:auto;cursor:pointer;transition:background .15s}.hud-pill--btn:active{background:var(--paper-sunken)}.hud-pill__icon{display:block;width:16px;height:16px}.conj-progress{height:4px;margin-bottom:12px;background:var(--paper-sunken);border-radius:99px;overflow:hidden}.conj-progress__fill{height:100%;background:var(--stripe);border-radius:99px;transition:width .5s ease}.conj-stage{position:relative;overflow:hidden;padding:16px 16px 14px;animation:rise-in .35s ease backwards}.conj-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--stripe)}.conj-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--tc-wash) 0%,transparent 55%);pointer-events:none}.conj-stage>*{position:relative;z-index:1}.conj-stage__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.conj-tense-badge{display:inline-block;padding:4px 12px;border:1.5px solid var(--tc);border-radius:8px;background:var(--tc-wash);color:var(--tc);font-size:15px;font-style:italic;font-weight:600}.conj-stage__counter{color:var(--ink-faint);font-size:20px;font-style:italic}.conj-verb__inf{display:block;margin-top:6px;font-size:30px;font-style:italic;font-weight:700;letter-spacing:-.5px;line-height:1.05}.conj-verb__inf.is-typing:after{content:"";display:inline-block;width:2px;height:.85em;margin-left:3px;vertical-align:baseline;background:var(--tc);animation:caret-blink .8s steps(1) infinite}.conj-verb__meaning{display:block;margin-top:2px;color:var(--ink-soft);font-size:13.5px;font-style:italic}.conj-rows{display:flex;flex-direction:column;gap:18px;margin:16px 0 2px}.conj-row{display:flex;align-items:center;gap:10px}.conj-row__pronoun{flex-shrink:0;width:60px;text-align:right;font-size:19px;font-style:italic;font-weight:600;line-height:1.15;white-space:nowrap}.conj-row__pronoun--sm{font-size:14.5px}.conj-row__tense{flex-shrink:0;width:116px;text-align:center;padding:3px 8px;border:1px solid var(--tc);border-radius:7px;background:var(--tc-wash);color:var(--tc);font-size:15px;font-style:italic;font-weight:600;line-height:1.3;white-space:nowrap}.conj-field{position:relative;flex:1;min-width:0}.conj-input{width:100%;padding:10px 14px;background:var(--paper-raised);border:1.5px solid var(--rule-strong);border-radius:10px;font:inherit;font-size:17px;color:var(--ink);transition:border-color .2s,background .2s,box-shadow .2s}.conj-input--correct,.conj-input--accents,.conj-input--wrong{padding-right:40px}.conj-input:focus{outline:none;border-color:var(--tc);background:#fffdf7;box-shadow:0 0 0 3px var(--tc-wash)}.conj-input--correct,.conj-input--accents{border-color:var(--level-a1);background:#3e7a4512;color:var(--level-a1)}.conj-input--wrong{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-deep);animation:input-shake .3s ease}.conj-input--correct:focus,.conj-input--accents:focus{border-color:var(--level-a1);background:#3e7a4512;box-shadow:0 0 0 3px #211d160d}.conj-input--wrong:focus{border-color:var(--accent);background:var(--accent-wash);box-shadow:0 0 0 3px #211d160d}.conj-field__icon{position:absolute;right:12px;top:50%;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-family:var(--sans);font-size:12px;font-weight:700;transform:translateY(-50%);animation:icon-pop .25s ease backwards;pointer-events:none}.conj-field__icon--correct,.conj-field__icon--accents{background:var(--level-a1)}.conj-field__icon--wrong{background:var(--accent)}.conj-field__tag{position:absolute;left:10px;bottom:calc(100% - 11px);z-index:2;max-width:calc(100% - 20px);padding:1px 9px;background:var(--paper-raised);border:1px solid var(--accent);border-radius:7px;color:var(--accent-deep);font-size:14px;font-style:italic;font-weight:700;line-height:1.35;animation:tag-in .25s ease backwards;pointer-events:none}.conj-field__tag--soft{border-color:var(--level-a1);color:var(--level-a1)}.conj-field__tag--blur{display:inline-flex;align-items:baseline;gap:7px;cursor:pointer;pointer-events:auto;font-family:inherit}.conj-field__tag--blur .conj-field__tag-text{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .15s ease}.conj-field__tag--blur:hover .conj-field__tag-text,.conj-field__tag--blur:focus-visible .conj-field__tag-text{filter:blur(4px)}.conj-field__reveal{flex:none;font-style:normal;font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:.85}.conj-accents{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:7px 10px;background:var(--paper-sunken);border:1px dashed var(--rule-strong);border-radius:10px;transition:opacity .2s}.conj-accents--dim{opacity:.5}.conj-accents__lbl{margin-right:4px;color:var(--ink-faint);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.accent-key{min-width:42px;padding:7px 10px;background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:8px;font-size:18px;line-height:1;transition:transform .15s,background .15s,border-color .15s}@media(hover:hover){.accent-key:not(:disabled):hover{background:var(--accent-wash);border-color:var(--accent);transform:translateY(-1px)}}.accent-key:not(:disabled):active{background:var(--accent-wash);border-color:var(--accent);transform:translateY(0)}.accent-key:disabled{opacity:.4;cursor:default;background:transparent}.conj-actions{display:flex;gap:10px;margin-top:12px}.conj-actions .btn{flex:1;padding:12px;font-size:15px}.conj-actions .btn:disabled{opacity:.45;cursor:default}.conj-actions .btn:disabled:active{opacity:.45}.kbd-hint{padding:2px 6px;border-radius:4px;background:#ffffff2e;font-family:var(--sans);font-size:10.5px;font-weight:700}@media(hover:none){.kbd-hint{display:none}}.conj-results{position:relative;overflow:hidden;padding:30px 20px 24px;text-align:center;animation:rise-in .35s ease backwards}.conj-results:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--stripe)}.conj-results__eyebrow{margin:0 0 6px;color:var(--accent-deep);font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.conj-results__headline{margin:0;font-size:30px;font-style:italic;font-weight:700}.conj-results__score{margin:10px 0 6px;font-size:54px;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--tc, var(--accent)),#c89018);-webkit-background-clip:text;background-clip:text;color:transparent}.conj-results__score span{font-size:26px}.conj-results__msg{max-width:400px;margin:0 auto;color:var(--ink-soft);font-size:15px}.conj-results__clean{margin:16px 0 4px;color:var(--level-a1);font-size:17px;font-style:italic}.conj-review{max-width:460px;margin:14px auto 4px;text-align:left}.conj-review__item{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:9px 12px;background:var(--paper);border:1px solid var(--rule);border-radius:10px}.conj-review__prompt{min-width:0}.conj-review__pronoun{display:block;font-size:16px;font-style:italic;font-weight:600;line-height:1.25}.conj-review__meta{display:block;margin-top:1px;color:var(--ink-faint);font-family:var(--sans);font-size:11px}.conj-review__tense{color:var(--tc);font-weight:700}.conj-review__answers{text-align:right;font-size:15px;line-height:1.35}.conj-review__yours{color:var(--accent-deep);text-decoration:line-through}.conj-review__arrow{margin:0 4px;color:var(--ink-faint)}.conj-review__correct{color:var(--level-a1);font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pill-pop{45%{transform:scale(1.14)}}@keyframes caret-blink{50%{opacity:0}}@keyframes icon-pop{0%{opacity:0;transform:translateY(-50%) scale(.3)}}@keyframes tag-in{0%{opacity:0;transform:translateY(4px)}}@keyframes input-shake{20%{transform:translate(-3px)}60%{transform:translate(3px)}}@media(max-width:560px){.conj-row{gap:8px}.conj-row__pronoun{width:52px;font-size:17px}.conj-row__pronoun--sm{font-size:13px}.conj-row__tense{width:104px;padding:2px 6px;font-size:12.5px}.conj-verb__inf{font-size:26px}.conj-stage__counter{font-size:15px}.conj-rows{gap:14px}.conj-accents{flex-wrap:nowrap;gap:4px;padding:6px 8px}.conj-accents__lbl{display:none}.accent-key{flex:1;min-width:0;padding:6px 0;font-size:17px}.vocab-prompt{font-size:23px}.vocab-sentence{font-size:17px}}@media(prefers-reduced-motion:reduce){.tense-card,.drill-card,.conj-stage,.conj-results,.conj-field__icon,.conj-field__tag,.conj-input--wrong,.hud-pill--live,.match-tile--matched,.match-tile--wrong,.vocab-blank--filled,.vocab-hint,.skeleton,.article-card--just-read,.article-card--just-read .already-stamp--in,.article-card--sinking{animation:none}.tense-card,.drill-card,.match-tile,.conj-progress__fill{transition:none}}.auth-screen{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 24px) 18px calc(env(safe-area-inset-bottom) + 24px)}.auth-back{position:absolute;top:calc(env(safe-area-inset-top) + 14px);left:10px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;background:none;color:var(--ink-soft);cursor:pointer}.auth-back svg{width:24px;height:24px}.auth-card{width:100%;max-width:380px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:34px}.auth-brand__logo{width:32px;height:32px;border-radius:8px}.auth-brand__word{font-size:22px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.auth-label{display:block;margin:14px 0 6px;font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.auth-error{margin:12px 0 0;color:var(--accent-deep);font-family:var(--sans);font-size:13px}.auth-hint{margin:10px 0 0;color:var(--ink-faint);font-family:var(--sans);font-size:13px;line-height:1.5}.auth-sent{margin:0 0 6px;color:var(--ink-soft);font-family:var(--sans);font-size:14px;line-height:1.5}.auth-sent strong{color:var(--ink);overflow-wrap:anywhere}.auth-code-input{font-size:26px;font-weight:700;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.auth-submit{width:100%;margin-top:18px}.auth-alt{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px}.auth-link{padding:0;border:none;background:none;font-family:var(--sans);font-size:14px;font-variant-numeric:tabular-nums;color:var(--accent-deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-link:disabled{color:var(--ink-faint);cursor:default}.auth-help{margin:0;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--paper-raised);font-family:var(--sans);font-size:13.5px;line-height:1.5;color:var(--ink-soft)}.auth-help a{color:var(--accent-deep);font-weight:600}.home-vocab{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.home-vocab__icon{width:28px;height:28px;flex:none;color:var(--accent-deep)}.home-vocab__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-vocab__count{font-size:17px;font-weight:700}.home-vocab__sub{color:var(--ink-soft);font-family:var(--sans);font-size:13px}.home-vocab__chev{flex:none;color:var(--ink-faint);font-size:20px}.account-card{display:flex;flex-direction:column;gap:12px}.account-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.account-row__label{font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.account-row__value{font-size:16px;text-align:right;overflow-wrap:anywhere}.settings-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px}.settings-stat{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border:1px solid var(--rule);border-radius:12px;background:var(--paper-raised);text-align:center}.settings-stat__value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.settings-stat__label{font-family:var(--sans);font-size:11.5px;color:var(--ink-soft)}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left}.setting-toggle__title{display:block;font-size:16px;font-weight:600}.setting-toggle__hint{display:block;margin-top:2px;color:var(--ink-soft);font-family:var(--sans);font-size:12.5px}.switch{flex:none;width:46px;height:28px;border-radius:999px;background:var(--rule-strong);padding:3px;transition:background .18s ease}.switch--on{background:var(--level-a1)}.switch__knob{display:block;width:22px;height:22px;border-radius:50%;background:var(--paper-raised);box-shadow:0 1px 2px #211d164d;transition:transform .18s ease}.switch--on .switch__knob{transform:translate(18px)}.settings-logout{width:100%;margin-top:22px;color:var(--accent-deep);border-color:color-mix(in srgb,var(--accent) 45%,var(--rule-strong))}@media(prefers-reduced-motion:reduce){.switch,.switch__knob{transition:none}}