:root{color-scheme:light;--bg: #FEF7F4;--bg-2: #FBECE8;--bg-wash: radial-gradient(120% 74% at 50% -12%, #FFF1F2 0%, rgba(255, 241, 242, 0) 62%), radial-gradient(96% 58% at 88% 108%, #FDE7DC 0%, rgba(253, 231, 220, 0) 66%), linear-gradient(180deg, #FEF7F4 0%, #FCF1ED 100%);--surface: #FFFFFF;--surface-2: #FDF3F1;--surface-sunk: #F7E9E5;--ink: #2A2024;--ink-muted: #6B5A61;--ink-faint: #796870;--ink-decor: #9A8890;--ink-invert: #FFF7FA;--blossom: #E88BA4;--blossom-deep: #B8496B;--blossom-hover: #A03C5C;--blossom-soft: rgba(184, 73, 107, .12);--blossom-line: rgba(184, 73, 107, .28);--on-blossom: #FFF7FA;--leaf: #4F7D57;--leaf-soft: rgba(79, 125, 87, .14);--lantern: #C8912F;--lantern-deep: #8A6416;--lantern-soft: rgba(200, 145, 47, .16);--again: #A9352F;--hard: #8A520F;--good: #2F6A3E;--easy: #2C5C88;--on-grade: #FFF8F5;--again-soft: rgba(169, 53, 47, .12);--hard-soft: rgba(138, 82, 15, .12);--good-soft: rgba(47, 106, 62, .12);--easy-soft: rgba(44, 92, 136, .12);--success: var(--good);--warn: var(--hard);--danger: var(--again);--border: rgba(96, 58, 70, .14);--border-strong: rgba(96, 58, 70, .26);--ring-track: #F2DFE2;--focus: #A33C64;--focus-halo: rgba(163, 60, 100, .24);--stroke-kanji: #3A2E33;--stroke-kanji-ghost: rgba(58, 46, 51, .16);--ink-stroke: var(--stroke-kanji);--ink-ghost: rgba(58, 46, 51, .24);--ink-miss: var(--again);--ink-guide: rgba(96, 58, 70, .2);--ink-hint: rgba(184, 73, 107, .52);--shadow-1: 0 1px 2px rgba(90, 50, 62, .07), 0 1px 1px rgba(90, 50, 62, .05);--shadow-2: 0 8px 22px rgba(90, 50, 62, .11), 0 2px 5px rgba(90, 50, 62, .06);--shadow-3: 0 22px 54px rgba(90, 50, 62, .2), 0 6px 16px rgba(90, 50, 62, .1);--glow-blossom: none;--glow-lantern: none;--scrim: rgba(52, 30, 38, .38);--petal-a: #F4B3C6;--petal-b: #EE9DB6;--petal-c: #FBD3DE;--petal-opacity: .72;--tree-src: url(/tree-day.svg);--theme-color: #FEF7F4;--font-ui: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, Roboto, sans-serif;--font-display: "Fraunces", "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--font-jp: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", "MS Mincho", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 19px;--fs-5: 24px;--fs-6: 32px;--fs-7: 44px;--fs-face: clamp(48px, 14vw, 86px);--fs-face-sm: clamp(34px, 9vw, 52px);--fs-kanji: clamp(96px, 30vw, 168px);--lh-display: 1.18;--lh-body: 1.55;--lh-tight: 1.3;--lh-jp: 1.75;--tracking-display: -.01em;--tracking-caps: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 36px;--sp-7: 56px;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-xl: 32px;--r-pill: 999px;--z-petals: 0;--z-content: 1;--z-sticky: 10;--z-nav: 30;--z-scrim: 40;--z-sheet: 50;--z-toast: 60;--z-modal: 70;--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--dur-4: .52s;--ease-out: cubic-bezier(.22, .7, .3, 1);--ease-in-out: cubic-bezier(.6, 0, .3, 1);--ease-spring: cubic-bezier(.34, 1.42, .52, 1);--nav-h: 60px;--rail-w: 92px;--page-max: 880px;--wide-max: 1160px;--gutter: var(--sp-4);--vvh: 100dvh}html[data-theme=night]{color-scheme:dark;--bg: #101227;--bg-2: #171A35;--bg-wash: radial-gradient(130% 80% at 50% -16%, #21254E 0%, rgba(33, 37, 78, 0) 60%), radial-gradient(90% 52% at 78% 106%, #33244A 0%, rgba(51, 36, 74, 0) 64%), linear-gradient(180deg, #131630 0%, #0D0F24 100%);--surface: #1B1E3B;--surface-2: #242848;--surface-sunk: #14162F;--ink: #F2E7EC;--ink-muted: #B9AEC6;--ink-faint: #9C93AE;--ink-decor: #8D84A0;--ink-invert: #1A1130;--blossom: #F8B8CC;--blossom-deep: #E97BA2;--blossom-hover: #F694B5;--blossom-soft: rgba(233, 123, 162, .16);--blossom-line: rgba(248, 184, 204, .3);--on-blossom: #23133A;--leaf: #7FB489;--leaf-soft: rgba(127, 180, 137, .18);--lantern: #F2C368;--lantern-deep: #FFD98E;--lantern-soft: rgba(242, 195, 104, .18);--again: #F4837C;--hard: #E2A24E;--good: #6FBE84;--easy: #7FB2E8;--on-grade: #14112C;--again-soft: rgba(244, 131, 124, .16);--hard-soft: rgba(226, 162, 78, .16);--good-soft: rgba(111, 190, 132, .16);--easy-soft: rgba(127, 178, 232, .16);--border: rgba(214, 200, 236, .13);--border-strong: rgba(214, 200, 236, .26);--ring-track: #2B2F55;--focus: #FFC7D8;--focus-halo: rgba(255, 199, 216, .26);--stroke-kanji: #EFE4EA;--stroke-kanji-ghost: rgba(239, 228, 234, .16);--ink-stroke: var(--blossom);--ink-ghost: rgba(150, 158, 236, .34);--ink-miss: var(--again);--ink-guide: rgba(214, 200, 236, .18);--ink-hint: rgba(150, 158, 236, .62);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 10px 26px rgba(0, 0, 0, .46), 0 2px 6px rgba(0, 0, 0, .32);--shadow-3: 0 26px 62px rgba(0, 0, 0, .58), 0 8px 20px rgba(0, 0, 0, .38);--glow-blossom: 0 0 20px rgba(248, 184, 204, .34);--glow-lantern: 0 0 28px rgba(242, 195, 104, .3);--scrim: rgba(6, 7, 20, .62);--petal-a: #F6BFD2;--petal-b: #E9A0BD;--petal-c: #FFE0EA;--petal-opacity: .62;--tree-src: url(/tree-night.svg);--theme-color: #101227}*,*:before,*:after{box-sizing:border-box;margin:0}html{height:100%;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overscroll-behavior-y:contain}body{min-height:100%;overscroll-behavior-y:contain;background:var(--bg-wash) fixed,var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-3);line-height:var(--lh-body);font-synthesis-weight:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}#root{min-height:100%;isolation:isolate}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--lh-display);letter-spacing:var(--tracking-display)}h1{font-size:var(--fs-6)}h2{font-size:var(--fs-5)}h3{font-size:var(--fs-4)}h4{font-size:var(--fs-3)}p{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--blossom-deep);text-decoration-color:var(--blossom-line);text-underline-offset:2px}a:hover{color:var(--blossom-hover);text-decoration-color:currentColor}img,svg,video{display:block;max-width:100%}svg{flex-shrink:0}.display{font-family:var(--font-display);font-weight:600;line-height:var(--lh-display);letter-spacing:var(--tracking-display)}.jp{font-family:var(--font-jp);line-height:var(--lh-jp)}.face{font-family:var(--font-jp);font-size:var(--fs-face);line-height:1.2;font-weight:600;letter-spacing:.02em}.face-sm{font-family:var(--font-jp);font-size:var(--fs-face-sm);line-height:1.25;font-weight:600}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.small{font-size:var(--fs-2)}.tiny{font-size:var(--fs-1)}.strong{font-weight:600}.center-text{text-align:center}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.sub{font-family:var(--font-jp);font-size:var(--fs-2);font-weight:400;color:var(--ink-faint);letter-spacing:.04em}.eyebrow{font-size:var(--fs-1);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}ruby{ruby-align:center;ruby-position:over}rt{font-family:var(--font-ui);font-size:.5em;font-weight:400;line-height:1.15;letter-spacing:0;color:var(--ink-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-2) var(--ease-out)}.ruby-off rt{visibility:hidden;opacity:0}.face rt,.face-sm rt{font-size:.42em;color:var(--ink-faint)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;text-align:inherit}button:disabled{cursor:default;opacity:.5}input,textarea,select{font:inherit;color:inherit;background:none;border:0;border-radius:0;outline:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-faint)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--blossom-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}::-webkit-scrollbar-track{background:transparent}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--ink);--btn-line: var(--border);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border:1px solid var(--btn-line);border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-3);font-weight:600;line-height:1;white-space:nowrap;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.btn-primary{--btn-bg: var(--blossom-deep);--btn-fg: var(--on-blossom);--btn-line: transparent;box-shadow:var(--shadow-1),var(--glow-blossom)}.btn-primary:hover:not(:disabled){--btn-bg: var(--blossom-hover);border-color:transparent}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--ink-muted);--btn-line: transparent}.btn-ghost:hover:not(:disabled){--btn-bg: var(--surface-2);--btn-fg: var(--ink);border-color:transparent}.btn-danger{--btn-fg: var(--danger);--btn-bg: var(--again-soft);--btn-line: transparent}.btn-lg{min-height:54px;padding:0 var(--sp-5);font-size:var(--fs-4)}.btn-sm{min-height:44px;padding:0 var(--sp-3);font-size:var(--fs-2)}.btn-block{width:100%}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);width:100%}.grade{--g: var(--ink-muted);--g-soft: var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:var(--sp-2);border:1.5px solid color-mix(in srgb,var(--g) 42%,transparent);border-radius:var(--r-md);background:linear-gradient(var(--g-soft),var(--g-soft)),var(--surface);color:var(--g);font-size:var(--fs-3);font-weight:600;line-height:1.2;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-spring)}.grade .when{font-size:var(--fs-1);font-weight:500;font-variant-numeric:tabular-nums}.grade:hover:not(:disabled){background:color-mix(in srgb,var(--g) 18%,var(--surface))}.grade:active:not(:disabled),.grade.is-picked{background:var(--g);color:var(--on-grade);transform:scale(.97)}.grade-again{--g: var(--again);--g-soft: var(--again-soft)}.grade-hard{--g: var(--hard);--g-soft: var(--hard-soft)}.grade-good{--g: var(--good);--g-soft: var(--good-soft)}.grade-easy{--g: var(--easy);--g-soft: var(--easy-soft)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--sp-5)}.card-sunk{background:var(--surface-sunk);box-shadow:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-scrim);background:var(--scrim);animation:fade var(--dur-2) var(--ease-out)}.sheet{position:fixed;z-index:var(--z-sheet);left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;padding:var(--sp-5) var(--gutter) calc(var(--sp-5) + env(safe-area-inset-bottom));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right));background:var(--surface);border-top:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-3);animation:sheet-up var(--dur-3) var(--ease-out)}.sheet-grip{width:40px;height:4px;margin:0 auto var(--sp-4);border-radius:var(--r-pill);background:var(--border-strong);pointer-events:none}.divider{height:1px;background:var(--border);border:0}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-muted);font-size:var(--fs-1);font-weight:600;letter-spacing:.02em}.chip-blossom{background:linear-gradient(var(--blossom-soft),var(--blossom-soft)),var(--surface);color:var(--blossom-deep)}.chip-leaf{background:linear-gradient(var(--leaf-soft),var(--leaf-soft)),var(--surface);color:var(--leaf)}.chip-gold{background:linear-gradient(var(--lantern-soft),var(--lantern-soft)),var(--surface);color:var(--lantern-deep)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--sp-5)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-sm{display:flex;align-items:center;gap:var(--sp-2)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.center{display:flex;align-items:center;justify-content:center}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-5) var(--gutter) calc(var(--nav-h) + var(--sp-7));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.page-wide{max-width:var(--wide-max)}.fullbleed{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;min-height:var(--vvh);padding:calc(var(--sp-4) + env(safe-area-inset-top)) var(--gutter) calc(var(--sp-4) + env(safe-area-inset-bottom));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}@media(min-width:960px){.page{padding-bottom:var(--sp-7);padding-inline:var(--sp-5)}:root{--gutter: var(--sp-5)}}@keyframes fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(14px);opacity:0}}@keyframes rise{0%{transform:translateY(8px);opacity:0}}.animate-in{animation:rise var(--dur-3) var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{min-height:100%;position:relative;z-index:var(--z-content)}.shell-main{min-height:100%}.nav{position:fixed;z-index:var(--z-nav);left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-1);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.nav-list{display:flex;align-items:stretch;justify-content:space-around;height:var(--nav-h);margin:0}.nav-list>li{flex:1 1 0;display:flex}.nav-item{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;color:var(--ink-faint);transition:color var(--dur-1) var(--ease-out)}.nav-item svg{width:22px;height:22px;flex:none}.nav-label{font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em}.nav-item.is-active{color:var(--blossom-deep)}.nav-dot{position:absolute;top:4px;width:3px;height:3px;border-radius:var(--r-pill);background:var(--blossom);opacity:0;transition:opacity var(--dur-1) var(--ease-out)}.nav-item.is-active .nav-dot{opacity:1}.rail-mark{display:none}@media(min-width:960px){.nav{top:0;right:auto;bottom:0;width:var(--rail-w);border-top:0;border-right:1px solid var(--border);padding-bottom:0;display:flex;flex-direction:column;align-items:stretch}.nav-list{flex-direction:column;justify-content:flex-start;gap:var(--sp-1);height:auto;padding:var(--sp-2) 0}.nav-list>li{flex:none}.nav-item{gap:var(--sp-1);min-height:64px;padding:var(--sp-2) var(--sp-1)}.nav-dot{top:50%;left:0;width:3px;height:26px;transform:translateY(-50%);border-radius:0 var(--r-pill) var(--r-pill) 0}.rail-mark{display:flex;align-items:center;justify-content:center;height:64px;flex:none;border-bottom:1px solid var(--border)}.rail-mark img{width:32px;height:32px;display:block}.shell-main{padding-left:var(--rail-w)}.shell.nav-hidden .shell-main{padding-left:0}}.screen-title{align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-5)}.screen-title h1{font-size:var(--fs-5)}.sheet-backdrop{display:flex;align-items:flex-end;justify-content:center}@media(min-width:960px){.sheet-dialog{position:relative;inset:auto;margin:auto;width:min(560px,calc(100vw - var(--sp-7)));max-height:min(80vh,720px);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-5)}.sheet-backdrop{align-items:center}.sheet-dialog .sheet-grip{display:none}}.sheet-head{margin-bottom:var(--sp-4)}.sheet-title{font-size:var(--fs-4)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:var(--r-pill);color:var(--ink-muted);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.ruby-line{overflow-wrap:normal;line-height:var(--lh-jp)}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--vvh);padding:var(--sp-6) var(--gutter);gap:var(--sp-5)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.auth-brand img{width:72px;height:72px;display:block}.auth-brand h1{font-size:var(--fs-6)}.auth-card{width:100%;max-width:420px}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field>label{font-size:var(--fs-2);font-weight:600;color:var(--ink-muted)}.input{width:100%;min-height:48px;padding:0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-sunk);color:var(--ink);font-size:var(--fs-3);transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.input:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-halo);outline:none}.input.is-bad{border-color:var(--again)}.field-error{font-size:var(--fs-2);color:var(--again)}.form-error{font-size:var(--fs-2);color:var(--again);background:var(--again-soft);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.spinner{width:18px;height:18px;border-radius:var(--r-pill);border:2px solid currentColor;border-top-color:transparent;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.placeholder{color:var(--ink-muted)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);min-height:var(--vvh);padding:var(--sp-6) var(--gutter);text-align:center;color:var(--ink-muted)}.splash img{width:56px;height:56px;opacity:.9}.set-card{padding:var(--sp-4) var(--sp-5) var(--sp-3);margin-bottom:var(--sp-4)}.set-card h3{margin-bottom:var(--sp-1)}.set-rows>*+*{border-top:1px solid var(--border)}.set-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2) var(--sp-4);min-height:56px;padding:var(--sp-2) 0}.set-label{display:flex;flex-direction:column;gap:2px;min-width:0}.set-sub{line-height:var(--lh-tight)}.set-control{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto;max-width:100%}.set-blocked{max-width:36ch;text-align:right;line-height:var(--lh-tight)}.set-disclosure{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0}.set-error{margin-bottom:var(--sp-4)}.set-note{display:block;padding-top:var(--sp-2);line-height:var(--lh-tight)}.toggle{position:relative;flex:none;width:48px;height:44px}.toggle:before{content:"";position:absolute;top:8px;left:0;width:48px;height:28px;border-radius:var(--r-pill);background:var(--surface-sunk);border:1px solid var(--border);transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.toggle.is-on:before{background:var(--blossom-deep);border-color:transparent}.toggle-knob{position:absolute;top:12px;left:4px;width:20px;height:20px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.toggle.is-on .toggle-knob{transform:translate(20px);background:var(--on-blossom)}.stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2)}.stepper-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:var(--r-pill);color:var(--ink-muted);font-size:var(--fs-4);line-height:1;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.stepper-btn:hover:not(:disabled){background:var(--surface-sunk);color:var(--ink)}.stepper-value{min-width:3.5ch;text-align:center;font-weight:600}.segmented{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-2)}.segmented-item{min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--ink-muted);font-size:var(--fs-2);font-weight:600;white-space:nowrap;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.segmented-item:hover:not(.is-on){color:var(--ink)}.segmented-item.is-on{background:var(--blossom-deep);color:var(--on-blossom);box-shadow:var(--shadow-1),var(--glow-blossom)}.select{min-height:44px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-size:var(--fs-3)}.select:disabled{opacity:.5}.voice-list,.device-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.voice-row,.device-row{display:flex;align-items:center;gap:var(--sp-2);min-height:56px}.voice-row+.voice-row,.device-row+.device-row{border-top:1px solid var(--border)}.voice-pick{display:flex;flex:1 1 auto;align-items:center;gap:var(--sp-3);min-width:0;min-height:44px}.voice-pick[disabled]{cursor:default;opacity:.65}.voice-dot{flex:none;width:18px;height:18px;border-radius:var(--r-pill);border:2px solid var(--border-strong);transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.voice-row.is-on .voice-dot{border-color:var(--blossom-deep);background:var(--blossom-deep);box-shadow:inset 0 0 0 3px var(--surface)}.voice-name{font-weight:600}.voice-play{flex:none}.device-name{display:block}.device-row .tiny{display:block;line-height:var(--lh-tight)}.about-mark{width:44px;height:44px;margin-bottom:var(--sp-4);opacity:.95}.about-lede{max-width:62ch;line-height:var(--lh-body)}.about-section{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-6);max-width:62ch}.about-section h2{font-size:var(--fs-4)}.about-credits{display:flex;flex-direction:column;gap:var(--sp-2)}.about-credits li{line-height:var(--lh-body)}.about-facts{display:flex;flex-direction:column;gap:var(--sp-2)}.about-facts>div{display:flex;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.about-facts dt{color:var(--ink-muted);font-size:var(--fs-2)}.about-facts dd{margin:0;text-align:right}.about-claude{margin-top:var(--sp-2)}.pad{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%}.pad-well{position:relative;width:min(84vw,360px,calc(var(--vvh) - 29rem));min-width:7rem;max-width:100%;aspect-ratio:1;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(var(--surface-2),var(--surface-2)),var(--surface);box-shadow:var(--shadow-1);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}@media(min-width:720px){.pad-well{width:min(52vw,420px,calc(var(--vvh) - 22rem))}}.pad-svg{display:block;width:100%;height:100%;pointer-events:none}.pad-guides line,.pad-guides rect{fill:none;stroke:var(--ink-guide);stroke-width:.8;stroke-dasharray:3 3}.pad-ghost path{fill:none;stroke:var(--ink-ghost);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.pad-ghost.is-hint path{stroke:var(--ink-hint);stroke-dasharray:5 6;stroke-linecap:butt;stroke-width:5}.pad-done path{fill:none;stroke:var(--ink-stroke);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.pad-live{fill:none;stroke:var(--ink-stroke);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.pad-miss{fill:none;stroke:var(--ink-miss);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round;animation:pad-fade .65s var(--ease-out) forwards}@keyframes pad-fade{0%{opacity:.95}60%{opacity:.8}to{opacity:0}}.pad-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-jp);font-size:var(--fs-kanji);color:var(--ink-decor);pointer-events:none}.pad.is-miss .pad-well{border-color:var(--ink-miss)}.pad.is-shake .pad-well{animation:pad-shake .28s var(--ease-out)}@keyframes pad-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}@media(prefers-reduced-motion:reduce){.pad.is-shake .pad-well{animation:none}.pad-miss{animation:none;opacity:.9}}.pad.is-done .pad-well{border-color:var(--blossom-line)}.pad-status{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:40px;text-align:center}.pad-progress{color:var(--ink-muted)}.pad-reason{color:var(--ink-faint);opacity:0}.pad-reason.is-on{color:var(--ink-miss);opacity:1}.pad-reason.is-note{color:var(--ink-muted)}.pad-bar{justify-content:center}.session-write{height:var(--vvh)}.session-write .session-body{justify-content:safe center}.write-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;max-width:560px;margin-inline:auto;-webkit-user-select:none;user-select:none}.write-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:100%;text-align:center}.write-meanings{margin:0;font-size:var(--fs-5);line-height:var(--lh-tight)}.write-readings{display:flex;flex-direction:column;gap:2px;width:100%;max-width:420px}.write-reading-row{display:grid;grid-template-columns:3.2rem 1fr;align-items:baseline;gap:var(--sp-2);text-align:left}.write-reading-row .eyebrow{color:var(--ink-faint)}.write-reading-row .jp{font-family:var(--font-jp);line-height:var(--lh-jp)}.write-back{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;-webkit-user-select:text;user-select:text}.write-mnemonic{margin:0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--blossom-line);border-radius:var(--r-sm);background:linear-gradient(var(--blossom-soft),var(--blossom-soft)),var(--surface);color:var(--ink-muted);font-size:var(--fs-2);line-height:var(--lh-body);text-align:left}.write-tally{color:var(--ink-faint)}.write-choices{display:grid;gap:var(--sp-2)}.write-choice{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;min-height:3.75rem;padding:var(--sp-3) var(--sp-4);text-align:left}.write-choice-label{font-size:var(--fs-3);font-weight:600;line-height:var(--lh-tight)}.write-choice-sub{line-height:var(--lh-tight)}.kana-write{height:var(--vvh)}.kana-write .kana-body{min-height:0;overflow-y:auto;justify-content:safe center}.kana-write-counter{margin-right:auto}.kana-write-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;width:100%;overflow-y:auto;padding:var(--sp-3) 0}.kana-write-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;max-width:560px;margin-inline:auto;-webkit-user-select:none;user-select:none}.kana-write-prompt{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.kana-write-romaji{margin:0;font-size:var(--fs-7);line-height:1;color:var(--blossom-deep)}.kana-write-script{color:var(--ink-faint)}.kana-write .pad-well{width:min(84vw,360px,calc(var(--vvh) - 20rem))}@media(min-width:720px){.kana-write .pad-well{width:min(52vw,420px,calc(var(--vvh) - 17rem))}}@media(max-height:560px)and (min-width:600px){.kana-write-card{flex-direction:row;justify-content:center;gap:var(--sp-5);max-width:none}.kana-write .pad-well{width:min(60vw,300px,calc(var(--vvh) - 11rem))}}.practice{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%}.practice-head{width:100%}.practice-modes{justify-content:center}@media(max-height:820px){.session-write{gap:var(--sp-3)}.session-write .session-body{padding-block:0}.session-write .write-card{gap:var(--sp-2);padding:var(--sp-2)}.write-prompt{gap:var(--sp-1)}.write-meanings{font-size:var(--fs-4)}.pad-status{min-height:30px}}@media(max-height:560px){.pad-well{width:min(60vw,300px,calc(var(--vvh) - 17rem))}.pad-status{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);min-height:22px}.write-prompt{gap:2px}}@media(max-height:560px)and (min-width:600px){.write-card{flex-direction:row;align-items:center;justify-content:center;gap:var(--sp-4);max-width:none}.write-prompt{width:auto;max-width:22rem}.write-readings{max-width:none}.pad-well{width:min(40vw,300px,calc(var(--vvh) - 17rem))}}.chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;min-width:44px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-muted);font-size:var(--fs-2);font-weight:600;line-height:var(--lh-tight);white-space:nowrap;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.chip-btn:hover{border-color:var(--border-strong);color:var(--ink)}.chip-btn.is-on{background:linear-gradient(var(--blossom-soft),var(--blossom-soft)),var(--surface);border-color:var(--blossom-line);color:var(--blossom-deep)}.seg{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-sunk)}.seg-btn{min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);color:var(--ink-muted);font-size:var(--fs-2);font-weight:600;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.seg-btn.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.sub-head{font-family:var(--font-display);font-size:var(--fs-3);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tracking-display);color:var(--ink)}.state-dot{display:inline-block;width:9px;height:9px;flex:none;border-radius:var(--r-pill);background:transparent;box-shadow:inset 0 0 0 1.5px var(--border-strong)}.state-dot.is-learning{background:var(--lantern);box-shadow:none}.state-dot.is-review{background:var(--easy);box-shadow:none}.state-dot.is-known{background:var(--leaf);box-shadow:none}.library-controls{margin-bottom:var(--sp-4)}.search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--sp-4);width:18px;height:18px;color:var(--ink-faint);pointer-events:none}.search-input{border-radius:var(--r-pill);padding-left:calc(var(--sp-4) + 26px);padding-right:52px}.search-input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:2px}.filter-row{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5)}.filter-label{flex:none}.count-line{margin-top:var(--sp-1)}.empty-note{padding:var(--sp-6) 0;text-align:center}.item-list{display:block}.item-row-wrap+.item-row-wrap{border-top:1px solid var(--border)}.item-row{display:grid;grid-template-columns:minmax(84px,30%) 1fr auto;align-items:center;gap:var(--sp-3);width:100%;min-height:64px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);transition:background var(--dur-1) var(--ease-out)}.item-row:hover{background:var(--surface-2)}.item-form{display:flex;flex-direction:column;gap:2px;min-width:0}.item-text{font-size:var(--fs-4);line-height:var(--lh-tight);overflow-wrap:anywhere}.item-form.is-kanji .item-text{font-size:var(--fs-6);line-height:1.1}.item-reading{line-height:var(--lh-tight)}.item-mid{display:flex;flex-direction:column;gap:2px;min-width:0}.item-meaning{font-size:var(--fs-3);line-height:var(--lh-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-readings{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-due{display:none}.item-marks{display:flex;align-items:center;gap:var(--sp-2)}.item-level{flex:none}.more-wrap{padding:var(--sp-5) 0 var(--sp-4)}@media(min-width:960px){.item-row{grid-template-columns:minmax(140px,22%) 1fr 130px auto}.item-due{display:block;text-align:right}}.item-page-card{margin-top:var(--sp-2)}.item-head{align-items:flex-start;gap:var(--sp-3)}.item-reading-lg{font-size:var(--fs-4)}.lib-meanings{font-size:var(--fs-4);line-height:var(--lh-tight)}.lib-meanings li{display:inline}.lib-meanings li+li:before{content:" · ";color:var(--ink-decor)}.k-readings{display:flex;flex-direction:column;gap:var(--sp-2)}.k-reading-row{display:flex;align-items:baseline;gap:var(--sp-3)}.k-reading-row dt{flex:none;width:34px}.k-reading-row dd{margin:0;font-size:var(--fs-3);overflow-wrap:anywhere}.lib-mnemonic{padding:var(--sp-4);border-radius:var(--r-md);background:var(--lantern-soft);color:var(--ink);font-size:var(--fs-3);line-height:var(--lh-body)}.lib-sentence{display:flex;flex-direction:column;gap:var(--sp-1)}.lib-sentence-head{align-items:flex-start;gap:var(--sp-2)}.lib-sentence-ja{font-size:var(--fs-3);line-height:var(--lh-jp)}.speak-btn svg{width:16px;height:16px}.item-head-actions{flex:0 0 auto;flex-wrap:nowrap}@media(max-width:420px){.item-head-actions .play-all>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.item-head-actions .play-all{padding-inline:var(--sp-2)}}.item-actions,.card-state{gap:var(--sp-2)}.back-link{align-self:flex-start}.history-row{gap:3px;flex-wrap:wrap}.history-dot{width:8px;height:8px;border-radius:2px;background:var(--border-strong)}.history-dot.h-again{background:var(--again)}.history-dot.h-hard{background:var(--hard)}.history-dot.h-good{background:var(--good)}.history-dot.h-easy{background:var(--easy)}.kanji-chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.kanji-chip:hover:not(:disabled){background:var(--blossom-soft);border-color:var(--blossom-line)}.kanji-chip-char{font-family:var(--font-jp);font-size:var(--fs-5);line-height:1.1}.kanji-chip-gloss{font-size:var(--fs-2);color:var(--ink-muted)}.related-list{display:flex;flex-direction:column}.related-list li+li{border-top:1px solid var(--border)}.related-row{display:flex;align-items:baseline;gap:var(--sp-3);width:100%;min-height:48px;padding:var(--sp-2) var(--sp-2);border-radius:var(--r-sm);transition:background var(--dur-1) var(--ease-out)}.related-row:hover:not(:disabled){background:var(--surface-2)}.related-text{font-size:var(--fs-4);flex:none}.related-reading{flex:none}.related-gloss{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.strokes{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center}.strokes-well{position:relative;display:block;width:100%;max-width:260px;aspect-ratio:1;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-sunk);overflow:hidden}.strokes-grid{position:absolute;top:0;right:0;bottom:0;left:0}.strokes-grid:before,.strokes-grid:after{content:"";position:absolute;border-color:var(--border)}.strokes-grid:before{left:50%;top:6%;bottom:6%;border-left:1px dashed var(--border)}.strokes-grid:after{top:50%;left:6%;right:6%;border-top:1px dashed var(--border)}.strokes-svg{position:absolute;top:8%;right:8%;bottom:8%;left:8%;display:block}.strokes-svg[hidden]{display:none}.strokes-svg .kvg{width:100%;height:100%;overflow:visible}.kvg-ghost,.kvg-live{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.kvg-ghost{stroke:var(--stroke-kanji-ghost)}.kvg-live{stroke:var(--stroke-kanji)}.kvg-live path{stroke:var(--stroke-kanji);transition:stroke var(--dur-1) var(--ease-out)}.kvg-live path.is-current{stroke:var(--blossom-deep)}.kvg-numbers{display:none;fill:var(--ink-decor);stroke:none;font-family:var(--font-ui);font-size:8px}.strokes-svg.show-numbers .kvg-numbers{display:block}.strokes-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-kanji);line-height:1;color:var(--ink)}.strokes-bar{width:100%;max-width:260px;gap:var(--sp-2)}.btn.is-on{--btn-bg: var(--blossom-soft);--btn-fg: var(--blossom-deep);--btn-line: var(--blossom-line)}.quiz-levels{margin-bottom:var(--sp-4)}.quiz-dots{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-4)}.quiz-dot{width:9px;height:9px;border-radius:var(--r-pill);background:transparent;box-shadow:inset 0 0 0 1.5px var(--border-strong);transition:background var(--dur-1) var(--ease-out)}.quiz-dot.is-current{box-shadow:inset 0 0 0 2px var(--blossom-deep)}.quiz-dot.is-right{background:var(--good);box-shadow:none}.quiz-dot.is-wrong{background:var(--again);box-shadow:none}.quiz-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center;margin-bottom:var(--sp-5)}.quiz-word{overflow-wrap:anywhere}.quiz-reading{font-size:var(--fs-4)}.quiz-choices{display:flex;flex-direction:column;gap:var(--sp-2)}.quiz-choice{min-height:56px;justify-content:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);text-align:left;white-space:normal;line-height:var(--lh-tight);font-weight:500}.quiz-key,.kana-key{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:var(--r-sm);background:var(--surface-sunk);color:var(--ink-faint);font-size:var(--fs-1);font-weight:600}.quiz-choice.is-right,.kana-choice.is-right{--btn-bg: var(--good);--btn-fg: var(--on-grade);--btn-line: transparent}.quiz-choice.is-wrong,.kana-choice.is-wrong{--btn-bg: var(--again);--btn-fg: var(--on-grade);--btn-line: transparent}.quiz-choice.is-answer,.kana-choice.is-answer{background:linear-gradient(var(--good-soft),var(--good-soft)),var(--surface);--btn-fg: var(--good);--btn-line: var(--good)}.quiz-choice:disabled,.kana-choice:disabled{opacity:1}.quiz-choice.is-right .quiz-key,.quiz-choice.is-wrong .quiz-key{background:transparent;color:currentColor}.quiz-hint{margin-top:var(--sp-4);text-align:center}.quiz-end{align-items:center;text-align:center;margin-top:var(--sp-4)}.quiz-score,.kana-score{font-size:var(--fs-7);line-height:1;color:var(--blossom-deep)}.quiz-score-of,.kana-score-of{font-size:var(--fs-5);color:var(--ink-muted)}.kana-head{gap:var(--sp-3)}.kana-title{font-size:var(--fs-5)}.kana-clock,.kana-title{margin-right:auto}.kana-streak{font-size:var(--fs-4);font-weight:600;color:var(--lantern-deep);text-shadow:var(--glow-lantern)}.kana-bar{height:4px;width:100%;margin-top:var(--sp-2);border-radius:var(--r-pill);background:var(--ring-track);overflow:hidden}.kana-bar-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--blossom-deep);transition:width var(--dur-2) var(--ease-out)}.kana-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);width:100%;padding:var(--sp-5) 0}.kana-setup,.kana-end{width:100%;max-width:560px}.row-chip{padding:0 var(--sp-2) 0 var(--sp-1)}.row-chip-kana{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);background:var(--surface-sunk);font-size:var(--fs-3);line-height:1}.row-chip.is-on .row-chip-kana{background:var(--surface)}.kana-prompt{font-size:var(--fs-kanji);line-height:1;font-weight:600;text-align:center;animation:rise var(--dur-2) var(--ease-out)}.kana-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);width:100%;max-width:420px}.kana-choice{min-height:64px;gap:var(--sp-2);font-size:var(--fs-4)}.kana-hint{width:100%}.kana-stats{justify-content:center}.kana-end{text-align:center}.kana-end .cluster{justify-content:center}.kana-end .stack-sm{text-align:left}.miss-list{display:flex;flex-direction:column}.miss-list li+li{border-top:1px solid var(--border)}.miss-row{display:flex;align-items:baseline;gap:var(--sp-3);min-height:40px;padding:var(--sp-1) 0}.miss-kana{font-size:var(--fs-5);line-height:1.2;min-width:44px}.miss-right{font-weight:600;color:var(--good)}.miss-typed{margin-left:auto;text-align:right}.kana-write-romaji-cell{font-weight:600;color:var(--ink-muted)}.kana-write-verdict{margin-left:auto;text-align:right}.kana-write-verdict.is-gaveup{color:var(--ink-miss)}.kana-write-verdict.is-hinted{color:var(--ink-hint)}@media(min-width:960px){.kana-choices{max-width:520px}.kana-choice{min-height:72px}}.petal-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-petals);width:100%;height:100%;pointer-events:none;opacity:var(--petal-opacity)}@media(prefers-reduced-motion:reduce){.petal-canvas{transition-duration:.16s!important}}.home>*:not(.petal-canvas),.above-petals{position:relative;z-index:var(--z-content)}.home-greet{margin-bottom:var(--sp-5)}.home-hello{font-size:var(--fs-7);letter-spacing:var(--tracking-display)}.home-greet .sub{display:block;margin-top:var(--sp-1)}.tree{position:relative;width:100%;aspect-ratio:4 / 3;max-height:48vh;overflow:hidden;border-radius:var(--r-lg)}.tree-svg{position:absolute;left:0;right:0;bottom:0}.tree-svg svg,.tree-fallback{display:block;width:100%;height:auto}.tree-fallback{position:absolute;left:0;right:0;bottom:0}@keyframes stage-in{0%{opacity:0;transform:scale(.94)}}.tree-svg g.stage-in{transform-box:fill-box;transform-origin:center;animation:stage-in var(--dur-4) var(--ease-out) both}.home-bloom{margin-top:var(--sp-3);text-align:center}.home-level{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-2)}.home-split{display:grid;gap:var(--sp-5)}.home-split>*{min-width:0}.home-side{display:flex;flex-direction:column;gap:var(--sp-4)}@media(min-width:960px){.home-split{grid-template-columns:6fr 4fr;align-items:start;gap:var(--sp-6)}.tree{max-height:460px}}.home-today{display:flex;align-items:center;gap:var(--sp-4)}.home-today-right{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.goal-ring{flex:none}.goal-ring-num{font-family:var(--font-display);font-size:var(--fs-5);font-weight:600;fill:var(--ink);dominant-baseline:middle}.goal-ring-den{font-size:var(--fs-1);fill:var(--ink-muted);dominant-baseline:middle}.goal-ring-fill{transition:stroke-dashoffset var(--dur-4) var(--ease-out)}.streak{display:flex;align-items:center;gap:var(--sp-2)}.streak-flame{width:22px;height:22px;flex:none;color:var(--lantern)}.streak-flame.is-lit{filter:drop-shadow(0 0 5px var(--lantern-soft))}.streak-text{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.streak-num{font-size:var(--fs-6);line-height:1;color:var(--lantern-deep)}.petal-calendar{display:block;height:auto;max-width:100%}.home-actions{display:flex;flex-direction:column}.home-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-3)}.home-tiles>:nth-child(5):last-child{grid-column:1 / -1}.home-tile{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;min-height:86px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);white-space:normal;text-align:left;font-weight:400}.home-tile svg{width:22px;height:22px;margin-bottom:var(--sp-1);color:var(--blossom-deep)}.home-tile-label{font-size:var(--fs-3);font-weight:600;line-height:var(--lh-tight)}.home-tile-sub{line-height:var(--lh-tight)}.home-sweep{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5);background:linear-gradient(var(--blossom-soft),var(--blossom-soft)),var(--surface);border-color:var(--blossom-line);box-shadow:none}.home-sweep h2{font-size:var(--fs-4)}.home-sweep.is-quiet{gap:0;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-1)}.linkish{color:var(--blossom-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--blossom-hover)}@media(max-width:400px){.home-hello{font-size:var(--fs-6)}.home-today{gap:var(--sp-3)}}.session{gap:var(--sp-4);max-width:var(--wide-max);margin:0 auto;width:100%}.session-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);flex:none}.session-head-title{display:flex;align-items:baseline;gap:var(--sp-1);min-width:0;overflow:hidden}.session-head-title h1{font-size:var(--fs-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-head-title .sub{white-space:nowrap}.session-head-bar{order:3;flex:1 1 100%;display:flex;align-items:center;gap:var(--sp-3);min-width:0}.session-head-end{display:flex;align-items:center;gap:var(--sp-2);flex:none;margin-left:auto}@media(min-width:600px){.session-head{flex-wrap:nowrap}.session-head-title h1{font-size:var(--fs-4)}.session-head-bar{order:0;flex:1 1 auto}.session-head-end{margin-left:0}}.session-progress{flex:1 1 auto;min-width:40px;height:3px;border-radius:var(--r-pill);background:var(--ring-track);overflow:hidden}.session-progress-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--blossom-deep);transition:width var(--dur-3) var(--ease-out)}.chip.tier{text-transform:lowercase}.tier-learn{background:linear-gradient(var(--lantern-soft),var(--lantern-soft)),var(--surface);color:var(--lantern-deep)}.tier-review{background:linear-gradient(var(--easy-soft),var(--easy-soft)),var(--surface);color:var(--easy)}.tier-new{background:linear-gradient(var(--good-soft),var(--good-soft)),var(--surface);color:var(--good)}.session-error{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex:none;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:linear-gradient(var(--again-soft),var(--again-soft)),var(--surface);color:var(--again);font-size:var(--fs-2)}.session-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp-2) 0}.session-foot{flex:none;width:100%;max-width:560px;margin:0 auto}@media(min-width:960px){.session{gap:var(--sp-5)}.session-foot{max-width:620px}}.flip{width:100%;max-width:560px;margin:0 auto;perspective:1200px;cursor:pointer}.flip.is-revealed{cursor:default}.flip-inner{display:grid;transform-style:preserve-3d;transition:transform var(--dur-3) var(--ease-in-out)}.flip.is-revealed .flip-inner{transform:rotateY(180deg)}.flip-face{grid-area:1 / 1;display:flex;flex-direction:column;min-height:calc(var(--vvh) * .46);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back-face{transform:rotateY(180deg)}@media(min-width:960px){.flip{max-width:620px}.flip-face{min-height:380px}}.card-face{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.card-front{align-items:center;justify-content:center;text-align:center;gap:var(--sp-5)}.card-front-main{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.center-chips{justify-content:center}.kanji-face{font-family:var(--font-jp);font-size:var(--fs-kanji);line-height:1.05;font-weight:600}.kanji-face-sm{font-family:var(--font-jp);font-size:var(--fs-face-sm);line-height:1.1;font-weight:600}.card-back{text-align:center;align-items:center}.card-back-scroll{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:100%;flex:1 1 auto;justify-content:center}.card-back .reading{font-size:var(--fs-4);color:var(--ink-muted)}.card-back .meanings{font-size:var(--fs-4);line-height:var(--lh-tight)}.reading-rows{display:flex;flex-direction:column;gap:var(--sp-1);width:100%}.reading-row{display:flex;align-items:baseline;justify-content:center;gap:var(--sp-3)}.reading-row .eyebrow{min-width:28px;text-align:right}.sentence{width:100%}.sentence-ja{font-size:var(--fs-3)}.sentence-en{margin-top:var(--sp-1)}.card-back .divider{width:100%}.word-chips{justify-content:center}.card-actions{justify-content:center;flex:none;padding-top:var(--sp-1)}.chip-action{min-height:44px;padding:0 var(--sp-3);border:1px solid transparent;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.chip-action:hover,.chip-action.is-on{background:var(--blossom-soft);color:var(--blossom-deep)}.chip-kanji{font-size:var(--fs-3);min-height:44px;padding:0 var(--sp-3);gap:var(--sp-2);background:var(--surface-2);color:var(--ink)}.chip-kanji:hover{background:var(--blossom-soft);color:var(--blossom-deep)}.chip-reading{font-size:var(--fs-1);color:var(--ink-faint);font-weight:400}.history-dots{display:flex;gap:4px;justify-content:center;flex:none;padding-top:var(--sp-2)}.dot{width:6px;height:6px;border-radius:var(--r-pill);background:var(--border-strong)}.dot-again{background:var(--again)}.dot-hard{background:var(--hard)}.dot-good{background:var(--good)}.dot-easy{background:var(--easy)}@keyframes card-exit-left{to{transform:translate(-38%) rotate(-5deg);opacity:0}}@keyframes card-exit-right{to{transform:translate(38%) rotate(5deg);opacity:0}}.is-exit-left{animation:card-exit-left var(--dur-2) var(--ease-out) forwards;pointer-events:none}.is-exit-right{animation:card-exit-right var(--dur-2) var(--ease-out) forwards;pointer-events:none}.typed-card{width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);min-height:calc(var(--vvh) * .46);text-align:center}.typed-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);min-height:116px;justify-content:center}.prompt-meaning{font-size:var(--fs-5);line-height:var(--lh-tight)}.typed-prompt .face{font-size:var(--fs-face-sm)}.typed-prompt .kanji-face{font-size:clamp(72px,22vw,120px)}.typed-wrap{display:flex;flex-direction:column;gap:var(--sp-2);width:100%}.typed-input{min-height:56px;border-radius:var(--r-md);text-align:center;font-size:var(--fs-5);font-family:var(--font-jp)}.typed-input.is-good{background:var(--good-soft);border-color:var(--good);color:var(--ink)}.typed-input.is-bad{background:var(--again-soft);border-color:var(--again);color:var(--ink)}.typed-result{display:flex;flex-direction:column;gap:2px}.typed-verdict.is-good{color:var(--good);font-weight:600}.typed-typed{color:var(--ink-faint);text-decoration:line-through;font-size:var(--fs-3)}.typed-expected{color:var(--good);font-size:var(--fs-4);font-weight:600}.typed-typed .diff{color:var(--again);text-decoration:line-through}.typed-expected .diff{background:var(--good-soft);border-radius:var(--r-sm);padding:0 3px}.typed-hint{min-height:34px;display:flex;justify-content:center;align-items:center}.typed-card .card-back{padding:0}.typed-card .card-back-scroll{justify-content:flex-start}@media(min-width:960px){.typed-card{max-width:620px;min-height:380px}}.recap{position:relative;overflow:hidden;width:100%;max-width:460px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}.recap-count{font-size:var(--fs-7);line-height:1;color:var(--blossom-deep)}.recap-line{font-size:var(--fs-5);line-height:var(--lh-tight)}.recap-stats{width:100%;display:flex;flex-direction:column;gap:var(--sp-2);margin:0}.recap-stats li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);font-size:var(--fs-2)}.recap-stats li:last-child{border-bottom:0;padding-bottom:0}.goal-met{color:var(--lantern-deep)}.recap-actions{display:flex;gap:var(--sp-2);width:100%;margin-top:var(--sp-2)}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.burst-petal{position:absolute;left:50%;top:14%;width:11px;height:15px;border-radius:62% 62% 52% 52%/74% 74% 38% 38%;opacity:0;animation:burst 2.4s var(--ease-out) forwards;animation-delay:calc(var(--i) * 80ms)}.burst-0{background:var(--petal-a)}.burst-1{background:var(--petal-b)}.burst-2{background:var(--petal-c)}@keyframes burst{0%{opacity:0;transform:translate(-50%) scale(.6) rotate(0)}10%{opacity:var(--petal-opacity)}to{opacity:0;transform:translate(calc(-50% + (var(--i) - 3.5) * 30px),260px) scale(1) rotate(260deg)}}@media(max-height:560px){.session{gap:var(--sp-2)}.session-body{padding-block:0}.flip-face,.typed-card,.sweep-card,.typed-prompt{min-height:0}}.sweep-card{width:100%;max-width:460px;margin:0 auto;min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.sweep-card:active{cursor:grabbing}.sweep-kind{position:absolute;top:var(--sp-4);left:var(--sp-4)}.sweep-reading{font-size:var(--fs-4)}.sweep-meaning{font-size:var(--fs-4);line-height:var(--lh-tight)}@keyframes sweep-fly-left{to{transform:translate(-120%) rotate(-10deg);opacity:0}}@keyframes sweep-fly-right{to{transform:translate(120%) rotate(10deg);opacity:0}}.sweep-card.is-fly-left{animation:sweep-fly-left var(--dur-2) var(--ease-out) forwards}.sweep-card.is-fly-right{animation:sweep-fly-right var(--dur-2) var(--ease-out) forwards}.sweep-actions{display:flex;gap:var(--sp-2);width:100%}.sweep .session-foot{display:flex;flex-direction:column;gap:var(--sp-2)}.bloom-bar{width:100%;height:10px;border-radius:var(--r-pill);background:var(--ring-track);overflow:hidden}.bloom-fill{display:block;height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--blossom) 0%,var(--blossom-deep) 100%);box-shadow:var(--glow-blossom);transition:width var(--dur-4) var(--ease-out)}.sweep-done{max-width:460px}.peek-head{display:flex;gap:var(--sp-4);align-items:flex-start}.kanji-well{flex:none;display:flex;align-items:center;justify-content:center;width:128px;height:128px;border-radius:var(--r-md);background:var(--surface-sunk);border:1px solid var(--border)}.kanji-well img{width:110px;height:110px}.mnemonic{background:var(--lantern-soft);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-2);line-height:var(--lh-body)}.peek .face-sm{text-align:left}@media(prefers-reduced-motion:reduce){.is-exit-left,.is-exit-right,.sweep-card.is-fly-left,.sweep-card.is-fly-right{opacity:0}.burst{display:none}}.scan-frame{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--gutter);border:2px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--surface-2);text-align:center;transition:border-color var(--dur-1) var(--ease-out)}.scan-frame.is-dragging{border-color:var(--blossom-deep);background:var(--blossom-soft)}.scan-frame.is-disabled{border-color:var(--border)}.scan-frame.is-disabled .scan-glyph,.scan-frame.is-disabled .scan-guide{opacity:.7}.scan-glyph{width:44px;height:44px;color:var(--blossom-deep)}.scan-guide{font-family:var(--font-display);font-size:var(--fs-4);line-height:var(--lh-display)}.scan-actions{justify-content:center}.scan-drop-hint{display:none}@media(min-width:960px){.scan-frame{padding:var(--sp-7) var(--sp-6);gap:var(--sp-4)}.scan-drop-hint{display:block}}.scan-preview-wrap{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--surface-sunk);border:1px solid var(--border)}.scan-preview{width:100%;max-height:60vh;object-fit:contain;transition:opacity var(--dur-2) var(--ease-out)}.scan-preview-wrap.is-reading .scan-preview{opacity:.45}.scan-reading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--ink);font-family:var(--font-display);font-size:var(--fs-4)}.scan-reading .spinner{color:var(--blossom-deep)}.scan-failure{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-md);background:var(--again-soft);color:var(--ink)}.scan-failure.is-calm{background:var(--surface-2)}.scan-failure-actions{margin-top:var(--sp-1)}.scan-result{gap:var(--sp-4);max-width:var(--page-max);margin:0 auto;width:100%}.scan-result-head{align-items:flex-start;gap:var(--sp-3)}.scan-result-head>.row{align-items:center;min-width:0}.scan-thumb{width:72px;height:72px;flex:none;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border)}.scan-result-title{font-size:var(--fs-4)}.scan-result-title .sub{white-space:nowrap}.scan-lines{overflow-y:auto;padding:var(--sp-4) 0}.scan-line{font-size:var(--fs-4);line-height:var(--lh-jp);margin-bottom:var(--sp-3)}.scan-line:last-child{margin-bottom:0}.scan-empty{padding:var(--sp-5) 0}.scan-token{display:inline-block;vertical-align:baseline;padding:0 2px;border-radius:var(--r-sm);color:var(--ink)}.scan-token.is-word{position:relative;background:var(--blossom-soft);padding:4px 6px;margin:0 3px 3px 0}.scan-token.is-word:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.scan-token.is-word:hover{background:var(--blossom-line)}.scan-token.is-deck{background:var(--leaf-soft);color:var(--leaf)}.scan-token.is-deck:hover{background:var(--leaf-soft)}.scan-token.is-deck rt{color:var(--leaf)}.scan-token-tick{width:11px;height:11px;display:inline-block;margin-left:2px;vertical-align:.1em;color:var(--leaf)}.scan-result-actions{justify-content:flex-end;padding-top:var(--sp-2);border-top:1px solid var(--border)}@media(min-width:960px){.scan-line{font-size:var(--fs-5)}.scan-thumb{width:96px;height:96px}.scan-result-title{font-size:var(--fs-5)}}.scan-sheet-head{gap:var(--sp-1)}.scan-sheet-reading,.scan-sheet-gloss{font-size:var(--fs-4)}.scan-deck-entry{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--leaf-soft)}.scan-deck-entry .strong{color:var(--leaf)}.scan-sheet-actions{margin-top:var(--sp-2)}.scan-toast-area{position:fixed;z-index:var(--z-toast);left:0;right:0;bottom:calc(var(--nav-h) + var(--sp-4) + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;padding:0 var(--gutter)}.scan-toast{max-width:34rem;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-3),var(--glow-blossom);color:var(--ink);font-size:var(--fs-2);font-weight:600;text-align:center;animation:rise var(--dur-2) var(--ease-out)}@media(min-width:960px){.scan-toast-area{bottom:calc(var(--sp-5) + env(safe-area-inset-bottom))}}