:root{--font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;font-family:var(--font-body);line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper-bg: #f4ede0;--paper-surface: #fbf5e6;--paper-card: #ffffff;--paper-edge: #e3d9c1;--paper-edge-soft: #ede4ce;--ink-primary: #1d1b15;--ink-secondary: #4b4539;--ink-muted: #7a7465;--ink-soft: #a59f8f;--indigo: #2e4273;--indigo-hover: #3c558c;--indigo-deep: #1a2a4f;--indigo-tint: #e6ecf4;--indigo-tint-hover: #d5dfed;--indigo-soft: #c9d4e6;--on-indigo: #fbf8f1;--shu: #b43b2b;--shu-hover: #9c3125;--shu-tint: #f5e6e2;--shu-tint-hover: #efd6d0;--shu-border: #e0b8b0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper-bg);color:var(--ink-primary);font-family:var(--font-body);font-size:16px}#root{min-height:100vh}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-body)}.auth-card{width:100%;max-width:380px;background-color:var(--paper-card);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center}.auth-title{margin:0 0 .3rem;font-family:var(--font-body);font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--ink-primary)}.auth-subtitle{margin:0 0 1.5rem;color:var(--ink-muted);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-input{width:100%;border:1px solid var(--paper-edge);border-radius:var(--radius-md);padding:.7rem .9rem;font-family:var(--font-body);font-size:1rem;color:var(--ink-primary);background-color:var(--paper-card);box-sizing:border-box}.auth-input:focus{outline:2px solid var(--indigo-soft);border-color:var(--indigo)}.auth-button{border:none;border-radius:var(--radius-md);padding:.7rem 1rem;background-color:var(--indigo);color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .12s}.auth-button:disabled{background-color:var(--ink-soft);cursor:not-allowed}.auth-button:not(:disabled):hover{background-color:var(--indigo-hover)}.auth-error{margin:0;color:var(--shu);font-size:.88rem}.auth-loading-text{margin:0;color:var(--ink-muted);font-size:.95rem}ruby{ruby-position:over;ruby-align:center}rt{font-family:var(--font-body);font-size:.56em;font-weight:400;line-height:1.1;color:var(--ink-muted);letter-spacing:.02em;transform:translateY(.12em)}.jp-line{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer;text-decoration:underline dotted;text-decoration-color:var(--ink-muted);text-decoration-thickness:1px;text-underline-offset:.3em;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.jp-line:hover,.jp-line:active{background-color:var(--indigo-tint);text-decoration-color:var(--indigo)}.card{border:1px solid var(--paper-edge);border-radius:var(--radius-lg);background-color:var(--paper-card);color:var(--ink-primary);overflow:hidden;box-shadow:0 1px 2px #1d1b150a}.card:before{content:"";display:block;height:3px;background-color:var(--indigo)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;text-align:left}.card-head-button{width:100%;border:0;background:none;font:inherit;color:inherit;cursor:pointer;transition:background-color .12s}@media(hover:hover){.card-head-button:hover{background-color:var(--indigo-tint)}}.card-head-button:active{background-color:var(--indigo-tint)}.card-title{min-width:0}.card-subject{margin:0;font-family:var(--font-body);font-size:1.22rem;font-weight:600;line-height:1.4;letter-spacing:.01em;color:var(--ink-primary)}.card-reading{margin:.15rem 0 0;font-size:.8rem;color:var(--ink-muted);letter-spacing:.02em}.card-romaji{font-style:italic}.card-meaning{margin:.3rem 0 0;font-size:.92rem;color:var(--ink-secondary)}.card-head-aside{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.card-register{border:1px solid var(--indigo-soft);background-color:var(--indigo-tint);color:var(--indigo-deep);border-radius:var(--radius-pill);padding:.16rem .6rem;font-size:.72rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}.card-kind{border:1px solid var(--rule-soft, var(--indigo-soft));background-color:transparent;color:var(--ink-muted);border-radius:var(--radius-pill);padding:.16rem .6rem;font-size:.72rem;font-weight:500;letter-spacing:.04em;white-space:nowrap}.card-form{margin:.2rem 0 0;font-family:var(--font-body);font-size:.85rem;color:var(--ink-muted);letter-spacing:.01em}.card-mistake{margin:0}.card-chevron{color:var(--ink-soft);transition:transform .14s ease-in-out}.card-chevron.open{transform:rotate(180deg)}.card-body{border-top:1px solid var(--paper-edge-soft);padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.85rem}.card-section h4{margin:0 0 .35rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted)}.card-section p{margin:0;font-size:.9rem;color:var(--ink-secondary);line-height:1.6}.card-samples{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.card-samples li{background-color:var(--paper-surface);border-radius:var(--radius-sm);padding:.55rem .7rem}.card-sample-ja{font-size:.95rem!important;color:var(--ink-primary)!important;line-height:1.7!important}.card-sample-en{margin-top:.15rem!important;font-size:.86rem!important}.card-sample-context{margin-top:.28rem!important;font-size:.78rem!important;color:var(--ink-soft)!important;font-style:italic}.card-notes{margin:0;padding-left:1.05rem;display:flex;flex-direction:column;gap:.28rem;font-size:.88rem;color:var(--ink-secondary);line-height:1.6}.card-notes li::marker{color:var(--ink-soft)}.card-related{display:flex;flex-wrap:wrap;gap:.4rem}.card-related-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:var(--paper-surface);min-height:2rem;padding:.24rem .68rem;font-size:.82rem;color:var(--ink-primary);font-family:inherit}.card-related-chip em{font-style:normal;font-size:.78rem;color:var(--ink-muted)}.card-related-chip.is-clickable{cursor:pointer;transition:background-color .12s,border-color .12s}.card-related-chip.is-clickable:hover{background-color:var(--indigo-tint);border-color:var(--indigo-soft)}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.card-tag{font-size:.74rem;color:var(--ink-soft);letter-spacing:.03em}.card-footer{border-top:1px solid var(--paper-edge-soft);padding:.6rem 1rem;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;background-color:var(--paper-surface)}.card-action{border:1px solid var(--indigo);background-color:var(--indigo);color:var(--on-indigo);border-radius:var(--radius-sm);min-height:2.25rem;padding:.42rem .9rem;font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.card-action:hover:not(:disabled){background-color:var(--indigo-hover);border-color:var(--indigo-hover)}.card-action:disabled{cursor:default;opacity:.85}.card-action.is-saved{background-color:var(--indigo-tint);border-color:var(--indigo-soft);color:var(--indigo-deep)}.card-action.is-quiet{background-color:transparent;border-color:var(--paper-edge);color:var(--ink-muted)}.card-action.is-quiet:hover:not(:disabled){background-color:var(--shu-tint);border-color:var(--shu-border);color:var(--shu)}.card-footer-note{margin:0 auto 0 0;font-size:.78rem;color:var(--ink-muted)}@media(max-width:640px){.card-subject{font-size:1.1rem}.card-head,.card-body{padding-left:.8rem;padding-right:.8rem}}.card-subject,.card-sample-ja,.card-notes li{line-height:1.9}.sheet-layer{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet-backdrop{position:absolute;inset:0;background-color:#1d1b1557}.sheet{position:relative;display:flex;flex-direction:column;max-height:86dvh;background-color:var(--paper-surface);border-top:1px solid var(--paper-edge);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 34px #1d1b1529;outline:none;animation:sheet-rise .18s ease-out}@keyframes sheet-rise{0%{transform:translateY(14px);opacity:.6}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .6rem;border-bottom:1px solid var(--paper-edge-soft)}.sheet-title{margin:0;font-family:var(--font-body);font-size:1.05rem;font-weight:600;letter-spacing:.01em}.sheet-close{border:1px solid var(--paper-edge);background-color:var(--paper-card);color:var(--ink-secondary);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;font-size:1.15rem;line-height:1;cursor:pointer}@media(hover:hover){.sheet-close:hover{background-color:var(--paper-bg)}}.sheet-body{overflow-y:auto;padding:.9rem 1rem 1.4rem;-webkit-overflow-scrolling:touch}.sheet-body.is-flush{padding:0}.sheet button:focus-visible,.sheet a:focus-visible,.sheet input:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:var(--radius-sm)}@media(min-width:720px){.sheet-layer{justify-content:center;align-items:center}.sheet{width:min(40rem,calc(100% - 3rem));max-height:80dvh;border:1px solid var(--paper-edge);border-radius:var(--radius-lg);box-shadow:0 18px 44px #1d1b1533}}.notebook{display:flex;flex-direction:column;gap:.7rem}.notebook-scope{margin:0;font-size:.78rem;color:var(--ink-muted)}.notebook-list{display:flex;flex-direction:column;gap:.5rem}.notebook-empty{margin:0;padding:1.2rem .2rem;font-size:.9rem;color:var(--ink-muted);line-height:1.7}.notebook-empty strong{color:var(--ink-secondary);font-weight:600}.notebook-error{margin:0;background-color:var(--shu-tint);border:1px solid var(--shu-border);border-radius:var(--radius-md);padding:.45rem .6rem;font-size:.84rem;color:var(--shu-hover)}.notebook-kana-link{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;margin-top:.3rem;color:var(--indigo);font-size:.82rem;text-decoration:none}.notebook-kana-link:hover{text-decoration:underline}.ask-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.ask-history-item{display:flex;flex-direction:column;gap:.15rem;width:100%;text-align:left;border:1px solid transparent;background-color:transparent;border-radius:var(--radius-md);padding:.5rem .6rem;font-family:inherit;cursor:pointer}.ask-history-item:hover{background-color:var(--paper-card);border-color:var(--paper-edge-soft)}.ask-history-item.is-active{background-color:var(--indigo-tint);border-color:var(--indigo-soft)}.ask-history-text{font-size:.92rem;color:var(--ink-primary);overflow-wrap:anywhere}.ask-history-preview{font-size:.78rem;color:var(--ink-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.builder{display:flex;flex-direction:column}.builder-tray{position:sticky;top:0;z-index:1;display:flex;flex-direction:column;gap:.6rem;padding:.85rem 1rem .75rem;background-color:var(--paper-surface);border-bottom:1px solid var(--paper-edge-soft)}.builder-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:2.6rem;max-height:7.5rem;overflow-y:auto}.builder-hint{margin:0;font-size:.88rem;color:var(--ink-muted)}.builder-token{border:1px solid var(--indigo-soft);background-color:var(--indigo-tint);color:var(--indigo-deep);border-radius:var(--radius-md);padding:.05rem .55rem;font-family:inherit;font-size:1.05rem;line-height:2;cursor:pointer}.builder-token:hover{background-color:var(--indigo-tint-hover)}.builder-actions{display:flex;align-items:center;gap:.4rem}.builder-quiet{display:inline-flex;align-items:center;gap:.3rem;min-height:2.25rem;border:1px solid var(--paper-edge);background-color:var(--paper-card);color:var(--ink-secondary);border-radius:var(--radius-pill);padding:0 .75rem;font-family:inherit;font-size:.8rem;cursor:pointer}.builder-quiet:hover:not(:disabled){color:var(--ink-primary);background-color:var(--paper-bg)}.builder-check{margin-left:auto;min-height:2.25rem;border:1px solid var(--indigo);background-color:var(--indigo);color:var(--on-indigo);border-radius:var(--radius-pill);padding:0 .95rem;font-family:inherit;font-size:.86rem;cursor:pointer}.builder-check:hover:not(:disabled){background-color:var(--indigo-hover)}.builder-quiet:disabled,.builder-check:disabled{opacity:.45;cursor:not-allowed}.builder-search{width:100%;box-sizing:border-box;border:1px solid var(--paper-edge);border-radius:var(--radius-md);background-color:var(--paper-card);color:var(--ink-primary);font-family:inherit;font-size:16px;padding:.55rem .75rem}.builder-search::placeholder{color:var(--ink-soft)}.builder-groups{display:flex;flex-direction:column;padding:.5rem 1rem 1.4rem}.builder-own{align-self:flex-start;margin:.35rem 0 .2rem;border:1px dashed var(--indigo-soft);background-color:var(--paper-card);color:var(--indigo-deep);border-radius:var(--radius-pill);padding:.45rem .9rem;font-family:inherit;font-size:.9rem;cursor:pointer}.builder-own:hover{background-color:var(--indigo-tint)}.builder-empty{margin:.4rem 0;font-size:.86rem;color:var(--ink-muted)}.builder-group-head{display:flex;align-items:center;gap:.6rem;width:100%;border:none;background:none;padding:.8rem 0 .55rem;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--ink-primary);text-align:left;cursor:pointer}.builder-group-count{margin-left:auto;font-size:.78rem;font-weight:400;color:var(--ink-soft);font-variant-numeric:tabular-nums}.builder-chevron{color:var(--ink-soft);transition:transform .15s ease}.builder-chevron.open{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.builder-chevron{transition:none}}.builder-chips{display:flex;flex-wrap:wrap;gap:.45rem;padding-bottom:.4rem}.builder-chip{display:inline-flex;align-items:stretch;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:var(--paper-card);overflow:hidden}.builder-chip-add{display:inline-flex;align-items:baseline;gap:.4rem;min-height:2.5rem;border:none;background:none;padding:.1rem .35rem .1rem .85rem;font-family:inherit;color:var(--ink-primary);cursor:pointer}.builder-chip-add:only-child{padding-right:.85rem}.builder-chip-word{font-size:1rem;font-weight:600;line-height:2}.builder-chip-meaning{font-size:.8rem;color:var(--ink-muted)}.builder-chip-speak{display:inline-flex;align-items:center;border:none;background:none;color:var(--ink-muted);padding:0 .75rem 0 .4rem;cursor:pointer}.builder-chip-add:hover,.builder-chip-speak:hover{background-color:var(--indigo-tint)}.builder-chip-speak:hover{color:var(--indigo-deep)}.speed-picker{display:inline-flex;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:var(--paper-card);padding:2px}.speed-option{min-height:2rem;min-width:2.6rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-muted);font-family:inherit;font-size:.78rem;font-variant-numeric:tabular-nums;cursor:pointer}.speed-option:hover{color:var(--ink-primary)}.speed-option.is-active{background-color:var(--indigo-tint);color:var(--indigo-deep);font-weight:600}.line-sheet{display:flex;flex-direction:column;gap:1.1rem}.line-head{display:flex;flex-direction:column;gap:.7rem}.line-text{margin:0;font-size:1.35rem;line-height:2.1;color:var(--ink-primary)}.line-listen{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.line-hear{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;border:1px solid var(--indigo);background-color:var(--indigo);color:var(--on-indigo);border-radius:var(--radius-pill);padding:0 .9rem;font-family:inherit;font-size:.86rem;cursor:pointer}.line-hear:hover{background-color:var(--indigo-hover)}.line-translation{margin:0;font-size:1rem;line-height:1.5;color:var(--ink-primary)}.line-status{margin:0;font-size:.88rem;color:var(--ink-muted)}.line-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.88rem;color:var(--ink-secondary)}.line-error p{margin:0}.line-error button{flex-shrink:0;border:1px solid var(--paper-edge);background-color:var(--paper-card);color:var(--ink-secondary);border-radius:var(--radius-pill);min-height:2rem;padding:0 .8rem;font-family:inherit;font-size:.8rem;cursor:pointer}.line-section h3{margin:0 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.line-words{margin:0;padding:0;list-style:none;border-top:1px solid var(--paper-edge-soft)}.line-word{display:grid;grid-template-columns:minmax(4.5rem,auto) 1fr auto;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--paper-edge-soft)}.line-word-ja{display:flex;flex-direction:column}.line-word-text{font-size:1.1rem;color:var(--ink-primary)}.line-word-reading{font-size:.75rem;color:var(--ink-muted)}.line-word-gloss{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;font-size:.9rem;color:var(--ink-secondary)}.line-word-role{font-size:.72rem;color:var(--indigo-deep);background-color:var(--indigo-tint);border-radius:var(--radius-pill);padding:.05rem .5rem;white-space:nowrap}.line-word-speak{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-muted);cursor:pointer}.line-word-speak:hover{color:var(--indigo);background-color:var(--indigo-tint)}.line-notes{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.5;color:var(--ink-secondary)}.line-ask{padding-top:.9rem;border-top:1px solid var(--paper-edge-soft)}.line-quick{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.line-quick-chip{min-height:2.1rem;border:1px solid var(--paper-edge);background-color:var(--paper-card);color:var(--ink-secondary);border-radius:var(--radius-pill);padding:0 .8rem;font-family:inherit;font-size:.82rem;cursor:pointer}.line-quick-chip:hover:not(:disabled){color:var(--ink-primary);background-color:var(--paper-bg)}.line-ask-row{display:flex;gap:.4rem}.line-ask-input{flex:1;min-width:0;border:1px solid var(--paper-edge);border-radius:var(--radius-md);background-color:var(--paper-card);color:var(--ink-primary);font-family:inherit;font-size:16px;min-height:2.5rem;box-sizing:border-box;padding:.5rem .75rem}.line-ask-input::placeholder{color:var(--ink-soft)}.line-ask-send{border:1px solid var(--indigo);background-color:var(--indigo);color:var(--on-indigo);border-radius:var(--radius-md);min-height:2.5rem;padding:0 1rem;font-family:inherit;font-size:.88rem;cursor:pointer}.line-ask-send:hover:not(:disabled){background-color:var(--indigo-hover)}.line-quick-chip:disabled,.line-ask-send:disabled{opacity:.45;cursor:not-allowed}.basics{display:flex;flex-direction:column}.basics-bar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1rem .75rem;background-color:var(--paper-surface);border-bottom:1px solid var(--paper-edge-soft)}.basics-search{flex:1 1 12rem;min-width:0;box-sizing:border-box;border:1px solid var(--paper-edge);border-radius:var(--radius-md);background-color:var(--paper-card);color:var(--ink-primary);font-family:inherit;font-size:16px;padding:.55rem .75rem}.basics-search::placeholder{color:var(--ink-soft)}.basics-groups{padding:.4rem 1rem 1.4rem}.basics-empty{margin:.8rem 0;font-size:.9rem;color:var(--ink-muted)}.basics-group h3{margin:1rem 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.basics-words{margin:0;padding:0;list-style:none}.basics-word{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr auto;align-items:center;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--paper-edge-soft)}.basics-word-ja{font-size:1.1rem;line-height:2;color:var(--ink-primary)}.basics-word-gloss{display:flex;flex-direction:column;font-size:.88rem;color:var(--ink-secondary)}.basics-word-romaji{font-size:.75rem;color:var(--ink-muted)}.basics-word-speak{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-muted);cursor:pointer}.basics-word-speak:hover{color:var(--indigo);background-color:var(--indigo-tint)}.practice{display:flex;flex-direction:column;min-height:100%}.practice-empty{padding:1.4rem 1rem}.practice-status{margin:0;font-size:.88rem;color:var(--ink-muted)}.practice-error{margin:0;font-size:.84rem;color:var(--shu-hover)}.practice-brief{padding:.9rem 1rem 1rem}.practice-kicker{display:flex;flex-wrap:wrap;gap:0 .5rem;margin:0 0 .3rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-variant-numeric:tabular-nums}.practice-kicker span+span:before{content:"·";margin-right:.5rem;color:var(--ink-soft)}.practice-title{margin:0;font-size:1.2rem;font-weight:650;line-height:1.3;color:var(--ink-primary)}.practice-setting{margin:.2rem 0 0;font-size:.9rem;color:var(--ink-secondary)}.practice-facts{display:grid;gap:.3rem;margin:.75rem 0 0;font-size:.88rem;line-height:1.45}.practice-facts div{display:grid;grid-template-columns:3rem 1fr;gap:.5rem}.practice-facts dt{padding-top:.12rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.practice-facts dd{margin:0;color:var(--ink-primary)}.practice-words{display:flex;flex-wrap:wrap;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none}.practice-word{display:grid;justify-items:start;min-height:2.75rem;border:1px solid var(--paper-edge);border-radius:var(--radius-md);background-color:var(--paper-card);padding:.3rem .6rem;font-family:inherit;text-align:left;color:var(--ink-primary);cursor:pointer}.practice-word:disabled{cursor:default}.practice-word-ja{font-size:1rem;line-height:1.3}.practice-word-reading{font-size:.68rem;color:var(--ink-muted)}.practice-word-meaning{font-size:.72rem;color:var(--ink-secondary)}@media(hover:hover){.practice-word:not(:disabled):hover{border-color:var(--indigo-soft);background-color:var(--indigo-tint)}}.practice-script{display:flex;flex-direction:column;gap:1rem;margin:0;padding:1rem 1rem 1.2rem;border-top:1px solid var(--paper-edge-soft);list-style:none}.turn{display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;align-items:start}.turn-who{padding-top:.55rem;font-size:.74rem;color:var(--ink-muted);overflow-wrap:anywhere}.is-tutor .turn-who{color:var(--indigo-deep);font-weight:600}.turn-body{min-width:0}.turn-line{margin:0;font-size:1.12rem;line-height:2;color:var(--ink-primary);overflow-wrap:anywhere}.turn-caret{display:inline-block;width:.5em;height:1.05em;margin-left:.1em;vertical-align:-.15em;background-color:var(--ink-soft);animation:turn-caret 1s steps(2,start) infinite}@keyframes turn-caret{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.turn-caret{animation:none}}.turn-tools{display:flex;gap:.35rem;margin-top:.15rem}.turn-tool{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;min-width:2rem;justify-content:center;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:transparent;padding:0 .65rem;font-family:inherit;font-size:.76rem;color:var(--ink-muted);cursor:pointer}.turn-tool[aria-pressed=true]{background-color:var(--indigo-tint);border-color:var(--indigo-soft);color:var(--indigo-deep)}@media(hover:hover){.turn-tool:hover{color:var(--ink-primary);background-color:var(--paper-card)}}.turn-gloss{margin:.4rem 0 0;font-size:.9rem;line-height:1.5;color:var(--ink-secondary)}.turn-text{margin:0;padding-top:.3rem;font-size:1rem;line-height:1.6;color:var(--ink-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.is-pending .turn-text{color:var(--ink-muted)}.turn-correction{margin-top:.45rem;border:1px solid var(--shu-border);border-radius:var(--radius-md);background-color:var(--shu-tint);padding:.45rem .7rem .55rem}.turn-better{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .55rem;margin:0;font-size:1.02rem;line-height:2;color:var(--ink-primary)}.turn-better-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--shu)}.turn-why{margin:.1rem 0 0;font-size:.86rem;line-height:1.5;color:var(--ink-secondary)}.turn-why[lang=ja]{line-height:2}.turn-tool.is-on-shu{margin-top:.4rem;border-color:var(--shu-border);background-color:var(--paper-card)}.turn-tool.is-on-shu[aria-pressed=true]{border-color:var(--shu-border);background-color:var(--paper-card);color:var(--ink-primary)}.turn-correction-english .turn-gloss{margin-top:.35rem}.turn-gloss-label{margin-right:.35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.practice-picker{padding:.9rem 1rem 1.2rem;border-top:1px solid var(--paper-edge-soft)}.practice-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.practice-picker-head h4{margin:0;font-size:.95rem;font-weight:600}.practice-picker-level+.practice-picker-level{margin-top:.8rem}.practice-picker-level h5{margin:0 0 .25rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.practice-picker-level ul{margin:0;padding:0;list-style:none}.practice-picker-item{display:grid;gap:.1rem;width:100%;min-height:2.75rem;border:1px solid transparent;border-radius:var(--radius-md);background:none;padding:.45rem .6rem;font-family:inherit;text-align:left;cursor:pointer}.practice-picker-item[aria-current=true]{border-color:var(--indigo-soft);background-color:var(--indigo-tint)}@media(hover:hover){.practice-picker-item:not(:disabled):hover{background-color:var(--paper-card);border-color:var(--paper-edge-soft)}}.practice-picker-title{font-size:.92rem;color:var(--ink-primary)}.practice-picker-setting{font-size:.78rem;color:var(--ink-muted)}.practice-dock{position:sticky;bottom:0;margin-top:auto;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--paper-edge);background-color:var(--paper-surface);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom))}.practice-begin{display:flex;align-items:center;gap:.6rem}.practice-start{flex:1;min-height:2.75rem;border:1px solid var(--indigo);border-radius:var(--radius-pill);background-color:var(--indigo);color:var(--on-indigo);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.practice-start:hover:not(:disabled){background-color:var(--indigo-hover)}.practice-tray{display:flex;flex-wrap:wrap;gap:.35rem;max-height:7.5rem;margin:0;padding:0;overflow-y:auto;list-style:none}.practice-chip{min-height:2.25rem;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:var(--paper-card);padding:0 .7rem;font-family:inherit;font-size:.95rem;color:var(--ink-primary);cursor:pointer}.practice-chip:active{background-color:var(--indigo-tint)}.practice-reply{display:flex;align-items:flex-end;gap:.4rem}.practice-words-toggle{min-height:2.75rem;border:1px solid var(--paper-edge);border-radius:var(--radius-pill);background-color:var(--paper-card);padding:0 .75rem;font-family:inherit;font-size:.8rem;color:var(--ink-secondary);cursor:pointer}.practice-words-toggle[aria-pressed=true]{border-color:var(--indigo-soft);background-color:var(--indigo-tint);color:var(--indigo-deep)}.practice-input{flex:1;min-width:0;min-height:2.75rem;max-height:7.5rem;box-sizing:border-box;resize:none;overflow-y:auto;border:1px solid var(--paper-edge);border-radius:var(--radius-lg);background-color:var(--paper-card);padding:.6rem .8rem;font-family:inherit;font-size:16px;line-height:1.5;color:var(--ink-primary)}.practice-input::placeholder{color:var(--ink-soft)}.practice-send{min-height:2.75rem;min-width:4.2rem;border:1px solid var(--indigo);border-radius:var(--radius-pill);background-color:var(--indigo);padding:0 .9rem;font-family:inherit;font-size:.9rem;color:var(--on-indigo);cursor:pointer}.practice-send:hover:not(:disabled){background-color:var(--indigo-hover)}.practice-dock-foot{display:flex;justify-content:flex-start;gap:1.1rem}.practice-quiet{min-height:2rem;border:0;background:none;padding:0;font-family:inherit;font-size:.8rem;color:var(--indigo);cursor:pointer}.practice-quiet.is-end{margin-left:auto;color:var(--ink-muted)}.practice-start:disabled,.practice-send:disabled,.practice-quiet:disabled{opacity:.45;cursor:not-allowed}.practice-finished{align-items:flex-start}.practice-finished p{margin:0;padding:.35rem 0;font-size:.92rem;color:var(--ink-secondary)}.practice-finished strong{color:var(--ink-primary);font-weight:600}.practice button:focus-visible,.practice textarea:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.page{display:flex;flex-direction:column;height:100dvh;width:min(44rem,100%);margin:0 auto;box-sizing:border-box;font-family:var(--font-body);font-size:16px}.page button:focus-visible,.page a:focus-visible,.page textarea:focus-visible,.page input:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:var(--radius-sm)}.page-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border-bottom:1px solid var(--paper-edge);background-color:var(--paper-bg)}.page-title{flex-shrink:0;margin:0;font-family:var(--font-body);font-size:1.05rem;font-weight:600;letter-spacing:.04em;color:var(--ink-primary)}.page-bar-actions{display:flex;align-items:center;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-bar-actions::-webkit-scrollbar{display:none}.bar-button{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--paper-edge);background-color:var(--paper-surface);color:var(--ink-secondary);flex-shrink:0;min-height:2.25rem;white-space:nowrap;border-radius:var(--radius-pill);padding:0 .75rem;font-family:inherit;font-size:.8rem;cursor:pointer}@media(hover:hover){.bar-button:hover{background-color:var(--paper-card);color:var(--ink-primary)}}.bar-button.is-quiet{border-color:transparent;background-color:transparent;color:var(--ink-muted)}.bar-count{background-color:var(--indigo-tint);color:var(--indigo-deep);border-radius:var(--radius-pill);padding:0 .36rem;font-size:.72rem;font-variant-numeric:tabular-nums}.bar-button:not(.is-done-today) .bar-count.is-streak{background-color:var(--paper-edge-soft);color:var(--ink-secondary)}.stream{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1.1rem;padding:1.1rem .9rem .4rem}.opening{display:flex;flex-direction:column;gap:.7rem}.opening-line{margin:.6rem 0 .2rem;font-family:var(--font-body);font-size:1.25rem;color:var(--ink-secondary);letter-spacing:.01em}.opening-label{margin:.5rem 0 0;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.opening-cards{display:flex;flex-direction:column;gap:.5rem}.ask-echo{margin:0;color:var(--indigo-deep);font-size:1.02rem;font-weight:600;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;scroll-margin-top:.9rem}.ask-echo:not(:first-child){border-top:1px solid var(--paper-edge);padding-top:1.1rem}.stream>.answer:last-child{min-height:calc(100% - 4.5rem)}.answer{display:flex;flex-direction:column;gap:.7rem}.answer-prose{color:var(--ink-primary);font-size:.98rem;overflow-wrap:anywhere}.answer-prose p,.answer-prose li{line-height:1.95}.answer-prose p{margin:0 0 .7rem}.answer-prose p:last-child{margin-bottom:0}.answer-prose ul,.answer-prose ol{margin:0 0 .7rem;padding-left:1.2rem}.answer-prose code{background-color:var(--paper-surface);border:1px solid var(--paper-edge-soft);border-radius:var(--radius-sm);padding:0 .25rem;font-size:.88em}.answer-prose pre{overflow-x:auto;background-color:var(--paper-surface);border:1px solid var(--paper-edge-soft);border-radius:var(--radius-md);padding:.7rem}.answer-prose table{display:block;overflow-x:auto;border-collapse:collapse}.answer-prose th,.answer-prose td{border:1px solid var(--paper-edge-soft);padding:.3rem .5rem;text-align:left}.answer-actions{display:flex;align-self:flex-start}.answer-again{border:1px solid var(--paper-edge);background-color:transparent;color:var(--ink-muted);border-radius:var(--radius-pill);min-height:2.25rem;padding:0 .8rem;font-family:inherit;font-size:.8rem;cursor:pointer}@media(hover:hover){.answer-again:hover{background-color:var(--paper-surface);color:var(--ink-secondary)}}.typing-indicator{display:inline-flex;gap:.28rem;padding:.4rem 0}.typing-indicator i{width:.42rem;height:.42rem;border-radius:50%;background-color:var(--ink-soft);animation:typing-bounce 1s ease-in-out infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-.28rem);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-indicator i{animation:none}}.ask{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--paper-edge);background-color:var(--paper-bg)}.ask-error{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background-color:var(--shu-tint);border:1px solid var(--shu-border);border-radius:var(--radius-md);padding:.45rem .6rem}.ask-error p{margin:0;font-size:.84rem;color:var(--shu-hover)}.ask-error button{border:1px solid var(--shu-border);background-color:var(--paper-card);color:var(--shu-hover);flex-shrink:0;border-radius:var(--radius-sm);min-height:2.25rem;padding:0 .75rem;font-family:inherit;font-size:.8rem;cursor:pointer}.matches{display:flex;flex-direction:column;gap:.4rem;max-height:42dvh;overflow-y:auto}.matches-label{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.matches-more{align-self:flex-start;border:none;background:none;color:var(--indigo);font-family:inherit;font-size:.8rem;min-height:2rem;padding:0;cursor:pointer}.ask-row{display:flex;align-items:flex-end;gap:.5rem}.ask-input{flex:1;resize:none;min-height:2.75rem;max-height:9rem;border:1px solid var(--paper-edge);border-radius:var(--radius-lg);background-color:var(--paper-card);color:var(--ink-primary);font-family:inherit;font-size:16px;line-height:1.5;padding:.65rem .8rem;overflow-y:auto}.ask-input::placeholder{color:var(--ink-soft)}.ask-send{border:1px solid var(--indigo);background-color:var(--indigo);color:var(--on-indigo);border-radius:var(--radius-pill);min-width:3.4rem;min-height:2.75rem;padding:0 .9rem;font-family:inherit;font-size:.9rem;cursor:pointer}.ask-send:hover:not(:disabled){background-color:var(--indigo-hover)}.ask-send:disabled{opacity:.45;cursor:not-allowed}@media(min-width:720px){.page{height:100vh}.stream{padding:1.6rem 0 .6rem}.page-bar,.ask{padding-left:0;padding-right:0}.page-bar,.ask,.stream{padding-inline:.25rem}}.kana-page{min-height:100vh;width:min(1100px,100%);margin:0 auto;padding:1rem;box-sizing:border-box;font-family:var(--font-body)}.kana-top-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem}.kana-back-link{color:var(--indigo-deep);text-decoration:none;font-size:.88rem;font-weight:500;padding:.4rem .75rem;border:1px solid var(--indigo-soft);border-radius:var(--radius-sm);background-color:var(--indigo-tint);transition:background-color .12s;white-space:nowrap}.kana-back-link:hover{background-color:var(--indigo-tint-hover)}.kana-page-title{margin:0;font-family:var(--font-body);font-size:1.4rem;font-weight:600;letter-spacing:.02em;color:var(--ink-primary);text-align:center}.kana-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.kana-tab{border:1px solid var(--paper-edge);background-color:var(--paper-card);color:var(--ink-secondary);border-radius:var(--radius-md);padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .12s,color .12s,border-color .12s}.kana-tab:hover{background-color:var(--indigo-tint)}.kana-tab.active{background-color:var(--indigo);color:#fff;border-color:var(--indigo)}.kana-content{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.kana-section h2{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--ink-primary);margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--paper-edge);letter-spacing:.02em}.kana-grid{display:flex;flex-direction:column;gap:2px}.kana-grid-header,.kana-grid-row{display:grid;gap:2px}.basic-grid .kana-grid-header,.basic-grid .kana-grid-row{grid-template-columns:48px repeat(5,1fr)}.combo-grid .kana-grid-header,.combo-grid .kana-grid-row{grid-template-columns:48px repeat(3,1fr)}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .25rem;border-radius:var(--radius-sm);min-height:56px;transition:background-color .12s,border-color .12s}.kana-page button:focus-visible,.kana-page a:focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:var(--radius-sm)}.kana-cell.filled{background-color:var(--paper-card);border:1px solid var(--paper-edge);cursor:default}.kana-cell.filled:hover{background-color:var(--indigo-tint);border-color:var(--indigo-soft)}.kana-cell.empty{background-color:transparent}.header-cell{font-size:.78rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.05em;min-height:28px;background-color:transparent}.row-label{font-size:.78rem;font-weight:600;color:var(--ink-muted);min-height:56px;background-color:transparent}.kana-char{font-family:var(--font-body);font-size:1.55rem;line-height:1;color:var(--ink-primary)}.kana-romaji{font-size:.72rem;color:var(--ink-muted);margin-top:.2rem}@media(max-width:640px){.kana-page{padding:.5rem}.kana-page-title{font-size:1.15rem}.kana-top-bar{grid-template-columns:auto 1fr}.kana-cell{min-height:48px;padding:.35rem .15rem}.kana-char{font-size:1.25rem}.kana-romaji{font-size:.65rem}.basic-grid .kana-grid-header,.basic-grid .kana-grid-row{grid-template-columns:36px repeat(5,1fr)}.combo-grid .kana-grid-header,.combo-grid .kana-grid-row{grid-template-columns:36px repeat(3,1fr)}.row-label,.header-cell{font-size:.68rem}}