:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f3ec;--surface:#fff;--surface-2:#efeae0;--ink:#1d1b18;--ink-soft:#6b655c;--line:#e2dccf;--accent:#3446c9;--accent-ink:#fff;--accent-soft:#e4e8fb;--fire:#e8590c;--gold:#b8860b;--gold-soft:#fbf1d3;--again:#d6336c;--hard:#b7791f;--good:#2f9e44;--easy:#1c7ed6;--new:#1c7ed6;--learning:#d9480f;--review:#2f9e44;--danger:#c92a2a;--radius:16px;--shadow:0 1px 2px #0000000f, 0 6px 18px #0000000f;--tabbar:64px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-jp:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif CJK JP", "Noto Serif JP", serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161c;--surface:#1d2029;--surface-2:#262a35;--ink:#f1efe9;--ink-soft:#9aa0ad;--line:#313644;--accent:#8191ff;--accent-ink:#11131a;--accent-soft:#262c4f;--gold:#e0b43a;--gold-soft:#3a3220;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.45}h1,h2,h3{margin:0 0 8px;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{margin-top:12px;font-size:1rem}p{margin:0 0 8px}a{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.center{text-align:center;justify-content:center}.error{color:var(--danger);font-weight:600}.warning{background:var(--gold-soft);border-radius:10px;padding:8px 10px;font-size:.9rem}.app{max-width:560px;min-height:100dvh;margin:0 auto}.screen{padding:calc(12px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.app.with-tabs .screen{padding-bottom:calc(var(--tabbar) + 24px + env(safe-area-inset-bottom))}.screen-title{margin:4px 0 0}.screen-header{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.screen-header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.15rem;overflow:hidden}.screen-header-right{text-align:right;min-width:44px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.row-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.stack{flex-direction:column;gap:18px;display:flex}.empty{text-align:center;color:var(--ink-soft);padding:32px 0}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-weight:600;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45}.btn-lg{border-radius:14px;min-height:54px;font-size:1.05rem}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:var(--accent-soft);color:var(--accent)}.btn-ghost{color:var(--ink-soft);background:0 0}.btn-ghost.danger{color:var(--danger)}.btn-danger{background:var(--danger);color:#fff}.btn-gold{background:var(--gold);color:#fff;width:100%;margin-top:8px}.icon-btn{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:inline-grid}.icon-btn:disabled{opacity:.3}.link-btn{color:var(--accent);background:0 0;border:0;align-self:flex-start;padding:4px 0;font-weight:600}.belt{vertical-align:middle;border-radius:3px;flex:none;width:44px;height:10px;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.belt-knot{border-radius:3px;width:10px;height:16px;position:absolute;top:-3px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #00000040}.belt-sm{width:28px;height:7px}.belt-sm .belt-knot{width:7px;height:11px;top:-2px}.belt-lg{width:64px;height:14px}.belt-lg .belt-knot{width:14px;height:22px;top:-4px}.avatar{border-radius:50%;flex:none;place-items:center;padding:4px;display:inline-grid}.avatar-inner{background:var(--surface);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;font-weight:800;display:grid}.progress{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s}.profile-head{align-items:center;gap:14px;display:flex}.profile-switch{background:0 0;border:0;border-radius:50%;padding:0}.profile-info{flex:1;min-width:0}.hello{margin:0;font-size:1.3rem;font-weight:800}.level-line{color:var(--ink-soft);margin:2px 0 6px;font-size:.92rem}.level-badge{background:var(--accent);color:var(--accent-ink);border-radius:99px;margin-right:4px;padding:1px 8px;font-size:.8rem;font-weight:700;display:inline-block}.xp-line{color:var(--ink-soft);margin:4px 0 0;font-size:.78rem}.streak-card{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.streak-card .progress{grid-column:1/-1;margin-top:6px}.streak-flame{filter:grayscale();opacity:.5;font-size:2rem}.streak-flame.on{filter:none;opacity:1}.streak-count{margin:0;font-size:1.1rem;font-weight:800}.streak-text p:last-child{margin:0;font-size:.88rem}.counts{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.count{background:var(--surface-2);border-radius:99px;align-items:baseline;gap:4px;padding:4px 10px;font-size:.9rem;display:inline-flex}.count strong{font-size:1.1rem}.count-new strong,.counts.compact .count-new{color:var(--new)}.count-learning strong,.counts.compact .count-learning{color:var(--learning)}.count-review strong,.counts.compact .count-review{color:var(--review)}.session-card .btn-lg{width:100%}.session-done p{align-items:center;gap:6px;display:flex}.belt-card-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.belt-card-head h2{margin:0}.belt-card-head p{margin:0;font-size:.9rem}.exam-status{margin:10px 0 0;font-size:.88rem}.exam-status.ok{color:var(--good);font-weight:700}.deck-mini,.deck-progress-list{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:flex}.deck-mini li,.deck-progress-list li{grid-template-columns:32px 1fr 80px 48px;align-items:center;gap:8px;font-size:.88rem;display:grid}.deck-progress-list li{grid-template-columns:32px 1fr auto 72px 48px}.deck-progress-list li .deck-name{min-width:0}.deck-progress-list li.locked{opacity:.55}.install-card p{margin-bottom:4px}.review{min-height:100dvh}.review-bar{justify-content:space-between;align-items:center;display:flex}.counts.compact{gap:14px;margin:0}.counts.compact .count{background:0 0;padding:0;font-size:1.1rem;font-weight:800}.flashcard{background:var(--surface);box-shadow:var(--shadow);border-top:6px solid var(--deck,var(--accent));border-radius:20px;flex-direction:column;flex:1;gap:10px;padding:14px 16px 18px;animation:.22s card-in;display:flex;position:relative}.flashcard:not(.revealed){cursor:pointer}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.card-kind{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:0;font-size:.78rem;display:flex}.deck-dot{background:var(--deck);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0003}.card-name{text-align:center;padding:8px 0}.card-name .name{overflow-wrap:anywhere;margin:0;font-size:1.9rem;font-weight:800}.kanji{font-family:var(--font-jp);color:var(--ink-soft);margin:0;font-size:1.3rem}.kanji.big{color:var(--ink);font-size:2rem}.card-meaning-big{text-align:center;margin:0;padding:24px 0;font-size:1.5rem;font-weight:700}.card-prompt{text-align:center;color:var(--ink-soft);margin:auto 0 0}.card-prompt.top{margin:0}.card-answer{border-top:1px dashed var(--line);flex-direction:column;gap:8px;padding-top:12px;animation:.2s card-in;display:flex}.card-answer .card-name{padding:0}.meaning{margin:0;font-size:1.15rem;font-weight:700}.summary{margin:0}.keys{margin:0;padding-left:20px}.keys li{margin-bottom:2px}.credit{color:var(--ink-soft);margin:0;font-size:.72rem}.review-actions{padding:12px 0 calc(4px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 12px);position:sticky;bottom:0}.rating-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rating-buttons.two{grid-template-columns:1fr 1fr}.rating{color:#fff;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:60px;font-weight:700;transition:transform 80ms;display:flex}.rating:active{transform:scale(.96)}.rating-1{background:var(--again)}.rating-2{background:var(--hard)}.rating-3{background:var(--good)}.rating-4{background:var(--easy)}.rating-interval{opacity:.9;font-size:.78rem;font-weight:600}.xp-float{top:calc(64px + env(safe-area-inset-top));z-index:20;background:var(--gold);color:#fff;pointer-events:none;border-radius:99px;padding:4px 12px;font-weight:800;animation:1.1s forwards xp-float;position:fixed;left:50%;transform:translate(-50%)}@keyframes xp-float{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}20%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-24px)}}.session-over{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 8px;display:flex}.big-emoji{margin:0;font-size:3.2rem}.stats-list{margin:0 0 8px;padding:0;list-style:none}.tech-image{background:#fff;border-radius:14px;place-items:center;display:grid;overflow:hidden}.tech-image img{object-fit:contain;width:100%;height:100%;display:block}.tech-image-card{height:min(46vh,380px)}.tech-image-hero{height:min(52vh,420px);box-shadow:var(--shadow)}.tech-image-thumb{aspect-ratio:1;width:100%}.tech-image-none{background:var(--surface-2)}.tech-image-none .kanji{color:var(--ink-soft);letter-spacing:.08em;text-align:center;padding:8px;font-size:2.6rem}.tech-image-thumb.tech-image-none .kanji{font-size:1.4rem}.deck-tabs{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.deck-tab{border:1px solid var(--line);background:var(--surface);border-radius:99px;flex:none;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.deck-tab.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.deck-summary .progress{margin:4px 0}.family-group h3{color:var(--ink-soft);margin:6px 0 8px;font-size:.95rem}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tech-tile{text-align:left;background:var(--surface);width:100%;box-shadow:var(--shadow);border:0;border-radius:14px;flex-direction:column;align-items:stretch;gap:2px;height:100%;padding:8px;display:flex;position:relative}.tile-kanji{aspect-ratio:2;font-family:var(--font-jp);background:var(--surface-2);border-radius:10px;place-items:center;font-size:1.6rem;display:grid}.tile-name{overflow-wrap:anywhere;margin-top:4px;font-size:.92rem;font-weight:700}.tile-meaning{color:var(--ink-soft);font-size:.78rem}.tech-tile .mastery-dot{position:absolute;top:12px;right:12px}.mastery-dot{border:2px solid var(--surface);width:12px;height:12px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;display:inline-block}.mastery-new{background:var(--surface-2)}.mastery-learning{background:var(--learning)}.mastery-known{background:var(--good)}.mastery-mastered{background:var(--gold)}.tech-head{text-align:center}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface-2);border-radius:99px;align-items:center;gap:6px;margin-right:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.chips .chip{margin:0}.card-states{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card-states li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-state-kind{font-weight:600}.exam-progress{justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.exam-card{flex:none}.exam-card .tech-image-card{height:min(36vh,300px)}.choices{gap:8px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;min-height:52px;padding:10px 14px;font-weight:600}.choice.right{border-color:var(--good);background:color-mix(in srgb, var(--good) 15%, var(--surface))}.choice.wrong{border-color:var(--again);background:color-mix(in srgb, var(--again) 15%, var(--surface))}.choice.dim{opacity:.5}.diploma{text-align:center;background:var(--surface);box-shadow:var(--shadow);border:3px double var(--gold);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:24px 18px;display:flex}.diploma-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin:0;font-weight:800}.diploma-xp{color:var(--gold);font-size:1.2rem;font-weight:800}.missed{margin:0;padding:0;list-style:none}.link-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 0;display:flex}.level-card{text-align:center}.level-big{margin:0;font-size:2rem;font-weight:800}.level-title{color:var(--accent);font-weight:700}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:12px;display:flex}.stat-value{font-size:1.35rem;font-weight:800}.stat-label{color:var(--ink-soft);font-size:.8rem}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;margin:6px 0 10px;display:grid}.heat{aspect-ratio:1;background:var(--surface-2);border-radius:3px}.heat--1{background:0 0}.heat-1{background:color-mix(in srgb, var(--good) 30%, var(--surface-2))}.heat-2{background:color-mix(in srgb, var(--good) 55%, var(--surface-2))}.heat-3{background:color-mix(in srgb, var(--good) 80%, var(--surface-2))}.heat-4{background:var(--good)}.forecast{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:120px;display:grid}.forecast-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.forecast-bar{background:var(--review);border-radius:4px 4px 0 0;width:100%;min-height:2px;max-height:80px}.forecast-n,.forecast-day{color:var(--ink-soft);min-height:1em;font-size:.65rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.badge{background:var(--surface-2);opacity:.6;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.badge.won{opacity:1;background:var(--gold-soft)}.badge-icon{font-size:1.5rem}.badge-name{font-size:.88rem;font-weight:700}.badge-desc{color:var(--ink-soft);font-size:.74rem}.field{border:0;flex-direction:column;gap:6px;margin:0 0 12px;padding:0;display:flex}.field-label{padding:0;font-weight:700}.field input[type=text],.field select{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px}.hint{color:var(--ink-soft);margin:4px 0 0;font-size:.85rem}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.setting-text{flex-direction:column;display:flex}.setting-label{font-weight:600}.setting-help{color:var(--ink-soft);font-size:.8rem}.switch{appearance:none;background:var(--surface-2);width:50px;height:30px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:99px;flex:none;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.stepper{flex:none;align-items:center;gap:4px;display:inline-flex}.stepper button{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border:0;border-radius:10px;font-size:1.2rem;font-weight:700}.stepper button:disabled{opacity:.35}.stepper output{text-align:center;min-width:48px;font-weight:700}.about p{color:var(--ink-soft)}.onboarding{gap:20px}.onboarding-back{align-self:flex-start}.hero{text-align:center;padding-top:16px}.hero h1{margin:8px 0 4px;font-size:2rem}.hero.small h1{font-size:1.5rem}.lead{color:var(--ink-soft)}.belt-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.belt-choice{border:2px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;font-size:.92rem;font-weight:600;display:flex}.belt-choice.selected{border-color:var(--accent);background:var(--accent-soft)}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented button{border:2px solid var(--line);background:var(--surface);border-radius:12px;min-height:48px;font-weight:700}.segmented button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.onboarding-foot{text-align:center}.disclaimer{color:var(--ink-soft);margin-top:12px;font-size:.8rem}.profile-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.profile-row{background:var(--surface);width:100%;box-shadow:var(--shadow);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-row.active{border-color:var(--accent)}.profile-row-text{flex-direction:column;flex:1;display:flex}.credit-list{margin:0;padding:0;list-style:none}.credit-list li{border-bottom:1px solid var(--line);flex-direction:column;padding:8px 0;font-size:.85rem;display:flex}.tabbar{width:100%;max-width:560px;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--ink-soft);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;font-weight:600;display:flex}.tabbar button.active{color:var(--accent)}.toasts{top:calc(8px + env(safe-area-inset-top));z-index:30;pointer-events:none;flex-direction:column;gap:8px;width:min(520px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:.25s toast-in;display:flex;box-shadow:0 8px 24px #00000040}.toast-icon{font-size:1.5rem}.toast-text{opacity:.85;font-size:.82rem;display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}}.modal-backdrop{z-index:40;background:#00000073;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);text-align:center;border-radius:22px;width:min(360px,100%);padding:24px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop-in;box-shadow:0 16px 48px #00000059}.modal .btn{width:100%;margin-top:8px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}}.update-banner{left:50%;bottom:calc(var(--tabbar) + 12px + env(safe-area-inset-bottom));background:var(--surface);z-index:20;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(520px,100% - 24px);padding:10px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}