.toast--update[data-v-f2657f4c]{align-items:center;gap:var(--sp-2);padding-right:var(--sp-1);display:flex}.toast--update .btn[data-v-f2657f4c]{color:var(--c-paper);background:color-mix(in srgb, var(--c-paper) 18%, transparent)}.toast--update .icon-btn[data-v-f2657f4c]{width:36px;height:36px;color:var(--c-paper)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-paper:#faf7f2;--c-surface:#fff;--c-surface-2:#f2eee6;--c-line:#e3ddd2;--c-ink:#1f1c18;--c-ink-2:#5a544b;--c-ink-3:#7a7368;--c-primary:#2b4c7e;--c-primary-ink:#fff;--c-primary-soft:#e7edf6;--c-shu:#c8432b;--c-shu-soft:#fbe9e4;--c-ok:#2e7a53;--c-ok-soft:#e4f1e9;--c-warn:#a86c12;--c-warn-soft:#fbf0db;--c-easy:#2f6dae;--c-grid:#ebc3ba;--c-again:var(--c-shu);--c-hard:var(--c-warn);--c-good:var(--c-ok);--font-ui:-apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-ja:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;--font-ja-display:"Klee One", "Hiragino Mincho ProN", "Yu Mincho", serif;--fs-caption:.75rem;--fs-small:.8125rem;--fs-body:.9375rem;--fs-callout:1.0625rem;--fs-title:1.25rem;--fs-title-lg:1.625rem;--fs-word:2.5rem;--fs-kana:6rem;--fs-kana-xl:10rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:999px;--shadow-float:0 8px 28px #1f1c1824, 0 1px 3px #1f1c1814;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2, .7, .2, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:56px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-paper:#151412;--c-surface:#1e1c19;--c-surface-2:#27241f;--c-line:#36322b;--c-ink:#ede8df;--c-ink-2:#b8b1a5;--c-ink-3:#8c8579;--c-primary:#8fb0e3;--c-primary-ink:#0f1f38;--c-primary-soft:#1f2b3e;--c-shu:#f08470;--c-shu-soft:#3b221c;--c-ok:#6cc495;--c-ok-soft:#1b3127;--c-warn:#e5b567;--c-warn-soft:#352a17;--c-easy:#7fb3ea;--c-grid:#5c3b35;--shadow-float:0 8px 28px #00000080}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-paper:#151412;--c-surface:#1e1c19;--c-surface-2:#27241f;--c-line:#36322b;--c-ink:#ede8df;--c-ink-2:#b8b1a5;--c-ink-3:#8c8579;--c-primary:#8fb0e3;--c-primary-ink:#0f1f38;--c-primary-soft:#1f2b3e;--c-shu:#f08470;--c-shu-soft:#3b221c;--c-ok:#6cc495;--c-ok-soft:#1b3127;--c-warn:#e5b567;--c-warn-soft:#352a17;--c-easy:#7fb3ea;--c-grid:#5c3b35;--shadow-float:0 8px 28px #00000080}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--c-paper);color:var(--c-ink);font-family:var(--font-ui);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.47}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-primary);text-decoration:none}h1,h2,h3,p{margin:0}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}svg.i.sm{width:18px;height:18px}svg.i.lg{width:28px;height:28px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--c-ink-2)}.faint{color:var(--c-ink-3)}.small{font-size:var(--fs-small)}.caption{font-size:var(--fs-caption)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[lang=ja]{font-family:var(--font-ja)}.ja-display{font-family:var(--font-ja-display);font-weight:400}ruby rt{color:var(--c-ink-2);font-size:.5em;font-family:var(--font-ja)}.target{color:var(--c-primary);text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.app{background:var(--c-paper);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app.has-tabbar{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.topbar{z-index:10;align-items:center;gap:var(--sp-2);min-height:52px;padding:calc(var(--safe-top) + var(--sp-2)) var(--sp-4) var(--sp-2);background:color-mix(in srgb, var(--c-paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.topbar__title{font-size:var(--fs-callout);text-align:center;flex:1;font-weight:600}.topbar__title--left{text-align:left;font-size:var(--fs-title-lg);font-weight:700}.topbar .spacer{flex:none;width:44px}.page{padding:var(--sp-2) var(--sp-4) var(--sp-8);gap:var(--sp-6);flex-direction:column;flex:1;display:flex}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);display:flex}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.section-title{font-size:var(--fs-small);color:var(--c-ink-2);padding:0 var(--sp-1);justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-callout);transition:transform var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--c-primary);color:var(--c-primary-ink)}.btn--secondary{background:var(--c-surface);border-color:var(--c-line);color:var(--c-ink)}.btn--ghost{color:var(--c-primary)}.btn--danger{color:var(--c-shu)}.btn--lg{border-radius:var(--r-md);min-height:52px}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-body);border-radius:var(--r-sm)}.btn--block{width:100%}.icon-btn{border-radius:var(--r-full);width:44px;height:44px;color:var(--c-ink-2);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-btn:active{background:var(--c-surface-2)}.icon-btn--filled{background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4)}.card--flush{padding:0;overflow:hidden}.card--tint{background:var(--c-primary-soft);border-color:#0000}.list{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;overflow:hidden}.list-row{align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-3) var(--sp-4);color:var(--c-ink);display:flex}.list-row+.list-row{border-top:1px solid var(--c-line)}a.list-row:active,button.list-row:active{background:var(--c-surface-2)}button.list-row{text-align:left;background:0 0;border:0;width:100%}.list-row__main{flex:1;min-width:0}.list-row__title{font-size:var(--fs-body)}.list-row__sub{font-size:var(--fs-small);color:var(--c-ink-3)}.list-row__value{color:var(--c-ink-2);font-size:var(--fs-body)}.list-row .chev{color:var(--c-ink-3)}.list-note{font-size:var(--fs-small);color:var(--c-ink-3);padding:var(--sp-2) var(--sp-4) 0}.segmented{background:var(--c-surface-2);border-radius:var(--r-full);gap:2px;padding:3px;display:flex}.segmented button{border-radius:var(--r-full);min-height:34px;color:var(--c-ink-2);font-size:var(--fs-body);background:0 0;border:0;flex:1;font-weight:500}.segmented button[aria-pressed=true]{background:var(--c-surface);color:var(--c-ink);font-weight:600;box-shadow:0 1px 3px #0000001a}.chips{gap:var(--sp-2);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.chip{align-items:center;gap:var(--sp-1);min-height:32px;padding:0 var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-ink-2);font-size:var(--fs-small);flex:none;display:inline-flex}.chip[aria-pressed=true]{background:var(--c-primary-soft);color:var(--c-primary);border-color:#0000;font-weight:600}.switch{flex:none;width:51px;height:31px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{border-radius:var(--r-full);background:var(--c-line);transition:background var(--dur-base) var(--ease);pointer-events:none;position:absolute;inset:0}.switch span:after{content:"";width:27px;height:27px;transition:transform var(--dur-base) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.switch input:checked+span{background:var(--c-ok)}.switch input:checked+span:after{transform:translate(20px)}.badge{min-height:22px;padding:0 var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-caption);background:var(--c-surface-2);color:var(--c-ink-2);align-items:center;gap:4px;font-weight:600;display:inline-flex}.badge--primary{background:var(--c-primary-soft);color:var(--c-primary)}.badge--ok{background:var(--c-ok-soft);color:var(--c-ok)}.badge--warn{background:var(--c-warn-soft);color:var(--c-warn)}.badge--shu{background:var(--c-shu-soft);color:var(--c-shu)}.progress{border-radius:var(--r-full);background:var(--c-surface-2);height:6px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--c-primary);height:100%;display:block}.progress--ok>span{background:var(--c-ok)}.ring{--p:60;--size:120px;--stroke:10px;width:var(--size);height:var(--size);background:conic-gradient(var(--c-primary) calc(var(--p) * 1%), var(--c-surface-2) 0);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ring:before{content:"";inset:var(--stroke);background:var(--c-surface);border-radius:50%;position:absolute}.ring>*{text-align:center;position:relative}.banner{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-primary-soft);color:var(--c-ink);font-size:var(--fs-small);display:flex}.banner svg{color:var(--c-primary);margin-top:1px}.banner--warn{background:var(--c-warn-soft)}.banner--warn svg{color:var(--c-warn)}.banner--shu{background:var(--c-shu-soft)}.banner--shu svg{color:var(--c-shu)}.banner strong{font-size:var(--fs-body);display:block}.tabbar{z-index:20;width:100%;max-width:480px;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--c-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--c-line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{color:var(--c-ink-3);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10.5px;font-weight:500;display:flex}.tabbar a[aria-current=page]{color:var(--c-primary)}.tabbar .glyph{font-family:var(--font-ja-display);height:22px;font-size:21px;font-weight:600;line-height:22px}.session{flex-direction:column;min-height:100dvh;display:flex}.session-top{align-items:center;gap:var(--sp-3);padding:calc(var(--safe-top) + var(--sp-2)) var(--sp-2) var(--sp-2);display:flex}.session-top .progress{flex:1}.session-top .count{text-align:right;min-width:52px;padding-right:var(--sp-2);font-size:var(--fs-small);color:var(--c-ink-2)}.session-body{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-4);text-align:center;flex-direction:column;flex:1;display:flex}.session-foot{padding:var(--sp-3) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));gap:var(--sp-3);flex-direction:column;display:flex}.prompt-label{font-size:var(--fs-small);color:var(--c-ink-3);letter-spacing:.04em}.prompt-kana{font-size:var(--fs-kana);line-height:1}.prompt-word{font-size:var(--fs-word);line-height:1.3}.choices{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.choice{min-height:56px;padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-callout);transition:border-color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);font-weight:600;position:relative}.choice:active{background:var(--c-surface-2)}.choice.is-correct{border-color:var(--c-ok);background:var(--c-ok-soft);color:var(--c-ok)}.choice.is-wrong{border-color:var(--c-shu);background:var(--c-shu-soft);color:var(--c-shu)}.choice .mark{position:absolute;top:6px;right:8px}.rating{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.rating button{border-radius:var(--r-md);background:var(--c-surface-2);min-height:60px;font-size:var(--fs-body);border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;display:flex}.rating button small{font-size:var(--fs-caption);color:var(--c-ink-3);font-weight:500}.rating .again{color:var(--c-again)}.rating .hard{color:var(--c-hard)}.rating .good{color:var(--c-good)}.rating .easy{color:var(--c-easy)}.rating .is-suggested{background:var(--c-surface);border-color:currentColor}.rating-note{text-align:center;font-size:var(--fs-small);color:var(--c-ink-3)}.kana-table{gap:var(--sp-2);grid-template-columns:repeat(5,1fr);display:grid}.kana-cell{aspect-ratio:1;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.kana-cell .k{font-family:var(--font-ja-display);font-size:1.75rem;line-height:1.1}.kana-cell .r{font-size:var(--fs-caption);color:var(--c-ink-3)}.kana-cell.is-empty{background:0 0;border:0}.kana-cell.is-new{background:var(--c-paper);color:var(--c-ink-2);border-style:dashed}.kana-cell.is-mastered{background:var(--c-ok-soft);border-color:#0000}.kana-cell.is-known{background:var(--c-surface-2);color:var(--c-ink-3);border-color:#0000}.kana-cell .dot{background:var(--c-shu);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.kana-cell.is-selected{border:2px solid var(--c-primary);background:var(--c-primary-soft)}.kana-cell .check{background:var(--c-primary);width:15px;height:15px;color:var(--c-primary-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.kana-cell .check svg{stroke-width:3.5px;width:10px;height:10px}.row-label{font-size:var(--fs-small);color:var(--c-ink-3);font-family:var(--font-ja)}.legend{gap:var(--sp-3);font-size:var(--fs-caption);color:var(--c-ink-2);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:1px solid var(--c-line);border-radius:3px;width:12px;height:12px;display:inline-block}.writing-box{aspect-ratio:1;border:1.5px solid var(--c-line);border-radius:var(--r-md);background:linear-gradient(var(--c-surface), var(--c-surface));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100% - 16px,400px);margin:0 auto;position:relative;overflow:hidden}.writing-box:before,.writing-box:after{content:"";pointer-events:none;position:absolute}.writing-box:before{border-left:1px dashed var(--c-grid);top:0;bottom:0;left:50%}.writing-box:after{border-top:1px dashed var(--c-grid);top:50%;left:0;right:0}.writing-box canvas,.writing-box svg.layer{width:100%;height:100%;position:absolute;inset:0}.writing-box .ghost{font-family:var(--font-ja-display);color:var(--c-ink);opacity:.12;pointer-events:none;place-items:center;font-size:220px;line-height:1;display:grid;position:absolute;inset:0}.writing-box.is-wrong{animation:shake var(--dur-base) var(--ease)}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{justify-content:center;align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-4);border-radius:var(--r-full);font-size:var(--fs-body);font-weight:600;display:flex}.feedback--ok{background:var(--c-ok-soft);color:var(--c-ok)}.feedback--shu{background:var(--c-shu-soft);color:var(--c-shu)}.feedback--hint{background:var(--c-primary-soft);color:var(--c-primary)}.stroke-order path.s{fill:none;stroke:var(--c-ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.stroke-order path.s.is-drawing{stroke:var(--c-primary)}.stroke-order text{fill:var(--c-primary);font-size:6px;font-family:var(--font-ui);font-weight:700}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.stat{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-3)}.stat__value{font-size:var(--fs-title-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.stat__label{font-size:var(--fs-caption);color:var(--c-ink-3)}.bars{align-items:flex-end;gap:6px;height:96px;display:flex}.bars span{background:var(--c-primary);opacity:.85;border-radius:4px 4px 0 0;flex:1;min-height:2px}.bars span.is-today{background:var(--c-ok);opacity:1}.bars-labels{font-size:var(--fs-caption);color:var(--c-ink-3);gap:6px;display:flex}.bars-labels span{text-align:center;flex:1}.heat{grid-template-columns:repeat(15,1fr);gap:3px;display:grid}.heat i{aspect-ratio:1;background:var(--c-surface-2);border-radius:3px}.heat i.l1{background:color-mix(in srgb, var(--c-ok) 30%, var(--c-surface-2))}.heat i.l2{background:color-mix(in srgb, var(--c-ok) 60%, var(--c-surface-2))}.heat i.l3{background:var(--c-ok)}.sheet-backdrop{z-index:30;background:#00000052;position:fixed;inset:0}.sheet{z-index:31;width:100%;max-width:480px;padding:var(--sp-2) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));background:var(--c-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-float);gap:var(--sp-4);flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sheet__handle{border-radius:var(--r-full);background:var(--c-line);width:36px;height:5px;margin:0 auto var(--sp-2)}.toast{z-index:40;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-4));padding:var(--sp-3) var(--sp-4);border-radius:var(--r-full);background:var(--c-ink);color:var(--c-paper);font-size:var(--fs-small);box-shadow:var(--shadow-float);white-space:nowrap;position:fixed;transform:translate(-50%)}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field label{font-size:var(--fs-small);color:var(--c-ink-2);font-weight:500}.input{align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);display:flex}.input:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.input input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.input svg{color:var(--c-ink-3)}.stepper{align-items:center;gap:var(--sp-1);display:inline-flex}.stepper button{border-radius:var(--r-sm);border:1px solid var(--c-line);background:var(--c-surface);width:32px;height:32px;font-size:18px;line-height:1}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-weight:600}.divider{background:var(--c-line);border:0;height:1px;margin:0}.hero-illus{place-items:center;height:180px;display:grid}.steps{counter-reset:s;gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:s;gap:var(--sp-3);align-items:flex-start;display:flex}.steps li:before{content:counter(s);background:var(--c-primary-soft);width:26px;height:26px;color:var(--c-primary);font-size:var(--fs-small);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}