html{font-family:Open Sans,Arial,sans-serif;font-size:17px}body{--whiteTextColor:#e8e8e8;--muted-text:#cad0f0b8;--bg-surface:#12172df5;--bg-surface-elevated:#1d2346fa;--bg-sunken:#090d21bf;--accent:#7c5cff;--accent-soft:#7c5cff33;--accent-strong:#a586ff;--accent-danger:#ff4a6a;--border-subtle:#7882b466;padding-bottom:calc(var(--mode-nav-height,4.3rem) + .9rem);background:radial-gradient(circle at top,#151a2d 0%,#050713 60%,#02030a 100%) fixed;margin:0}#toppest-container[data-mode=conjugation]{--accent:#7c5cff;--accent-strong:#a586ff;--accent-soft:#7c5cff33;--accent-glow:#7c5cff80}#toppest-container[data-mode=hiragana]{--accent:#e8933a;--accent-strong:#ffc27a;--accent-soft:#e8933a33;--accent-glow:#e8933a80}#toppest-container[data-mode=romaji]{--accent:#1fb9a8;--accent-strong:#7cf0e2;--accent-soft:#1fb9a833;--accent-glow:#1fb9a880}#toppest-container[data-mode=katakana]{--accent:#e8557a;--accent-strong:#ff9db5;--accent-soft:#e8557a33;--accent-glow:#e8557a80}#toppest-container[data-mode=grammar]{--accent:#3aab68;--accent-strong:#8ee7a8;--accent-soft:#3aab6833;--accent-glow:#3aab6880}#toppest-container[data-mode=exam]{--accent:#3d8bd9;--accent-strong:#8cc4ff;--accent-soft:#3d8bd933;--accent-glow:#3d8bd980}#toppest-container[data-mode=numbers]{--accent:#c9a227;--accent-strong:#f5d76e;--accent-soft:#c9a22733;--accent-glow:#c9a22780}#toppest-container[data-mode=counters]{--accent:#c05ccf;--accent-strong:#eba6f5;--accent-soft:#c05ccf33;--accent-glow:#c05ccf80}#toppest-container[data-mode=reading]{--accent:#e0664a;--accent-strong:#ffac96;--accent-soft:#e0664a33;--accent-glow:#e0664a80}p{text-align:center;color:var(--whiteTextColor)}a{color:#ffc439}input{accent-color:#6e6e6e}input[type=checkbox],input[type=radio],input[type=checkbox]+label,input[type=radio]+label{cursor:pointer}#toppest-container{margin:auto}#app-shell{flex-direction:column;margin:auto;display:flex}#stage{width:100%;min-width:0}#top-container{--card-pad-x:.75rem;padding:.35rem var(--card-pad-x) .45rem;background:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-surface-elevated) 100%);border:1px solid var(--border-subtle);border-radius:.9rem;margin:.6rem;transition:border-color .25s;box-shadow:0 20px 40px #0009}#account-bar{min-width:0;color:var(--muted-text);justify-content:flex-end;align-items:baseline;gap:.6rem;margin:.5rem 1rem .3rem;font-size:.75rem;display:none}#toppest-container[data-mode=grammar] #account-bar.is-signed-in,#toppest-container[data-mode=reading] #account-bar.is-signed-in{display:flex}#account-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#account-name{color:var(--whiteTextColor)}#account-bar a{color:var(--accent-strong);flex-shrink:0}#brand{align-items:center;gap:.5rem;padding:.15rem .4rem .6rem;display:none}#brand-mark{flex:none;width:2.25rem;height:2.25rem;display:block}#brand h1{color:var(--whiteTextColor);text-align:left;letter-spacing:.01em;margin:0;font-size:1rem;line-height:1.15}#mode-nav{z-index:20;border-top:1px solid var(--border-subtle);backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom,0);background:#090d21f0;transition:transform .22s;position:fixed;bottom:0;left:0;right:0}body.is-typing #mode-nav{transform:translateY(110%)}body.is-reading-text #mode-nav{visibility:hidden;transition:transform .22s,visibility 0s .22s;transform:translateY(110%)}#mode-selector{--mode-gap:.15rem;align-items:stretch;gap:var(--mode-gap);flex-wrap:wrap;padding:.3rem .25rem;display:flex}.mode-option{flex:0 0 calc((100% - (var(--mode-columns,6) - 1) * var(--mode-gap)) / var(--mode-columns,6));cursor:pointer;min-width:0}.mode-option input[type=radio]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mode-face{color:var(--muted-text);border:1px solid #0000;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.4rem .15rem .35rem;transition:background .18s,color .18s,border-color .18s,transform .12s;display:flex}.mode-glyph{opacity:.85;font-size:1.15rem;line-height:1.1}.mode-name{letter-spacing:.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.58rem;overflow:hidden}.mode-hint{display:none}.mode-option:hover .mode-face{color:var(--whiteTextColor);background:#1e285a99}.mode-option input[type=radio]:checked+.mode-face{color:var(--whiteTextColor);background:var(--accent-soft);border-color:var(--accent)}.mode-option input[type=radio]:checked+.mode-face .mode-glyph{opacity:1;color:var(--accent-strong)}.mode-option input[type=radio]:focus-visible+.mode-face{outline:2px solid var(--accent-strong);outline-offset:2px}.mode-face{position:relative}.mode-tags{pointer-events:none;gap:.1rem;display:flex;position:absolute;top:.12rem;right:.12rem}.mode-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:.3rem;padding:.1rem .2rem;font-size:.42rem;font-weight:600;line-height:1}.mode-tag-ai{color:#d9c8ff;background:#7c5cff59;border:1px solid #a586ff99}.mode-tag-soon{color:var(--muted-text);border:1px solid var(--border-subtle);background:#3c446e80}.mode-option.is-planned{cursor:not-allowed}.mode-option.is-planned .mode-glyph,.mode-option.is-planned .mode-name,.mode-option.is-planned .mode-hint{opacity:.4}.mode-option.is-planned:hover .mode-face{color:var(--muted-text);background:0 0}#streak-container:after,#settings-child-container:after{content:"";clear:both;display:table}.streak p{margin:0;font-size:.65rem}#current-streak{float:left;left:.23rem}#current-streak-text,#max-streak-text{margin:0;font-size:1rem}#max-streak{float:right;right:.23rem}#streak-container{padding:.3rem .4rem .4rem}#verb-box{border:1px solid var(--accent-glow);border-radius:1.4rem;padding:.7rem 1rem;display:inline-block;position:relative}#verb-box p{margin-left:1.18rem;margin-right:1.18rem}#verb-container{text-align:center}#verb-text{justify-content:center;align-items:flex-end;margin-top:0;margin-bottom:.25rem;font-size:2.2rem;line-height:1;display:flex}ruby{flex-direction:column-reverse;display:inline-flex}span.rt{font-size:.5em;line-height:1}#translation{margin-top:0;margin-bottom:.18rem;font-size:.8rem}#conjugation-inquery-text{margin-top:.8rem;margin-bottom:.5rem;font-size:1.3rem}#status-container{text-align:center;min-height:4rem}#status-box{background:linear-gradient(135deg,#10a8982e,#0972bd33);border:1px solid #54d7e766;border-radius:.91rem;flex-direction:column;justify-content:center;min-width:66%;min-height:4rem;transition:background .18s,border-color .18s;display:inline-flex}#status-box.status-correct{background:linear-gradient(135deg,#34d39973,#38bdf84d);border-color:#2dd4bfe6}#status-box.status-incorrect{background:linear-gradient(135deg,#f8717180,#fb718559);border-color:#f87171f2}#status-text{vertical-align:middle;color:#f8fafc;margin:.3rem .8rem;font-size:1.09rem;line-height:1.5}#toppest-container[data-mode=numbers] #verb-text{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.4rem,7vw,2.2rem)}#toppest-container[data-mode=numbers] #status-text,#toppest-container[data-mode=counters] #status-text{overflow-wrap:anywhere}.counter-amount{font-variant-numeric:tabular-nums;margin-left:.35em}.counters-group-heading{color:var(--accent-strong);margin:.45rem 0 .2rem;font-size:.7rem;font-weight:700}.counters-group-heading:first-child{margin-top:0}.status-note{opacity:.85;font-size:.8rem}.sub-conjugation-indicator{padding-left:.3rem;font-size:.8rem;display:inline-block}#input-container{text-align:center;margin:.45rem .45rem .3rem;padding-top:.36rem;position:relative}.tooltip{color:#fff;opacity:0;background:#f43f5ef2;border-radius:.35rem;padding:0 .4rem;font-size:.68rem;position:absolute;bottom:100%;left:7%}.tooltip:after{content:"";border:5px solid #0000;border-top-color:#f43f5ef2;margin-left:-5px;position:absolute;top:100%;left:14%}#main-text-input,#settings-child-container{width:88%}#main-text-input{background:#fff;border:.068rem;border-radius:5rem;padding:.27rem .45rem .18rem;font-size:1rem}#main-text-input:hover:not(:focus):not(:disabled){background:#e0e0e0}#main-text-input:disabled{background:#969696}#settings-container{text-align:center;margin:0}#settings-child-container{display:inline-block}#settings-table{table-layout:fixed;width:100%}button{float:right;background:var(--accent);color:var(--whiteTextColor);letter-spacing:.03em;border:none;border-radius:999px;margin-right:-.1rem;padding:.18rem .9rem .18rem .7rem;font-size:.75rem;box-shadow:0 .1rem .4rem #0009}#back-button{padding-right:.95rem}#grammar-progress-button{float:left;margin-left:-.1rem;margin-right:0}button:hover{background:var(--accent-strong);cursor:pointer;transform:translateY(-.5px)}button:disabled{color:#bebed2b3;box-shadow:none;background:#46465ae6}#press-any-key-text{color:var(--whiteTextColor);margin:0;font-size:.64rem}#main-view.mode-grammar #verb-container,#main-view.mode-grammar #conjugation-inquery-container,#main-view.mode-grammar #status-container,#main-view.mode-grammar #streak-container,#main-view:not(.mode-grammar) #grammar-prompt-container,#main-view:not(.mode-grammar) #grammar-feedback-container{display:none}#grammar-prompt-container{padding:.5rem .3rem .2rem}#grammar-prompt-card{background:radial-gradient(circle at top, var(--accent-soft), #081344fa);border:1px solid var(--accent-glow);border-radius:1.1rem;padding:.85rem 1rem}.panel-eyebrow{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:.4rem;font-size:.6rem;display:block}#grammar-english{margin:0;font-size:1.15rem;line-height:1.35}#grammar-point{color:var(--muted-text);margin:.5rem 0 0;font-size:.68rem}#grammar-reroll-button{float:none;border:1px solid var(--accent-glow);box-shadow:none;color:var(--muted-text);background:0 0;margin:.6rem auto 0;padding:.25rem .7rem;font-size:.68rem;display:block}#grammar-reroll-button:hover{background:var(--accent-soft);color:var(--whiteTextColor)}#grammar-feedback-container{padding:0 .3rem .3rem}#grammar-pending{min-height:3.5rem;color:var(--muted-text);justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.pending-dot{background:var(--accent-strong);border-radius:50%;width:.4rem;height:.4rem;animation:1s ease-in-out infinite pending-pulse}.pending-dot:nth-child(2){animation-delay:.15s}.pending-dot:nth-child(3){animation-delay:.3s}@keyframes pending-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}#grammar-result{border:1px solid var(--border-subtle);background:var(--bg-sunken);border-radius:1.1rem;padding:.7rem .8rem .8rem;animation:.22s ease-out result-rise}@keyframes result-rise{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}#grammar-notice,#reading-notice,#reading-signin{border:1px solid var(--border-subtle);background:var(--bg-sunken);border-radius:1.1rem;padding:.85rem .9rem;animation:.22s ease-out result-rise}#grammar-notice-text,#reading-notice-text,#reading-signin-text{color:var(--text-secondary,#c9c9c9);margin:0;font-size:.85rem;line-height:1.45}#grammar-notice-actions,#reading-notice-actions,#reading-signin-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}#grammar-notice-actions:empty,#reading-notice-actions:empty,#reading-signin-actions:empty{margin-top:0;display:none}.grammar-notice-action{font:inherit;cursor:pointer;border:1px solid var(--border-subtle);color:var(--mode-accent,#8ab4ff);background:0 0;border-radius:.6rem;padding:.4rem .8rem;font-size:.8rem;text-decoration:none;display:inline-block}.grammar-notice-action:hover,.grammar-notice-action:focus-visible{background:#ffffff0f}.assessment-head{align-items:center;gap:.75rem;display:flex}#assessment-ring{flex:none;width:4rem;height:4rem;position:relative}#assessment-ring svg{width:100%;height:100%;transform:rotate(-90deg)}#assessment-ring .ring-track{fill:none;stroke:#8c96c838;stroke-width:5px}#assessment-ring .ring-value{fill:none;stroke:var(--accent-strong);stroke-width:5px;stroke-linecap:round;transition:stroke-dasharray .5s}#assessment-score{color:var(--whiteTextColor);white-space:nowrap;justify-content:center;align-items:center;margin:0;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.assessment-head-text{flex:auto;min-width:0}.verdict-pill{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;margin-bottom:.35rem;padding:.15rem .55rem;font-size:.62rem;display:inline-block}#assessment-explanation{text-align:left;color:var(--whiteTextColor);margin:0;font-size:.78rem;line-height:1.45}.assessment-section{margin-top:.75rem}.assessment-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);text-align:left;margin:0 0 .35rem;font-size:.6rem}.answer-line{align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;display:flex}.answer-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);text-align:right;flex:none;min-width:3.6rem;font-size:.58rem}.answer-text{text-align:left;color:var(--whiteTextColor);word-break:break-word;margin:0}.answer-text.is-corrected{color:var(--accent-strong)}.breakdown-row{align-items:center;gap:.5rem;margin-bottom:.28rem;display:flex}.breakdown-label{color:var(--muted-text);text-align:left;flex:0 0 5.2rem;font-size:.68rem}.breakdown-track{background:#8c96c82e;border-radius:999px;flex:auto;height:.32rem;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;height:100%;transition:width .5s;display:block}.breakdown-value{color:var(--whiteTextColor);text-align:right;white-space:nowrap;flex:0 0 2.1rem;font-size:.65rem}.particle-note{background:#141c3eb3;border:1px solid #7882b440;border-radius:.6rem;align-items:flex-start;gap:.5rem;margin-bottom:.3rem;padding:.35rem .45rem;display:flex}.particle-chip{border:1px solid;border-radius:.45rem;flex:none;justify-content:center;align-items:center;min-width:1.7rem;height:1.7rem;font-size:.95rem;line-height:1.6;display:flex}.particle-chip.status-correct{color:#7ce0b0;background:#34d39924;border-color:#7ce0b099}.particle-chip.status-acceptable-alternative{color:#ffd27a;background:#ffc43924;border-color:#ffd27a99}.particle-chip.status-incorrect{color:#ff9aa8;background:#f8717129;border-color:#ff9aa899}.particle-body{flex:auto;min-width:0}.particle-status{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-text);text-align:left;font-size:.56rem;display:block}.particle-text{text-align:left;margin:.1rem 0 0;font-size:.73rem;line-height:1.4}#assessment-register-row{align-items:center;gap:.45rem;margin-bottom:.25rem;display:flex}.register-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--whiteTextColor);background:#141c3ecc;border:1px solid #8c96c880;border-radius:999px;padding:.12rem .5rem;font-size:.62rem}.register-fit{color:var(--muted-text);font-size:.65rem}#assessment-register-note{text-align:left;color:var(--whiteTextColor);margin:0;font-size:.73rem;line-height:1.4}#grammar-next-container{text-align:center;margin-top:.8rem}#grammar-next-button{float:none;padding:.35rem 1.1rem;font-size:.8rem}#exam-view{color:var(--whiteTextColor);padding:.5rem .3rem .3rem}#exam-view button{float:none;margin:0}.exam-field{border:none;margin:0 0 .7rem;padding:0}.exam-field legend{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);margin-bottom:.3rem;padding:0;font-size:.6rem}.exam-segmented{flex-wrap:wrap;gap:.35rem;display:flex}.exam-segmented label{cursor:pointer;flex:1 1 0;min-width:4.5rem}.exam-segmented input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.exam-segmented span{text-align:center;border:1px solid var(--border-subtle);background:var(--bg-sunken);color:var(--muted-text);border-radius:.7rem;padding:.4rem .5rem;font-size:.78rem;transition:background .15s,border-color .15s,color .15s;display:block}.exam-segmented input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--whiteTextColor)}.exam-segmented input:focus-visible+span{outline:2px solid var(--accent-strong);outline-offset:2px}.exam-segmented input:disabled+span{opacity:.45;cursor:not-allowed}.exam-hint{color:var(--muted-text);text-align:left;margin:.35rem 0 0;font-size:.68rem;line-height:1.4}.exam-toggles{flex-direction:column;gap:.35rem;margin-bottom:.4rem;font-size:.75rem;display:flex}.exam-actions{justify-content:flex-end;gap:.5rem;margin-top:.8rem;display:flex}#exam-view .exam-actions button{padding:.35rem 1.1rem;font-size:.8rem}#exam-view button.exam-secondary{border:1px solid var(--border-subtle);box-shadow:none;color:var(--muted-text);background:0 0}#exam-view button.exam-secondary:hover{background:var(--accent-soft);color:var(--whiteTextColor)}#exam-progress-row{color:var(--muted-text);justify-content:space-between;margin-bottom:.3rem;font-size:.68rem;display:flex}#exam-timer-text{font-variant-numeric:tabular-nums}#exam-timer-text.is-low{color:var(--accent-danger)}#exam-progress-bar{background:var(--bg-sunken);border-radius:999px;height:.2rem;margin-bottom:.6rem;overflow:hidden}#exam-progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s}#exam-stem-card{background:radial-gradient(circle at top, var(--accent-soft), #081344fa);border:1px solid var(--accent-glow);border-radius:1.1rem;padding:.85rem 1rem}#exam-stem p,.exam-review-stem p{text-align:left;margin:.2rem 0;line-height:1.6}#exam-stem p{font-size:1.05rem}.exam-blank{color:var(--accent-strong);white-space:nowrap}.exam-blank.is-filled{font-weight:600}#exam-choices{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.7rem;display:grid}#exam-view button.exam-choice{text-align:left;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);box-shadow:none;word-break:break-all;border-radius:.8rem;align-items:center;gap:.5rem;min-height:2.8rem;padding:.55rem .7rem;font-size:.95rem;display:flex}#exam-view button.exam-choice:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}#exam-view button.exam-choice:disabled{color:var(--whiteTextColor);opacity:.6}#exam-view button.exam-choice.is-correct{opacity:1;background:#3aab6840;border-color:#3aab68}#exam-view button.exam-choice.is-wrong{opacity:1;border-color:var(--accent-danger);background:#ff4a6a33}.exam-choice-number{text-align:center;background:var(--bg-sunken);width:1.2rem;height:1.2rem;color:var(--muted-text);border-radius:50%;flex:none;font-size:.65rem;line-height:1.2rem}#exam-feedback{margin-top:.7rem}#exam-feedback-verdict.is-wrong{border-color:var(--accent-danger);color:#ff9db0;background:#ff4a6a26}#exam-feedback p,.exam-review-note{text-align:left;margin:.2rem 0;font-size:.75rem;line-height:1.45}#exam-score{margin:.2rem 0 0;font-size:1.8rem}#exam-score-detail{text-align:center;margin-bottom:.6rem}#exam-review{max-height:52vh;padding-right:.25rem;overflow-y:auto}.exam-review-row{border-left:3px solid var(--border-subtle);margin-bottom:.6rem;padding:.35rem 0 .35rem .6rem}.exam-review-row.is-correct{border-left-color:#3aab68}.exam-review-row.is-wrong{border-left-color:var(--accent-danger)}.exam-review-stem p{font-size:.85rem}.exam-review-answer{text-align:left;margin:.2rem 0;font-size:.8rem}#reading-view{color:var(--whiteTextColor);padding:.5rem .3rem .3rem}#reading-view button{float:none;margin:0}#reading-view .exam-actions button{padding:.35rem 1.1rem;font-size:.8rem}#reading-view button.exam-secondary{border:1px solid var(--border-subtle);box-shadow:none;color:var(--muted-text);background:0 0;padding:.3rem .8rem;font-size:.75rem}#reading-view button.exam-secondary:hover{background:var(--accent-soft);color:var(--whiteTextColor)}#reading-type-select{width:100%;font:inherit;border:1px solid var(--border-subtle);background:var(--bg-sunken);color:var(--whiteTextColor);border-radius:.7rem;padding:.45rem .6rem;font-size:.8rem}#reading-type-select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}#reading-type-select option,#reading-type-select optgroup{color:var(--whiteTextColor);background:#10142a}#reading-type-select option:disabled{color:#cad0f066}#reading-signin{margin-bottom:.2rem}.reading-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-text);font-size:.6rem}.reading-centered{text-align:center}#reading-history{border-top:1px solid var(--border-subtle);margin-top:1.1rem;padding-top:.7rem}.reading-history-head{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}#reading-view button.reading-link-button{box-shadow:none;color:var(--muted-text);background:0 0;border:none;padding:.1rem .3rem;font-size:.65rem;text-decoration:underline}#reading-history-list{flex-direction:column;gap:.35rem;display:flex}.reading-history-row{align-items:stretch;gap:.3rem;display:flex}#reading-view .reading-history-row button.reading-history-item{flex:auto;width:auto;min-width:0}#reading-view button.reading-history-delete{width:2.2rem;box-shadow:none;color:var(--muted-text);background:0 0;border:1px solid #0000;border-radius:.7rem;flex:none;padding:0;font-size:1.1rem;line-height:1}#reading-view button.reading-history-delete:hover,#reading-view button.reading-history-delete:focus-visible{border-color:var(--accent-danger);color:var(--accent-danger)}#reading-view button.reading-history-item{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-sunken);width:100%;box-shadow:none;border-radius:.7rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .7rem;display:flex}#reading-view button.reading-history-item:hover{border-color:var(--accent);background:var(--accent-soft)}.reading-history-title{color:var(--whiteTextColor);font-size:.85rem}.reading-history-meta{color:var(--muted-text);font-size:.62rem}.reading-chips{flex-wrap:wrap;justify-content:center;gap:.3rem;margin:.3rem 0 .6rem;display:flex}.reading-chip{border:1px solid var(--border-subtle);background:var(--bg-sunken);color:var(--muted-text);border-radius:999px;padding:.15rem .55rem;font-size:.62rem}.reading-chip.is-key{border-color:var(--accent);color:var(--accent-strong)}#reading-pending{padding:1.2rem 0 .6rem}.reading-pending-row{color:var(--muted-text);justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem;display:flex}.reading-toolbar{z-index:20;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);backdrop-filter:blur(14px);background:#090d21f0;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}body.is-reading-text{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom,0px))}#reading-back-button{flex:none}.reading-toggles{scrollbar-width:none;justify-content:flex-end;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.reading-toggles::-webkit-scrollbar{display:none}.reading-wide-label{display:none}#reading-view button.reading-toggle{white-space:nowrap;border:1px solid var(--border-subtle);box-shadow:none;color:var(--muted-text);background:0 0;border-radius:999px;flex:none;padding:.3rem .75rem;font-size:.72rem}#reading-view button.reading-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--whiteTextColor)}#reading-article{background:radial-gradient(circle at top, var(--accent-soft), #081344fa);border:1px solid var(--accent-glow);text-align:left;border-radius:1.1rem;padding:.9rem 1rem}#reading-title{text-align:left;color:var(--whiteTextColor);margin:0;font-size:1.2rem;font-weight:600;line-height:2}#reading-article p{text-align:left}.reading-line{margin:.5rem 0 0;font-size:1.05rem;line-height:2.2}#reading-article ruby{display:revert;flex-direction:initial}#reading-article rt{color:var(--accent-strong);-webkit-user-select:none;user-select:none;font-size:.5em}#reading-article.hide-furigana rt{visibility:hidden}.reading-above{text-decoration:underline dotted var(--accent-strong);text-underline-offset:.3em;text-decoration-thickness:2px}.reading-above-kana,#reading-article.above-as-kana .reading-above-run>ruby{display:none}#reading-article.above-as-kana .reading-above-kana{display:inline}.reading-sentence{cursor:pointer;border-radius:.3rem;transition:background .15s}.reading-sentence:hover,.reading-sentence.is-open{background:var(--accent-soft)}.reading-sentence:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.reading-en{color:var(--muted-text);border-left:2px solid var(--accent);margin:.2rem 0;padding-left:.55rem;font-size:.75rem;line-height:1.4;display:none}.reading-en.is-open,#reading-article.show-english .reading-en{display:block}.reading-layout-prose .reading-line,.reading-layout-article .reading-line{text-indent:1em}.reading-layout-notice .reading-block{border-bottom:1px dashed var(--border-subtle);padding:.2rem 0 .3rem}.reading-layout-notice .reading-block:last-child{border-bottom:none}.reading-layout-list .reading-line{margin-top:.15rem;line-height:2}.reading-speaker{color:var(--accent-strong);margin-top:.6rem;font-size:.68rem;line-height:1.8}.reading-layout-dialogue .reading-line{margin-top:0}.reading-layout-chat .reading-block{flex-direction:column;align-items:flex-start;margin-top:.35rem;display:flex}.reading-layout-chat .reading-block.is-first-speaker{align-items:flex-end}.reading-layout-chat .reading-speaker{color:var(--muted-text);margin:0 .4rem;font-size:.6rem}.reading-layout-chat .reading-line{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:.3rem 1rem 1rem;max-width:85%;margin:.1rem 0 0;padding:.05rem .75rem}.reading-layout-chat .is-first-speaker .reading-line{background:var(--accent-soft);border-color:var(--accent-glow);border-top-left-radius:1rem;border-top-right-radius:.3rem}.reading-layout-chat .reading-translations{max-width:85%}#reading-vocab{margin-top:.9rem}#reading-vocab-list{grid-template-columns:max-content 1fr;align-items:baseline;gap:.3rem .9rem;margin:.4rem 0 0;display:grid}#reading-vocab-list dt{color:var(--whiteTextColor);font-size:.9rem}.reading-vocab-reading{color:var(--muted-text);margin-left:.4rem;font-size:.65rem}#reading-vocab-list dd{color:var(--muted-text);margin:0;font-size:.75rem}h2{text-align:center;color:var(--whiteTextColor);margin-top:.1rem;margin-bottom:.45rem;font-size:1rem}#options-view,#grammar-options-view,#numbers-options-view,#counters-options-view,#grammar-progress-view{padding-left:.73rem;padding-right:.73rem}#grammar-progress-view{text-align:left;color:var(--whiteTextColor);font-size:.8rem}#grammar-progress-note{opacity:.75;margin:0 0 .5rem;font-size:.65rem}#grammar-progress-list{max-height:48vh;padding-right:.25rem;overflow-y:auto}.progress-row{margin-bottom:.5rem}.progress-row-overall{border-bottom:1px solid #ffffff40;margin-bottom:.5rem;padding-bottom:.4rem}.progress-row-top{justify-content:space-between;align-items:baseline;gap:.45rem;display:flex}.progress-name{font-size:.7rem}.progress-row-overall .progress-name{font-weight:700}.progress-value{white-space:nowrap;opacity:.85;font-size:.65rem}.progress-track{background:#ffffff26;border-radius:999px;height:.4rem;min-height:6px;margin:.15rem 0 .1rem;overflow:hidden}.progress-fill{background:var(--correctColor,#5fbf6a);border-radius:999px;height:100%;transition:width .2s}.progress-fill[data-band=New]{background:#ffffff40}.progress-fill[data-band=Shaky]{background:#d9534f}.progress-fill[data-band=Learning]{background:#e0913a}.progress-fill[data-band=Familiar]{background:#d8c944}.progress-fill[data-band=Solid]{background:#7ec46f}.progress-fill[data-band=Mastered]{background:#4da65c}.progress-coverage{opacity:.65;font-size:.6rem}.assessment-target{opacity:.8;margin:.2rem 0 0;font-size:.65rem}.assessment-offtarget{color:#e0c04a;margin:.2rem 0 0;font-size:.65rem}#options-form,#grammar-options-form,#counters-options-form{text-align:left;color:var(--whiteTextColor);font-size:.8rem}#grammar-groups-intro{opacity:.85;margin:0 0 .45rem;font-size:.7rem}#grammar-groups-toolbar,#counters-toolbar{flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin-bottom:.3rem;display:flex}#grammar-groups-count,#counters-count{opacity:.8;font-size:.65rem}#grammar-groups-error,#counters-error{float:none;margin-left:auto}#grammar-groups-list,#counters-list{max-height:55vh;padding-right:.25rem;overflow-y:auto}#grammar-options-form .grammar-group-row,#counters-options-form .grammar-group-row{align-items:baseline;margin-bottom:.18rem;display:flex}#grammar-options-form input[type=checkbox],#counters-options-form input[type=checkbox]{flex:none;width:.6rem;min-width:13px;height:.6rem;min-height:13px}#grammar-options-form label,#counters-options-form label{flex:1;justify-content:space-between;gap:.45rem;padding-left:.25rem;line-height:1.4;display:flex}.grammar-group-count{opacity:.7;white-space:nowrap;font-size:.65rem}#numbers-options-form,#kanji-options-form{text-align:left;color:var(--whiteTextColor);font-size:.8rem}.numbers-options-intro{opacity:.85;margin:0 0 .35rem;font-size:.7rem;display:block}.kanji-option-row{margin-top:.6rem}.kanji-option-row label{padding-left:.25rem}#numbers-max-presets{margin-bottom:.6rem}#numbers-max-input{box-sizing:border-box;font-variant-numeric:tabular-nums;background:#fff;border:.068rem;border-radius:5rem;width:100%;padding:.27rem .7rem .18rem;font-size:1rem}#numbers-max-error{float:none;text-align:left;margin:.25rem 0 0}#numbers-max-summary{margin:.45rem 0 0}#grammar-options-back-button[disabled]{opacity:.5;cursor:not-allowed}#options-form .option-row{margin-bottom:.18rem}#options-form .sub-option-row{margin-bottom:.09rem}#top-must-choose{max-width:70%}.settings-error-text{float:right;color:#ec3333;text-align:right;font-size:.6rem}#options-form td:not(.settings-error-text){width:35%}#options-form input{width:.6rem;min-width:13px;height:.6rem;min-height:13px}#options-form label{padding-left:.25rem;line-height:1.4}.options-indent{padding-left:1.36rem}#back-button-container{width:100%;margin-top:.45rem;display:inline-block}#options-form h3{margin-top:0;margin-bottom:0;display:inline-block}hr{border:.045rem solid #424242;margin:.18rem}#adjectives-h3-container,#verbs-h3-container{margin-top:.45rem;margin-bottom:.45rem}.advanced-section{background:#0e1737e6;border:1px solid #6e78b999;border-radius:10px;max-width:fit-content;margin-top:.1rem;margin-bottom:.5rem;margin-left:-.23rem;padding:.2rem .4rem .2rem .3rem;box-shadow:0 10px 25px #0009}.advanced-option{margin-bottom:.2rem}#advanced-text{color:#9ca3ffd9;align-items:center;margin-bottom:.2rem;padding-left:.2rem;font-size:.7em;font-style:italic;font-weight:600;display:flex}.footer-text{color:gray;margin-top:.3rem;margin-bottom:.1rem;font-size:.61rem}#donation-section{text-align:center;margin:.6rem}.conjugation-inquery{display:inline-block}.inquery-emoji{font-size:.7rem;line-height:1.1}.inquery-text{line-height:1.1}.transparent-furigana .rt,.transparent{opacity:0}.hide-furigana .rt,.display-none,.hide-emojis .inquery-emoji{display:none!important}.grow-animation{animation:.5s grow-animation}@keyframes grow-animation{0%{transform:scale(1.7)}to{transform:scale(1)}}.tooltip-fade-animation{animation:6s tooltip-fade-animation}@keyframes tooltip-fade-animation{0%{opacity:0}6%{opacity:1}80%{opacity:1}to{opacity:0}}.question-screen #status-container{min-height:.8rem}@media screen and (height>=820px),screen and (width>=510px){.question-screen #status-container{min-height:4rem}}@media screen and (width>=510px){html{font-size:18px}#toppest-container{max-width:510px}#top-container{--card-pad-x:.6rem;padding:.6rem var(--card-pad-x)}#input-container{margin-bottom:.4rem}#conjugation-inquery-text{margin-top:1rem}#status-container{margin:1rem}#grammar-english{font-size:1.25rem}.reading-wide-label{display:inline}}@media screen and (width>=600px){#mode-selector{--mode-gap:.25rem;padding:.3rem}.mode-face{flex-direction:row;gap:.35rem;padding:.45rem .4rem}.mode-glyph{font-size:1rem}.mode-name{font-size:.7rem}}@media screen and (width>=900px){#toppest-container{max-width:940px}#app-shell{flex-direction:row;justify-content:center;align-items:flex-start;gap:.5rem;padding-top:1.1rem}#brand{justify-content:flex-start;padding-bottom:.6rem;display:flex}#brand h1{text-align:left;font-size:1rem}#brand h1 br{display:block}body,body.is-reading-text{padding-bottom:.5rem}.reading-toolbar{--bleed-x:calc(var(--card-pad-x) + .3rem);z-index:5;margin:0 calc(-1 * var(--bleed-x)) .3rem;padding:.4rem var(--bleed-x);background:var(--bg-surface-elevated);border-top:none;border-bottom:1px solid var(--border-subtle);backdrop-filter:none;position:sticky;inset:0 auto auto}#mode-nav{backdrop-filter:none;background:0 0;border-top:none;flex:0 0 15rem;margin:0;padding-bottom:0;position:sticky;top:1.1rem}body.is-typing #mode-nav,body.is-reading-text #mode-nav{visibility:visible;transform:none}#mode-selector{--mode-gap:.2rem;border:1px solid var(--border-subtle);background:#0c1333d9;border-radius:1.1rem;flex-flow:column;align-items:stretch;padding:.45rem}.mode-option{flex:none}.mode-face{border-radius:.85rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.6rem;padding:.5rem .55rem}.mode-glyph{background:#090d21cc;border:1px solid #7882b44d;border-radius:.6rem;flex:none;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:1rem;display:flex}.mode-option input[type=radio]:checked+.mode-face .mode-glyph{border-color:var(--accent);background:var(--accent-soft)}.mode-tags{flex:none;order:3;margin-left:auto;position:static}.mode-text{min-width:0}.mode-tag{padding:.15rem .3rem;font-size:.5rem}.mode-name{text-align:left;white-space:normal;font-size:.75rem;display:block}.mode-hint{color:var(--muted-text);text-align:left;font-size:.6rem;line-height:1.25;display:block}#stage{flex:0 575px;max-width:575px}#top-container{margin:0 .6rem}}@media screen and (width>=750px){html{font-size:18px}#toppest-container{max-width:575px}}@media screen and (width>=900px){html{font-size:18px}#toppest-container{max-width:940px}}@media screen and (width>=1100px){html{font-size:20px}#toppest-container{max-width:1000px}#stage{flex:0 620px;max-width:620px}}