:root{--bg: #f7f5f2;--surface: #ffffff;--surface-2: #f1eeea;--surface-3: #e9e5df;--border: #e4dfd8;--border-strong: #d4cec5;--text: #24211d;--text-2: #7d766c;--text-3: #a49d92;--accent: #706c66;--accent-strong: #59554f;--accent-soft: #ecebe8;--accent-rgb: 112, 108, 102;--green: #2f9e63;--green-soft: #e2f3e9;--orange: #e07118;--orange-soft: #fbeddd;--red: #d1494f;--red-soft: #f9e6e6;--blue: #3d7fd1;--blue-soft: #e4eefa;--indigo: #6a67d1;--indigo-soft: #e9e8f9;--amber: #d99a06;--chart-line: var(--orange);--chart-band: rgba(36, 33, 29, .035);--chart-green: color-mix(in srgb, var(--green) 68%, var(--surface));--shadow-card: 0 1px 2px rgba(40, 33, 24, .04), 0 6px 20px rgba(40, 33, 24, .06);--shadow-pop: 0 4px 12px rgba(40, 33, 24, .08), 0 24px 60px rgba(40, 33, 24, .18);--radius: 16px;--radius-sm: 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Hiragino Sans,Yu Gothic UI,Helvetica Neue,Arial,sans-serif;color-scheme:light}[data-theme=dark]{--bg: #141311;--surface: #1d1b19;--surface-2: #262320;--surface-3: #2f2b28;--border: #2e2a26;--border-strong: #3c3731;--text: #f0ece6;--text-2: #a29a8f;--text-3: #6f695f;--accent: #a8a49e;--accent-strong: #bcb8b2;--accent-soft: #2e2c29;--accent-rgb: 168, 164, 158;--green: #55c389;--green-soft: #1d3328;--orange: #f5964a;--orange-soft: #3d2b1a;--red: #ee7a76;--red-soft: #3e2323;--blue: #6fadf0;--blue-soft: #1e2e42;--indigo: #9d9af0;--indigo-soft: #2a2941;--amber: #ecc251;--chart-line: var(--orange);--chart-band: rgba(240, 236, 230, .045);--shadow-card: 0 1px 2px rgba(0, 0, 0, .25), 0 6px 20px rgba(0, 0, 0, .22);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .4), 0 24px 60px rgba(0, 0, 0, .55);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.num{font-variant-numeric:tabular-nums}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(160px,400px) minmax(max-content,1fr);align-items:center;gap:14px;padding:12px max(20px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}@media(max-width:760px){.topbar{grid-template-columns:1fr auto}}.brand{display:flex;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:800;letter-spacing:.01em}.brand-logo{width:30px;height:30px;border-radius:50%;display:block}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:6px}.container{width:100%;max-width:1080px;margin:0 auto;padding:28px 20px calc(48px + env(safe-area-inset-bottom))}.greet{margin-bottom:22px}.greet h1{font-size:30px;font-weight:800;letter-spacing:-.5px}.greet-sub{margin-top:4px;font-size:14px;color:var(--text-2)}.home-grid{display:grid;gap:16px;grid-template-columns:1fr;grid-template-areas:"stats" "term" "hero" "activity" "hard"}@media(max-width:700px){.home-grid{grid-template-areas:"stats" "hero" "term" "activity" "hard"}}.area-stats{grid-area:stats}.area-hero{grid-area:hero}.area-term{grid-area:term}.area-activity{grid-area:activity}.area-hard{grid-area:hard}@media(min-width:960px){.home-grid{gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats stats stats" "term hero activity" "hard hard hard"}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .25s ease,box-shadow .25s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 1px 3px #2821180a,0 8px 18px #28211812}[data-theme=dark] .btn:hover:not(:disabled){box-shadow:0 1px 3px #0003,0 8px 18px #00000040}@media(prefers-reduced-motion:reduce){.btn:hover:not(:disabled),.btn:active:not(:disabled){transform:none}}.btn:has(>svg:first-child){padding-left:44px}.btn>svg:first-child{position:absolute;left:7px;top:50%;transform:translateY(-50%);box-sizing:content-box;padding:6px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.btn:active:not(:disabled){transform:translateY(-2px) scale(.985)}.btn:disabled{opacity:.5;box-shadow:none;cursor:default}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--orange) 35%,transparent)}.btn-primary>svg:first-child{background:#ffffff38;color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 1px 3px color-mix(in srgb,var(--orange) 15%,transparent),0 8px 18px color-mix(in srgb,var(--orange) 25%,transparent)}.btn-danger{background:var(--red);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--red) 35%,transparent)}.btn-danger>svg:first-child{background:#ffffff38;color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 1px 3px color-mix(in srgb,var(--red) 15%,transparent),0 8px 18px color-mix(in srgb,var(--red) 25%,transparent)}.btn-danger-soft{background:var(--red-soft);color:var(--red)}.btn-danger-soft>svg:first-child{background:var(--surface);color:var(--red)}.btn-danger-soft:hover:not(:disabled){background:color-mix(in srgb,var(--red) 16%,var(--surface))}.btn-soft{background:var(--surface-2);color:var(--text)}.btn-soft>svg:first-child{background:var(--surface)}.btn-soft:hover:not(:disabled){background:var(--surface-3)}.btn-white{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.btn-white:hover:not(:disabled){background:var(--surface-2)}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-sm:has(>svg:first-child){padding-left:37px}.btn-sm>svg:first-child{left:5px;padding:5px}.text-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--accent);padding:6px 8px;border-radius:8px}.text-btn:hover{background:var(--accent-soft)}.text-btn.danger{color:var(--red)}.text-btn.danger:hover{background:var(--red-soft)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--text-2);transition:background-color .15s,color .15s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-3);font-family:inherit;font-size:11px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(min-width:960px){.stats{gap:20px}}.stat{display:flex;align-items:center;gap:14px;padding:16px;text-align:left;transition:border-color .15s,transform .25s ease,box-shadow .25s ease}.stat:active{transform:translateY(-2px) scale(.985)}.stat.stat-cta{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);animation:cta-pulse 2.8s ease-out infinite}.stat.stat-cta:hover{border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.stat.stat-cta{animation:none}}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0}.stat-body{min-width:0}.stat-value{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.15;white-space:nowrap}.stat-value small{font-size:13px;font-weight:600;color:var(--text-2)}.stat-label{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-chevron{margin-left:auto;flex-shrink:0;color:var(--text-3);transition:color .15s ease,transform .15s ease}.stat:hover .stat-chevron{color:var(--text-2);transform:translate(2px)}@media(max-width:620px){.stat{position:relative;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;min-width:0}.stat-value{font-size:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stat-chevron{position:absolute;top:14px;right:12px;margin-left:0}}@media(max-width:560px){.stats{grid-template-columns:1fr;gap:10px}.stat{flex-direction:row;align-items:center;gap:14px}.stat-chevron{position:static;margin-left:auto}}.stat-ring{position:relative;width:40px;height:40px;flex-shrink:0}.stat-ring svg{display:block}.stat-ring .ring-progress{transition:stroke-dashoffset .9s cubic-bezier(.22,.9,.35,1)}.hero{display:flex;flex-direction:column;padding:20px 22px;gap:18px}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}.hero-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.hero-title .dot{width:8px;height:8px;border-radius:50%}.hero-body{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}.hero-status{flex-shrink:0;min-width:150px}.hero-num{font-size:68px;font-weight:800;letter-spacing:-2px;line-height:1;text-align:center}.hero-cap{margin-top:6px;font-size:14px;color:var(--text-2);text-align:center}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.hero-actions .btn{flex:1}.hero-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 0;color:var(--text-2);font-size:14px;text-align:center}.countdown{display:flex;align-items:center;gap:16px}.countdown-ring{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.countdown-ring .countdown-ring-svg{position:absolute;inset:0}.countdown-icon{display:flex}@keyframes num-tick{0%{transform:translateY(.35em);opacity:0}to{transform:none;opacity:1}}.hero-num{animation:num-tick .3s cubic-bezier(.2,.9,.3,1)}.countdown{animation:fade-in .35s ease-out}@media(prefers-reduced-motion:reduce){.hero-num,.countdown{animation:none}}.countdown-time{font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.countdown-sub{font-size:13px;color:var(--text-2)}@media(max-width:620px){.hero-body{flex-direction:column;align-items:stretch;gap:14px}.hero-status{min-width:0}}.activity{display:flex;flex-direction:column;gap:12px;padding:20px 22px}.activity-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;min-height:36px}.activity-bars{flex-grow:1;height:96px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--border)}.activity-bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px}.activity-bar-num{font-size:9px;font-weight:600;line-height:1;color:var(--text-2);opacity:0;transition:opacity .15s ease}.activity-bar-col:hover .activity-bar-num{opacity:1}.activity-bar{width:100%;max-width:14px;border-radius:3px 3px 0 0;background:var(--green);opacity:.55;transition:opacity .15s ease}.activity-bar-col:hover .activity-bar{opacity:1}.activity-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3)}.activity-cap{font-size:12.5px;color:var(--text-2);text-align:center}.activity-cap strong{color:var(--text);font-weight:700}.term{display:flex;flex-direction:column;padding:20px 22px;gap:14px}.term-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.term-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.term-label.holiday{color:var(--orange)}.term.holiday{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--amber) 38%,var(--border));background:radial-gradient(120% 80% at 50% -15%,color-mix(in srgb,var(--amber) 9%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--orange) 4%,var(--surface)),var(--surface) 66%);animation:holiday-glow 5s ease-in-out infinite}.term.holiday .term-head,.term.holiday .term-body{position:relative;z-index:1}@keyframes holiday-glow{0%,to{box-shadow:var(--shadow-card),0 0 color-mix(in srgb,var(--amber) 22%,transparent)}50%{box-shadow:var(--shadow-card),0 0 22px color-mix(in srgb,var(--amber) 16%,transparent)}}.term.holiday .term-kanji{background:linear-gradient(105deg,var(--orange) 0%,var(--orange) 43%,color-mix(in srgb,#ffffff 55%,var(--amber)) 50%,var(--orange) 57%,var(--orange) 100%);background-size:220% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holiday-kanji-in .7s cubic-bezier(.3,1.05,.5,1) both,holiday-kanji-shimmer 5.5s ease-in-out .9s infinite}@keyframes holiday-kanji-in{0%{opacity:0;transform:scale(.78) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes holiday-kanji-shimmer{0%,55%{background-position:120% 0}to{background-position:-20% 0}}.term-sparkles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.term-sparkle{position:absolute;opacity:0;color:var(--amber);animation:term-twinkle 4s ease-in-out infinite}.term-sparkle.s1{top:34%;left:12%;color:var(--orange);animation-delay:0s}.term-sparkle.s2{top:40%;right:11%;animation-delay:.9s}.term-sparkle.s3{top:58%;left:15%;color:var(--orange);animation-delay:1.8s}.term-sparkle.s4{top:64%;right:13%;animation-delay:2.6s}.term-sparkle.s5{top:50%;left:8%;animation-delay:3.3s}@keyframes term-twinkle{0%,to{opacity:0;transform:scale(.45) rotate(0)}50%{opacity:.7;transform:scale(.95) rotate(18deg)}}@media(prefers-reduced-motion:reduce){.term.holiday,.term.holiday .term-kanji,.term-sparkle{animation:none}}.term-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px 0 10px}.term-kanji{font-size:56px;font-weight:600;line-height:1.15}.term-reading{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-2)}.play-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.play-btn.playing{color:var(--surface);background:var(--accent)}.play-btn.sm{width:24px;height:24px}.term-translation{font-size:17px;font-weight:700}.term-click{cursor:pointer}.term-click:hover .term-kanji{color:var(--accent)}.term-click.holiday:hover .term-kanji{color:transparent;filter:brightness(.93) saturate(1.08)}.section-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.section-head .spacer{flex:1}.hard-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px;margin:-4px}.hard-scroller::-webkit-scrollbar{display:none}.hard-scroller>*{scroll-snap-align:start}@media(min-width:960px){.hard-scroller{grid-auto-columns:calc((100% - 28px - 24px) / 3)}}.hard-card{perspective:900px;height:190px;text-align:center;container-type:inline-size;animation:hard-card-in .4s ease-out backwards}@keyframes hard-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hard-card{animation:none}}.hc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,.9,.4,1)}.hard-card.revealed .hc-inner{transform:rotateY(180deg)}.hc-face{position:absolute;inset:0;transition:border-color .15s,box-shadow .25s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px}.hc-face.back{transform:rotateY(180deg)}.hc-main{font-weight:700;line-height:1.25;white-space:nowrap}.hc-main.ja{font-weight:600}.hc-sub{color:var(--text-2);white-space:nowrap}.hc-recap{color:var(--text-3);white-space:nowrap}.dots{display:none;justify-content:center;gap:6px;margin-top:12px}.dots .dot,.pager-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong);transition:background-color .2s,transform .2s}.dots .dot.active,.pager-dots .dot.active{background:var(--accent);transform:scale(1.2)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#0f0c0973;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;box-shadow:var(--shadow-pop);animation:sheet-up .28s cubic-bezier(.3,1.05,.5,1)}@keyframes sheet-up{0%{transform:translateY(36px);opacity:0}to{transform:none;opacity:1}}.dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 12px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dialog-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}.dialog-title.with-icon{color:var(--accent)}.dialog-title.lg{font-size:21px}.dialog.holiday{position:relative;border-color:color-mix(in srgb,var(--amber) 38%,var(--border));animation:sheet-up .28s cubic-bezier(.3,1.05,.5,1),dialog-holiday-glow 5s ease-in-out infinite}.dialog.holiday .dialog-title{display:inline-block;line-height:1.35;padding-bottom:2px;background:linear-gradient(105deg,var(--orange) 0%,var(--orange) 43%,color-mix(in srgb,#ffffff 55%,var(--amber)) 50%,var(--orange) 57%,var(--orange) 100%);background-size:220% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holiday-kanji-shimmer 5.5s ease-in-out .9s infinite}@keyframes dialog-holiday-glow{0%,to{box-shadow:var(--shadow-pop),0 0 color-mix(in srgb,var(--amber) 22%,transparent)}50%{box-shadow:var(--shadow-pop),0 0 26px 2px color-mix(in srgb,var(--amber) 18%,transparent)}}@media(prefers-reduced-motion:reduce){.dialog.holiday,.dialog.holiday .dialog-title{animation:none}}.dialog-body{padding:4px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.dialog.with-foot{position:relative;display:flex;flex-direction:column;overflow:hidden}.dialog-foot:has(.cd-seg){padding-bottom:calc(20px + env(safe-area-inset-bottom))}.dialog.with-foot .dialog-body{flex:1;min-height:0;overflow-y:auto;padding-bottom:24px}.dialog-head-actions{display:flex;align-items:center;gap:10px}.settings-greet{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.achievements-page{display:flex;flex-direction:column;gap:18px}.achievements-greet{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.achievements-page .achievement-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.dialog-subhead{flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:4px 20px 16px;border-bottom:1px solid var(--border)}.dialog-subhead+.dialog-body{padding-top:16px}.dialog-foot{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}@media(min-width:700px){.overlay{align-items:center;padding:32px}.dialog{width:480px;border-radius:20px;animation:dialog-pop .22s cubic-bezier(.3,1.2,.5,1)}.dialog.lg{width:680px}}@keyframes dialog-pop{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:none;opacity:1}}.overlay.overlay-side{align-items:stretch;justify-content:flex-end;padding:0}.dialog.drawer{width:min(420px,100%);height:100%;max-height:none;border-radius:0;border:none;border-left:1px solid var(--border);animation:drawer-in .28s cubic-bezier(.3,1.05,.5,1)}@keyframes drawer-in{0%{transform:translate(48px);opacity:0}to{transform:none;opacity:1}}.goal-editor{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.goal-editor .subtitle{font-size:14px;color:var(--text-2)}.stepper{display:flex;align-items:center;gap:26px;padding:22px 0 10px}.stepper .value{min-width:120px;font-size:56px;font-weight:800;letter-spacing:-1px}.step-btn{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);transition:background-color .15s,transform .1s,opacity .15s}.step-btn:hover:not(:disabled){background:var(--surface-3)}.step-btn:active:not(:disabled){transform:scale(.92)}.step-btn:disabled{opacity:.4;cursor:default}.goal-editor .btn{width:100%;margin-top:10px}.seg{display:flex;padding:3px;border-radius:12px;background:var(--surface-2)}.seg button{position:relative;flex:1;padding:8px 0;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-2);transition:color .15s}.seg button.selected{color:var(--text);background:var(--surface);box-shadow:var(--shadow-card)}.forecast-chart{touch-action:none;user-select:none;-webkit-user-select:none}.chart-sub{font-size:13px;color:var(--text-2);text-align:center}.scrub-label{min-height:20px;display:flex;align-items:baseline;justify-content:center;gap:6px;font-size:13px;color:var(--text-3)}.scrub-label strong{font-size:15px;font-weight:700;color:var(--text)}.scrub-label .moment{font-weight:600;color:var(--text)}.scrub-label .dim{color:var(--text-2)}.fsummary{display:flex;border-top:1px solid var(--border);padding-top:16px}.fsummary .fstat{flex:1;text-align:center}.fsummary .value{font-size:21px;font-weight:800}.fsummary .label{margin-top:2px;font-size:12px;color:var(--text-2)}.legend{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius);background:var(--surface-2)}.legend h3{font-size:14px;font-weight:700}.legend-row{display:flex;gap:12px;align-items:flex-start}.legend-icon{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.legend-title{font-size:13.5px;font-weight:600}.legend-detail{margin-top:2px;font-size:12.5px;color:var(--text-2);line-height:1.45}.streak-hero{text-align:center;padding:8px 0 4px}.streak-hero .num{font-size:60px;font-weight:800;letter-spacing:-2px;line-height:1}.streak-hero .label{margin-top:6px;font-size:14px;color:var(--text-2)}.guards{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:var(--radius);background:var(--blue-soft)}.guards .guards-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--blue) 18%,transparent);color:var(--blue);flex-shrink:0}.guards .guards-text{flex:1}.guards .guards-title{font-size:14px;font-weight:700}.guards .guards-sub{font-size:12.5px;color:var(--text-2)}.guards .shields{display:flex;gap:4px;color:var(--blue)}.strip{display:flex;gap:8px;padding:14px 12px;border-radius:var(--radius);background:var(--surface-2)}.strip-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.strip-cell .weekday{font-size:10.5px;font-weight:600;color:var(--text-3);letter-spacing:.05em}.strip-cell .day{font-size:12px;font-weight:600;color:var(--text-2)}.event-box{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center}.event-box.dashed{border:1.5px dashed var(--border-strong)}.history h3{font-size:14px;font-weight:700;margin-bottom:8px}.history-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.history-row{display:flex;align-items:center;gap:13px;padding:11px 14px;background:var(--surface)}.history-row+.history-row{border-top:1px solid var(--border)}.history-icon{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.history-row .event-title{font-size:14px;font-weight:600}.history-row .event-when{font-size:12px;color:var(--text-2)}.history-row .event-meta{margin-left:auto;text-align:right;font-size:12px;color:var(--text-3)}.history-row .event-count{font-size:11.5px;color:var(--text-2)}.history-row.placeholder .event-title{color:var(--text-3)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 0;color:var(--text-3);font-size:14px}.session{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;background:var(--bg);background-image:radial-gradient(90% 50% at 50% -10%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);animation:fade-in .2s ease-out}.sprogress{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;margin-top:12px}.sprogress>div{height:100%;border-radius:3px;background:var(--accent);transition:width .3s ease}.session-kana{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.session-kana span{position:absolute;font-weight:700;line-height:1;color:var(--text);opacity:.045}.session-kana .sk0{font-size:140px;top:7%;right:3%;transform:rotate(3deg);animation:session-kana-in .9s ease-out}@keyframes session-kana-in{0%{opacity:0}}.session-kana .sk1{font-size:76px;bottom:7%;left:3%;transform:rotate(-3deg)}.session-kana .sk2{font-size:60px;top:12%;left:5%;transform:rotate(-2deg)}.session-kana .sk3{font-size:96px;bottom:16%;right:6%;transform:rotate(2deg)}.session-kana .sk4{font-size:84px;top:48%;left:11%;transform:rotate(-4deg)}@media(max-width:700px){.session-kana .sk0{font-size:88px;top:auto;bottom:26%;right:-2%}.session-kana .sk1{font-size:54px;bottom:4%;left:4%}.session-kana .sk2{font-size:40px;top:15%;left:2%}.session-kana .sk3{font-size:64px;bottom:2%;right:8%}.session-kana .sk4{font-size:56px;top:44%;left:-2%}}.session-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:720px;padding:max(env(safe-area-inset-top),16px) 20px calc(24px + env(safe-area-inset-bottom))}.session-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.session-head .icon-btn{justify-self:end}.session-head-mid{text-align:center}.session-title{font-size:14px;font-weight:700}.session-count{font-size:12px;color:var(--text-2);margin-top:1px}.session-head-chips{justify-self:start;display:flex;gap:6px}.head-chip{background:var(--surface-2);color:var(--text-2);font-size:11px}.head-chip.leech,.head-chip.not-due{background:var(--orange-soft);color:var(--orange)}.session-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:12px 0}.card-stack{position:relative;width:100%;height:min(52vh,440px);container-type:inline-size}.stack-layer{position:absolute;inset:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.stack-layer.l1{transform:translateY(12px) scale(.965);opacity:.75}.stack-layer.l2{transform:translateY(23px) scale(.93);opacity:.45}.scard{position:absolute;inset:0;perspective:1200px;cursor:pointer}.scard.enter{animation:card-enter .26s cubic-bezier(.25,.9,.35,1)}@keyframes card-enter{0%{transform:translateY(14px) scale(.96);opacity:.4}to{transform:none;opacity:1}}.scard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,.9,.35,1)}.scard.back .scard-inner{transform:rotateY(180deg)}.scard-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.scard-face.back-face{transform:rotateY(180deg);padding-bottom:80px}.scard-face.back-face.with-recap{padding-top:92px}.scard-face.back-face.with-tags{padding-top:48px}.smain{font-weight:700;letter-spacing:-.5px;max-width:100%;white-space:nowrap;text-align:center}.ssub{display:flex;align-items:center;gap:16px;margin-top:14px;max-width:100%;font-size:20px;font-weight:600;color:var(--text-2);white-space:nowrap}.ssub i{width:1px;height:26px;background:var(--border-strong)}.stags{position:absolute;top:16px;left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 16px;pointer-events:none}.stags span{font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.srecap{position:absolute;top:52px;left:0;right:0;font-size:24px;font-weight:600;color:var(--text-2)}.scard-tools{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:2px;padding:6px 8px;border-top:1px solid var(--border);cursor:default}.scard-tool{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;border-radius:12px;font-size:10.5px;font-weight:600;color:var(--text-3);transition:color .15s ease,background-color .15s ease}.scard-tool:hover{color:var(--text);background:var(--surface-2)}.scard-tool:active{transform:scale(.96)}.scard-tool.playing{color:var(--accent)}.scard-tool.active{color:var(--text);background:var(--surface-2)}.scard-detail{position:absolute;inset:0 0 60px;display:flex;flex-direction:column;text-align:left;cursor:default;animation:fade-in .2s ease-out}.scard-detail-body>*{animation:detail-rise .3s cubic-bezier(.25,.9,.35,1) backwards}.scard-detail-body>:nth-child(2){animation-delay:.05s}.scard-detail-body>:nth-child(3){animation-delay:.1s}.scard-detail-body>:nth-child(n+4){animation-delay:.15s}@keyframes detail-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scard-detail,.scard-detail-body>*{animation:none}}.scard-detail-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px 20px;font-size:13.5px;font-weight:700}.scard-detail-head>svg{color:var(--accent)}.scard-detail-head .term-mini{margin-left:auto;display:flex;align-items:baseline;gap:8px;min-width:0}.term-mini strong{font-size:15px;font-weight:700;white-space:nowrap}.term-mini>span{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scard-detail-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:2px 20px 18px}.scard-notes{font-size:14px;line-height:1.6;color:var(--text-2);white-space:pre-wrap}.scard-note{position:absolute;left:0;right:0;bottom:60px;padding:10px 16px;background:var(--surface-2);border-top:1px solid var(--border);text-align:left;cursor:default}.scard-face.back-face.with-note{padding-bottom:130px}.scard-note-text{font-size:13px;line-height:1.5;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.scard-note-more{position:absolute;right:16px;bottom:10px;padding-left:26px;font-size:13px;line-height:1.5;font-weight:600;color:var(--accent);background:var(--surface-2);cursor:pointer}.scard-note-more:before{content:"";position:absolute;top:0;bottom:0;right:100%;width:24px;background:linear-gradient(to right,transparent,var(--surface-2))}.scard-note-more:hover{text-decoration:underline}.progress-compact{display:grid;grid-template-columns:3fr 2fr;gap:12px;align-items:stretch}.progress-compact .progress-card{padding:12px 14px;gap:8px}.progress-compact .progress-stats{padding:12px 14px;gap:12px 10px}.progress-compact-side{display:flex;flex-direction:column;gap:12px}.progress-compact-side .progress-card{flex:1;justify-content:center}.progress-compact .gauge-row .srow-sub{display:none}.kanji-compact .kanji-example-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;position:relative}.kanji-compact .kanji-example-list:before{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:1px;background:var(--border)}.kanji-compact .kanji-example-list.no-divider:before{content:none}@media(max-width:560px){.scard-tool{padding:12px 4px}.scard-tool span{display:none}}.tool-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-2);transition:color .15s ease,box-shadow .15s ease,transform .1s ease}.tool-chip.playing{color:var(--accent);border-color:var(--accent)}.tool-chip:hover{color:var(--text);box-shadow:var(--shadow-card)}.tool-chip:active{transform:scale(.96)}.grade-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:28px;padding:12px;border-radius:18px;box-shadow:var(--shadow-pop)}.gbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;padding:8px 6px;border-radius:12px;transition:transform .1s ease,filter .15s ease}.gbtn:hover{filter:brightness(.96)}[data-theme=dark] .gbtn:hover{filter:brightness(1.15)}.gbtn:active{transform:scale(.95)}.gbtn-top{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700}.gbtn-dur{font-size:11.5px;font-weight:600;opacity:.75}.gbtn.again{background:color-mix(in srgb,var(--red) 7%,var(--surface));color:color-mix(in srgb,var(--red) 55%,var(--text))}.gbtn.hard{background:color-mix(in srgb,var(--orange) 7%,var(--surface));color:color-mix(in srgb,var(--orange) 55%,var(--text))}.gbtn.good{background:color-mix(in srgb,var(--green) 7%,var(--surface));color:color-mix(in srgb,var(--green) 55%,var(--text))}.gbtn.easy{background:color-mix(in srgb,var(--blue) 7%,var(--surface));color:color-mix(in srgb,var(--blue) 55%,var(--text))}.gbtn.again:hover,.gbtn.again:active{background:var(--red-soft);color:var(--red);filter:none}.gbtn.hard:hover,.gbtn.hard:active{background:var(--orange-soft);color:var(--orange);filter:none}.gbtn.good:hover,.gbtn.good:active{background:var(--green-soft);color:var(--green);filter:none}.gbtn.easy:hover,.gbtn.easy:active{background:var(--blue-soft);color:var(--blue);filter:none}.gbtn.reveal{grid-column:1 / -1;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);font-size:15px;font-weight:700;letter-spacing:.01em}.gbtn.reveal:hover{background:var(--surface-2);filter:none}kbd.on-primary{border-color:#ffffff73;background:#ffffff26;color:#ffffffe6}@media(max-width:700px){.card-stack{margin-top:auto}.grade-dock{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;margin-top:auto}.gbtn{min-height:96px;gap:5px;border-radius:18px}.gbtn-top{font-size:17px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.gbtn-dur{font-size:12.5px}.gbtn.reveal{min-height:202px;font-size:17px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:none;border:none}}.session-done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:10px;text-align:center;overflow-y:auto}.done-heading{width:min(100%,460px);text-align:left;font-size:24px;font-weight:800;letter-spacing:-.4px}.done-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:min(100%,460px);margin-top:10px;margin-bottom:18px;text-align:left}.done-grid>.card{animation:done-rise .4s cubic-bezier(.25,1,.4,1) backwards}.done-grid>.card:nth-child(2){animation-delay:.1s}@keyframes done-rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.done-grid>.card{animation:none}}.done-overview{display:flex;flex-direction:column;gap:16px;padding:18px}.done-overview-top{display:flex;align-items:center;gap:20px}.done-score{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:92px;height:92px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border)}.done-score-value{display:flex;align-items:baseline;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1;color:var(--text)}.done-score-value i{margin-left:1px;font-size:16px;font-weight:700;font-style:normal;color:var(--text-2)}.done-score small{font-size:10.5px;font-weight:600;color:var(--text-2)}.done-ring{position:relative;flex-shrink:0}.done-ring svg{display:block}.done-ring-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.done-ring-value span{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.1}.done-ring-value small{font-size:10.5px;font-weight:600;color:var(--text-2)}.done-facts{display:flex;flex-direction:column;gap:10px;min-width:0}.done-fact{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.done-fact svg{color:var(--text-3);flex-shrink:0}.done-fact strong{font-size:15px;font-weight:800;color:var(--text)}.done-bar{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden}.done-bar i{display:block;height:100%;min-width:4px;border-radius:2px}.done-bar i.again{background:var(--red)}.done-bar i.hard{background:var(--orange)}.done-bar i.good{background:var(--green)}.done-bar i.easy{background:var(--blue)}.done-legend{display:flex;flex-wrap:wrap;gap:6px 16px}.done-leg{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2)}.done-leg.zero{opacity:.45}.done-leg i{width:8px;height:8px;border-radius:50%}.done-leg.again i{background:var(--red)}.done-leg.hard i{background:var(--orange)}.done-leg.good i{background:var(--green)}.done-leg.easy i{background:var(--blue)}.done-leg strong{font-size:12.5px;font-weight:800;color:var(--text)}.done-tricky{display:flex;flex-direction:column;gap:10px;padding:18px;min-width:0}.done-tricky-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.done-tricky-count{font-size:11.5px;font-weight:700;color:var(--text-2);background:var(--surface-2);border-radius:999px;padding:2px 8px}.done-tricky-list{display:flex;flex-direction:column;max-height:min(46vh,520px);overflow-y:auto}.done-tricky-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--border)}.done-tricky-row:first-child{border-top:none;padding-top:0}.done-tricky-term{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.done-tricky-term strong{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done-tricky-term span{font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.done-chip{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.done-chip.again{background:var(--red-soft);color:var(--red)}.done-chip.hard{background:var(--orange-soft);color:var(--orange)}.session-done .btn{width:min(100%,460px);flex-shrink:0}.session-load{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--surface-3);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner-sm{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--accent);animation:spin .9s linear infinite}.library-adding{cursor:default}@keyframes spin{to{transform:rotate(360deg)}}.load-title{font-size:18px;font-weight:700}.load-sub{margin-top:4px;font-size:13.5px;color:var(--text-2)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:600;white-space:nowrap;animation:toast-in .28s cubic-bezier(.3,1.2,.5,1)}@media(min-width:700px){.toast{left:auto;right:24px;bottom:24px;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:700px){@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.toast.leaving{animation:toast-out .22s ease-in forwards}@keyframes toast-out{to{opacity:0;transform:translate(-50%) translateY(8px)}}@media(min-width:700px){@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}}.achv{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:14px;width:min(440px,calc(100vw - 28px));padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);animation:achv-drop .45s cubic-bezier(.28,1.25,.45,1)}@keyframes achv-drop{0%{transform:translate(-50%) translateY(-130%) scale(.95)}to{transform:translate(-50%)}}.achv-icon{position:relative;flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);animation:pop-in .4s cubic-bezier(.3,1.5,.5,1) .12s backwards}.achv-icon img{width:78%;height:78%;object-fit:contain}.achv-icon .badge{position:absolute;right:-6px;bottom:-6px;color:var(--green);background:var(--surface);border-radius:50%;animation:pop-in .35s cubic-bezier(.3,1.6,.5,1) .45s backwards}@keyframes pop-in{0%{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:none;opacity:1}}.achv-title{font-size:15px;font-weight:700}.achv-desc{margin-top:1px;font-size:12.5px;color:var(--text-2)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700;flex-shrink:0}.avatar-lg{width:64px;height:64px;font-size:22px}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border:1px solid var(--border);border-radius:999px;transition:transform .1s ease,box-shadow .15s ease}.user-chip .avatar{width:26px;height:26px;font-size:11px}.user-chip-name{font-size:13px;font-weight:600;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip:hover{box-shadow:0 0 0 3px var(--accent-soft)}.user-chip:active{transform:scale(.96)}@media(max-width:760px){.user-chip{padding:0;border:none}.user-chip .avatar{width:32px;height:32px;font-size:12.5px}.user-chip-name{display:none}}.profile-block{display:flex;align-items:center;gap:16px;text-align:left;padding-bottom:16px;border-bottom:1px solid var(--border)}.profile-text{flex:1;min-width:0}.profile-name{font-size:20px;font-weight:700}.profile-username{font-size:13.5px;color:var(--text-2)}.delete-account{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:6px 0 2px}.delete-account>.settings-note{width:100%;text-align:left}.delete-list{width:100%;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left}.delete-list-row{display:flex;align-items:center;gap:12px;padding:7px 8px;animation:onb-rise .3s ease-out backwards}.delete-list-row:nth-child(2){animation-delay:.08s}.delete-list-row:nth-child(3){animation-delay:.16s}.delete-list-row:nth-child(4){animation-delay:.24s}.delete-list-row:nth-child(5){animation-delay:.32s}@media(prefers-reduced-motion:reduce){.delete-list-row{animation:none}}.delete-list-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--red-soft);color:var(--red);flex-shrink:0}.delete-list-row>div{flex:1;min-width:0}.delete-list-row strong{display:block;font-size:13.5px}.delete-list-row div>span{display:block;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-warning{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:12.5px;font-weight:600}.profile-actions{display:flex;justify-content:center;gap:24px;padding-bottom:8px}.profile-edit{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:left;padding-bottom:10px}.profile-edit-actions{display:flex;justify-content:flex-end;gap:8px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{font-size:12px;font-weight:600;color:var(--text-2)}.field-value{font-size:14px;font-weight:600;color:var(--text)}.input,.select{width:100%;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.invalid,.input.invalid:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.dialog.add-term-dialog .input.invalid,.dialog.add-term-dialog .input.invalid:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.form-error{font-size:12.5px;font-weight:500;color:var(--red)}.generate-input{height:auto;min-height:96px;padding:10px 12px;resize:vertical;line-height:1.45}.char-count{align-self:flex-end;font-size:11px;color:var(--text-3)}.term-draft-list{display:flex;flex-direction:column;gap:6px}.term-draft-row{display:flex;align-items:center;gap:10px;padding:4px 4px 4px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);font-size:13.5px}.term-draft-ja{font-weight:600;white-space:nowrap}.term-draft-translation{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.term-draft-row.editing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.term-form{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface)}.term-form-actions{display:flex;justify-content:flex-end;gap:8px}.term-form-actions .btn:disabled{opacity:.5}.notes-input{height:auto;max-height:240px;overflow-y:auto;padding:8px 12px;resize:vertical;line-height:1.4}.tag-toggle{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:10px;background:none;color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer}.tag-toggle-count{margin-left:auto;font-weight:500;color:var(--text-3)}.tag-toggle>svg:last-child{margin-left:auto}.tag-toggle-count+svg:last-child{margin-left:0}.tag-picker{display:flex;flex-direction:column;gap:10px}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{padding:5px 11px;border:1px solid var(--border-strong);border-radius:9px;background:none;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer}.tag-chip.selected{border-color:var(--accent);background:var(--accent);color:#fff}[data-theme=dark] .tag-chip.selected{color:var(--bg)}.input-at{position:relative}.input-at>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:14px}.input-at .input{padding-left:28px}.settings-section{display:flex;flex-direction:column;gap:12px;padding-top:4px}.settings-section+.settings-section{border-top:1px solid var(--border);padding-top:18px}.settings-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.settings-note{font-size:13px;line-height:1.5;color:var(--text-2)}.settings-note.center{text-align:center;color:var(--text-3)}.srow{display:flex;align-items:center;justify-content:space-between;gap:14px}.srow-title{font-size:14px;font-weight:600}.srow-sub{font-size:12.5px;color:var(--text-2);margin-top:1px}.switch{position:relative;width:44px;height:26px;flex-shrink:0;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{position:absolute;inset:0;border-radius:999px;background:var(--surface-3);transition:background-color .2s ease}.switch input:checked+.track{background:var(--orange)}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.3,1.1,.5,1)}.switch input:checked+.track:after{transform:translate(18px)}.seg-sm{flex:0 0 auto}.seg-sm button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;padding:7px 0}.cp-main{font-size:34px;font-weight:700}.cp-sub{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--text-2)}.cp-sub i{width:1px;height:18px;background:var(--border-strong)}.config-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:22px 18px;text-align:center}.config-card--flip{animation:demo-flip .4s cubic-bezier(.25,.9,.35,1) backwards}.config-side{position:absolute;top:12px;left:14px;font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3)}.config-rows{display:flex;flex-direction:column;gap:10px}.config-row{display:flex;align-items:center;gap:10px}.config-row-label{width:86px;flex-shrink:0;font-size:12.5px;font-weight:600;color:var(--text-2)}.config-row-optional{display:block;margin-top:1px;font-size:10.5px;font-weight:500;color:var(--text-3)}.config-later-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;font-size:11.5px;line-height:1.4;color:var(--text-3)}.config-later-note svg{flex-shrink:0}.config-opts{flex:1;display:flex;flex-wrap:wrap;gap:6px}.config-opt{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:600;color:var(--text-2);transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .1s ease}.config-opt:hover:not(.selected){border-color:var(--border-strong);color:var(--text)}.config-opt:active{transform:scale(.96)}.config-opt.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.preset-list{display:flex;flex-direction:column;gap:8px}.preset-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:left;transition:border-color .15s ease,background-color .15s ease}.preset-row:hover{border-color:var(--border-strong)}.preset-row.selected{border-color:var(--accent);background:var(--accent-soft)}.preset-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--surface-2);color:var(--text-2);flex-shrink:0}.preset-row.selected .preset-icon{background:var(--surface);color:var(--accent)}.preset-text{flex:1;min-width:0}.preset-name{font-size:14px;font-weight:600}.preset-name small{font-weight:600;color:var(--text-3)}.default-chip{margin-left:8px;padding:2px 8px;background:var(--surface-2);color:var(--text-2);font-size:10.5px}.preset-row.selected .default-chip{background:var(--surface)}.preset-sub{font-size:12.5px;color:var(--text-2);margin-top:1px}.slider-block{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.slider-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.slider-block input[type=range]{width:100%;accent-color:var(--accent)}.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3)}.about-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.about-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-size:13.5px;color:var(--text-2);text-decoration:none}.about-row+.about-row{border-top:1px solid var(--border)}.about-row strong{font-weight:600;color:var(--text)}a.about-row:hover{background:var(--surface-2)}.nav-tabs{display:flex;gap:4px;margin-left:14px}.nav-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--text-2);transition:background-color .15s,color .15s}.nav-badge{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--orange-soft);color:var(--orange);font-size:10.5px;font-weight:700;line-height:1.5;text-align:center}.nav-tabs button:hover{color:var(--text)}.nav-tabs button.active{background:var(--surface-2);color:var(--text)}.tabbar{display:none}@media(max-width:700px){.nav-tabs{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px max(12px,env(safe-area-inset-left)) max(env(safe-area-inset-bottom),8px) max(12px,env(safe-area-inset-right));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border)}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px 2px;font-size:10.5px;font-weight:600;color:var(--text-2)}.tabbar button svg{opacity:.75}.tabbar button.active{color:var(--text)}.tabbar button.active svg{opacity:1}.tabbar-icon{position:relative;display:flex}.tabbar-icon .nav-badge{position:absolute;top:-5px;left:calc(100% - 9px)}.container{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}.stats-tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.stat-tile.ach-stat{width:100%;margin-bottom:12px;flex-direction:row;align-items:center;gap:20px;text-align:left;font:inherit;color:inherit;cursor:pointer}.ach-stat-main{flex-shrink:0;display:flex;flex-direction:column;gap:2px}.ach-stat-track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}.ach-stat-tile.locked{filter:grayscale(1);opacity:.4}.ach-stat-tile.locked:after{content:none}.ach-stat-badges{display:flex;align-items:center;width:max-content;animation-name:ach-marquee;animation-timing-function:linear;animation-iteration-count:infinite}.ach-stat-tile{width:42px;height:42px;margin-right:8px;border-radius:11px;flex-shrink:0}@keyframes ach-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ach-stat-badges{animation:none;width:auto}.ach-stat-track{overflow-x:auto}.ach-stat-tile[aria-hidden=true]{display:none}}.stats-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:960px){.stats-tiles{gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.stats-grid{gap:14px;grid-template-columns:1fr 1fr}}.apanel{display:flex;flex-direction:column;gap:12px;padding:16px 18px}@media(prefers-reduced-motion:reduce){.dist-bar{animation:none}}.apanel,.stat-tile{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.apanel:hover,.stat-tile:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 1px 3px #2821180a,0 8px 18px #28211812}[data-theme=dark] .apanel:hover,[data-theme=dark] .stat-tile:hover{box-shadow:0 1px 3px #0003,0 8px 18px #00000040}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:14px 16px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat-label{font-size:12.5px;font-weight:600;color:var(--text-2)}.stat-sub{font-size:11.5px;color:var(--text-3)}.apanel-kana{position:absolute;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.apanel-kana span{position:absolute;font-weight:700;line-height:1;color:var(--text);opacity:.045;transition:opacity .3s ease}.apanel:hover .apanel-kana span,.stat-tile:hover .apanel-kana span{opacity:.07}.apanel-kana span{font-size:96px;top:-12px;right:-6px;transform:rotate(3deg)}.stat-tile .apanel-kana span{font-size:56px;top:-6px;right:-4px}.apanel>:not(.apanel-kana),.stat-tile>:not(.apanel-kana){position:relative;z-index:1}.apanel-head h2{font-size:15px;font-weight:700}.apanel-head p{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--text-3)}.apanel-caption{font-size:13px;color:var(--text-2);text-align:center;min-height:18px}.apanel-caption strong{color:var(--text);font-weight:700}.dist-chart{display:flex;align-items:stretch;gap:6px;height:132px}.dist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.dist-bar-track{flex:1;width:100%;display:flex;align-items:flex-end}.dist-bar{width:100%;border-radius:6px 6px 3px 3px;background:var(--chart-green);transition:opacity .2s ease,height .4s cubic-bezier(.25,.9,.35,1);transform-origin:bottom;animation:bar-grow .6s cubic-bezier(.25,.9,.35,1) .1s backwards}@keyframes bar-grow{0%{transform:scaleY(0)}}.dist-count{font-size:11px;font-weight:600;line-height:15px;color:var(--text-2)}.dist-label{font-size:9.5px;font-weight:500;line-height:14px;color:var(--text-3);white-space:nowrap}.dist-chart.named .dist-label{font-size:11px}.apanel .dist-chart{margin-top:auto}.search-trigger{display:flex;align-items:center;gap:8px;width:100%;max-width:400px;height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:13.5px;transition:border-color .15s,box-shadow .15s}.search-trigger:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.search-trigger span{flex:1;text-align:left}.search-trigger kbd{font-size:10.5px}.search-mobile{display:none}@media(max-width:760px){.search-trigger{display:none}.search-mobile{display:flex}}.palette-overlay{align-items:flex-start;padding:min(14vh,120px) 16px 16px}.palette{width:100%;max-width:580px;margin:0 auto;display:flex;flex-direction:column;max-height:min(560px,76vh);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-pop);overflow:hidden;animation:dialog-pop .2s cubic-bezier(.3,1.2,.5,1)}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.palette-input input{flex:1;border:none;background:none;color:var(--text);font:inherit;font-size:15px;outline:none}.palette-input input::placeholder{color:var(--text-3)}.palette-esc{padding:3px 8px;border-radius:7px;border:1px solid var(--border-strong);color:var(--text-3);font-size:11px;font-weight:600}.palette-body{flex:1;overflow-y:auto;padding:8px}.palette-section{padding:10px 10px 6px;font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.palette-section-row{display:flex;align-items:baseline;justify-content:space-between}.palette-clear{font-size:11px;font-weight:600;letter-spacing:normal;text-transform:none}.palette-empty{padding:36px 20px;text-align:center;font-size:13.5px;color:var(--text-3)}.presult{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border-radius:11px;text-align:left}.presult.active{background:var(--surface-2)}.presult-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--surface-2);color:var(--text-2);font-size:16px;font-weight:600;flex-shrink:0}.presult.active .presult-icon{background:var(--surface-3)}.presult-main{flex:1;min-width:0}.presult-title{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presult-title small{margin-left:8px;font-size:12px;font-weight:500;color:var(--text-3)}.presult-sub{display:block;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presult-coll{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:500;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presult-coll svg{flex-shrink:0}.presult-chip{background:var(--surface-2);color:var(--text-2);font-size:11px;flex-shrink:0}.presult-chip.hard-chip{background:var(--orange-soft);color:var(--orange)}.add-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:var(--text-2);background:var(--surface-2);transition:background-color .15s,color .15s}.add-btn:hover{color:var(--text);background:var(--surface-3)}.palette-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3)}.palette-foot span{display:flex;align-items:center;gap:5px}.detail-term{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding-bottom:6px}.detail-kanji{font-size:52px;font-weight:600;line-height:1.15}.detail-reading{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--text-2)}.detail-translation{font-size:17px;font-weight:700}.detail-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.detail-tags .chip{background:var(--accent-soft);color:var(--accent)}.detail-tags .detail-collection-chip{background:var(--surface-2);color:var(--text-2)}.tdetail-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.tdetail-glyph{display:flex;align-items:center;justify-content:center;min-width:76px;max-width:50%;padding:12px 16px;border-radius:18px;background:var(--surface-2);font-size:36px;font-weight:600;line-height:1.2}.tdetail-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.tdetail-chips{margin-left:auto;justify-content:flex-end}.tdetail-actions{display:flex;flex-wrap:wrap;gap:8px}.tdetail-voice{background:var(--surface);transition:border-color .15s,transform .25s ease,box-shadow .25s ease}.tdetail-voice:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 1px 3px #2821180a,0 8px 18px #28211812}[data-theme=dark] .tdetail-voice:hover{box-shadow:0 1px 3px #0003,0 8px 18px #00000040}.tdetail-voice:active{transform:translateY(-2px) scale(.985)}.tdetail-voice:hover .avatar{background:var(--orange-soft);color:var(--orange)}.tdetail-voice.danger:hover .avatar{background:var(--red-soft);color:var(--red)}.tdetail-voice.danger:hover .user-chip-name{color:var(--red)}.tdetail-voice .avatar.playing{color:var(--accent-strong)}@media(prefers-reduced-motion:reduce){.tdetail-voice:hover{transform:none}}.tdetail-section{display:flex;flex-direction:column;gap:12px}.tdetail-section .detail-progress{margin-top:0;max-width:none}.detail-rows{width:100%;max-width:340px;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:4px}.detail-progress{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px;margin-top:4px;text-align:left}.shortcut-help{position:fixed;right:18px;bottom:18px;z-index:5;display:flex;flex-direction:column;gap:8px;width:250px;padding:12px 14px;font-size:12.5px;color:var(--text-2);box-shadow:var(--shadow-pop)}.shortcut-help-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text)}.shortcut-help-row{display:flex;align-items:baseline;gap:8px}.shortcut-help-keys{flex-shrink:0;min-width:46px}.shortcut-help-dismiss{align-self:flex-start;font-size:12px}.hc-play{position:absolute;top:10px;left:10px}.detail-notes{width:100%;max-width:340px;margin-top:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;line-height:1.55;color:var(--text-2);text-align:left;white-space:pre-wrap}.detail-rows>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:13.5px}.detail-rows>div+div{border-top:1px solid var(--border)}.detail-rows span{color:var(--text-2)}.detail-rows strong{font-weight:600}.study-greet{display:flex;flex-direction:column;gap:14px}.study-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.study-count{margin-top:0}.study-intro{margin-top:10px;line-height:1.55}.experimental-chip{display:inline-block;margin-left:10px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-3);font-size:11px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;vertical-align:4px}.jlpt-greet{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.study-controls{display:flex;align-items:center;gap:8px}.review-all{padding:0 26px}.add-menu-wrap{position:relative}.menu-backdrop{position:fixed;inset:0;z-index:29}.menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-pop);animation:dialog-pop .16s cubic-bezier(.3,1.2,.5,1)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;font-size:13.5px;font-weight:500;text-align:left;color:var(--text)}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--red)}.menu-item.danger:hover{background:var(--red-soft)}.menu-sep{height:1px;margin:5px 4px;background:var(--border)}.collection-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:700px){.collection-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.collection-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.collection-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:16px 16px 24px;cursor:pointer;transition:border-color .15s,transform .25s ease,box-shadow .25s ease}.cc-dim{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.grid-more{display:flex;justify-content:center}.cc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cc-name{flex:1;min-width:0;text-align:left;font-size:15.5px;font-weight:700;line-height:1.25}.collection-card:hover .cc-name{color:var(--accent)}.cc-desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--text-2)}.cc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.cc-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-2)}.cc-chip{flex-shrink:0;margin-top:1px;padding:2px 8px;background:var(--surface-2);color:var(--text-3);font-size:10.5px}.cc-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:3px;height:10px}.cc-seg{min-width:5px}.cc-seg.due{background:var(--orange)}.cc-seg.done{background:var(--green);opacity:.55}.cc-seg.new{background:var(--surface-3)}.cc-count strong{font-weight:700;color:var(--text)}.cc-due{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:11.5px}.cc-due:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.cc-uptodate{font-size:12.5px;font-weight:600;color:var(--green)}.study-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px 28px;text-align:center}.study-empty h2{font-size:19px;font-weight:700}.study-empty p{font-size:13.5px;color:var(--text-2)}.shortcut-grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-bottom:22px}@media(min-width:700px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-grid .shortcut:last-child:nth-child(odd){grid-column:1 / -1}}@media(min-width:1000px){.shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.shortcut-grid .shortcut:last-child:nth-child(odd){grid-column:auto}}.shortcut{display:flex;align-items:center;gap:12px;padding:13px 14px;text-align:left;transition:border-color .15s,transform .25s ease,box-shadow .25s ease}.shortcut:hover,.collection-card:hover,.stat:hover,.card.hero:hover,.card.activity:hover,.card.term:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 1px 3px #2821180a,0 8px 18px #28211812}.card.hero,.card.activity,.card.term{transition:border-color .15s,transform .25s ease,box-shadow .25s ease}.hard-card{transition:transform .25s ease}.hard-card:hover{transform:translateY(-2px)}.hard-card:hover .hc-face{border-color:var(--border-strong);box-shadow:0 1px 3px #2821180a,0 8px 18px #28211812}[data-theme=dark] .shortcut:hover,[data-theme=dark] .collection-card:hover,[data-theme=dark] .stat:hover,[data-theme=dark] .card.hero:hover,[data-theme=dark] .card.activity:hover,[data-theme=dark] .card.term:hover,[data-theme=dark] .hard-card:hover .hc-face{box-shadow:0 1px 3px #0003,0 8px 18px #00000040}.shortcut:active,.collection-card:active{transform:translateY(-2px) scale(.985)}.shortcut-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:background-color .25s ease,color .25s ease}.shortcut:hover .shortcut-icon{background:var(--orange-soft);color:var(--orange)}@media(prefers-reduced-motion:reduce){.shortcut:hover,.collection-card:hover,.stat:hover,.card.hero:hover,.card.activity:hover,.card.term:hover,.hard-card:hover{transform:none}}.shortcut-text{flex:1;min-width:0}.shortcut-title{display:block;font-size:13.5px;font-weight:600}.shortcut-detail{display:block;font-size:11.5px;color:var(--text-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden}.library-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.library-row+.library-row{border-top:1px solid var(--border)}.library-text{flex:1;min-width:0}.library-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.library-desc{font-size:12px;color:var(--text-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-count{font-size:12px;font-weight:600;color:var(--text-3);flex-shrink:0}.gen-progress{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 0 16px;text-align:center}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:1.5px dashed var(--border-strong);border-radius:16px;color:var(--text-2);font-size:13px;cursor:pointer;transition:border-color .15s,background-color .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dropzone strong{font-size:14.5px;color:var(--text)}.dropzone input{display:none}.term-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.filter-seg{display:flex;align-items:center;padding:3px;border-radius:999px;background:var(--surface-2)}.filter-seg button{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.filter-seg button:hover{color:var(--text)}.filter-seg button.selected{background:var(--accent);color:var(--surface);box-shadow:var(--shadow-card)}.sort-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 15px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:background-color .15s ease,color .15s ease}.sort-btn:hover,.sort-btn[aria-expanded=true]{background:var(--surface-3);color:var(--text)}.sort-caret{margin-left:-2px;color:var(--text-3)}.sort-menu{min-width:150px}.menu-check{margin-left:auto;color:var(--accent)}.library-icon{width:38px;height:38px;border-radius:10px;object-fit:cover;flex-shrink:0}.library-group+.library-group{margin-top:8px}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 0;opacity:0;animation:loading-appear .2s ease .35s forwards}@keyframes loading-appear{to{opacity:1}}.loading.thinking{animation-delay:0s}.loading.thinking .loading-label{font-size:15.5px;font-weight:600}.loading-label{font-size:13px;color:transparent;background:linear-gradient(90deg,var(--text-3) 0%,var(--text-3) 38%,var(--text) 50%,var(--text-3) 62%,var(--text-3) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:label-shimmer 3.5s linear infinite}@keyframes label-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.loading-label{animation:none;background:none;color:var(--text-2)}}.home-load{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.avatar-edit{position:relative;cursor:pointer;transition:box-shadow .15s ease}.avatar-edit:hover{box-shadow:0 0 0 3px var(--accent-soft)}.avatar-edit-badge{position:absolute;right:-3px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-card)}.avatar-grid-wrap{overflow-y:auto;max-height:max(180px,calc(90dvh - 360px))}.avatar-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px;padding:8px 6px}.avatar-option{position:relative;aspect-ratio:1}.avatar-option img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transition:box-shadow .15s ease,transform .1s ease}.avatar-option:hover img{box-shadow:0 0 0 3px var(--accent-soft)}.avatar-option:active img{transform:scale(.95)}.avatar-option.selected img{box-shadow:0 0 0 3px var(--accent)}.avatar-option:disabled{opacity:.7}.avatar-option-check{position:absolute;right:0;bottom:0;color:var(--green);background:var(--surface);border-radius:50%}.avatar-cell{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.avatar-cell img{display:block;width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;transition:box-shadow .15s ease,transform .1s ease}.avatar-cell:hover img{box-shadow:0 0 0 3px var(--accent-soft)}.avatar-cell:active img{transform:scale(.95)}.avatar-cell.selected img{box-shadow:0 0 0 3px var(--accent)}.avatar-cell-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--text-3)}.avatar-cell.selected .avatar-cell-name{color:var(--text)}.avatar-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--border);text-align:center}.avatar-preview>img{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--accent)}.avatar-preview-name{font-size:18px;font-weight:700}.avatar-preview-desc{min-height:2.7em;font-size:13px;line-height:1.35;color:var(--text-2)}.avatar-preview-actions{display:flex;align-items:center;gap:10px;width:100%}.avatar-preview-actions .btn-primary{flex:1}.avatar-shuffle{width:38px;height:38px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:50%}.kanji-pane{display:flex;align-items:stretch;gap:8px}.kanji-pane>.kanji-card{flex:1;min-width:0}.kanji-nav+.kanji-card{border-left:1px solid var(--border);padding-left:14px}.kanji-nav{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.kanji-nav button{position:relative;padding:4px 8px 4px 10px;font-size:18px;line-height:1.4;color:var(--text-3);transition:color .15s}.kanji-nav button:hover{color:var(--text-2)}.kanji-nav button.selected{color:var(--text)}.kanji-nav button.selected:after{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:999px;background:var(--accent)}.kanji-card{display:flex;flex-direction:column;gap:16px}.kanji-head{display:flex;align-items:center;gap:14px}.kanji-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:84px;min-height:84px;flex-shrink:0;padding:8px 6px 6px;border-radius:var(--radius);background:var(--surface-2)}.kanji-tile>[lang=ja]{font-size:42px;line-height:1.2}.kanji-tile-strokes{font-size:11px;font-weight:600;color:var(--text-3)}.kanji-head-info{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.kanji-meanings{font-size:14.5px;font-weight:700;letter-spacing:-.2px}.kanji-readings{display:flex;flex-direction:column;gap:4px}.kanji-reading{display:flex;align-items:baseline;gap:8px;font-size:13.5px}.kanji-reading span{flex-shrink:0;min-width:34px;padding:2px 7px;border-radius:999px;background:var(--surface-2);text-align:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.kanji-reading strong{font-weight:600;min-width:0}.kanji-radical{display:flex;flex-direction:column;gap:8px}.kanji-radical-body{display:flex;align-items:center;gap:12px}.kanji-radical-glyph{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--surface-2);font-size:21px}.kanji-radical-info{display:flex;flex-direction:column;gap:1px;min-width:0}.kanji-radical-meanings{font-size:13.5px;font-weight:600}.kanji-radical-strokes{font-size:12.5px;font-weight:500;color:var(--text-2)}.kanji-examples{display:flex;flex-direction:column;gap:2px}.kanji-example-row{display:flex;align-items:center;gap:10px;padding:5px 2px;font-size:13.5px}.kanji-example-word{font-weight:600;flex-shrink:0}.kanji-example-meaning{color:var(--text-2);flex:1;min-width:0}.pager{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.pager>*{scroll-snap-align:start}.pager-dots{display:flex;justify-content:center;gap:6px;margin-top:6px}.pager-foot{position:relative;display:flex;align-items:center;justify-content:center;min-height:18px}.pager-foot .ai-attribution{position:absolute;left:0;margin-top:0}.pager-foot .pager-dots{margin-top:0}.sentence-section{display:flex;flex-direction:column;gap:12px}.sentence-list{display:flex;flex-direction:column;gap:18px}.sentence-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sentence-pager{flex:1}.sentence-pager .sentence-row{align-items:center;justify-content:center;text-align:center;min-width:0;padding:0 4px;gap:8px}.sentence-pager .sentence-ja{font-size:20px}.sentence-ja{font-size:14.5px;font-weight:400;line-height:1.65}.sentence-term{font-style:normal;font-weight:700}.sentence-en{font-size:14.5px;color:var(--text-2);text-align:left;line-height:1.5;filter:blur(6px);opacity:.55;transition:filter .3s ease,opacity .3s ease}.sentence-en.revealed{filter:none;opacity:1;cursor:default}.term-header{display:flex;flex-direction:column;gap:3px;padding-bottom:14px;border-bottom:1px solid var(--border)}.term-header-main{font-size:26px;font-weight:700;line-height:1.3}.term-header-sub{font-size:14px;color:var(--text-2);line-height:1.4}.progress-card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius)}.progress-title{font-size:13px;font-weight:600;color:var(--text-2)}.progress-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 24px;text-align:center}.progress-new.fill{flex:1}.progress-new-tattoo{line-height:0;color:var(--text);opacity:.045;transform:rotate(3deg);pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:4px}.progress-new .srow-sub{max-width:320px}.difficulty-chart-wrap{position:relative}.difficulty-chart{width:100%;height:auto;touch-action:none}.chart-cursor{pointer-events:none}.difficulty-dot{transition:r .12s ease}.chart-tooltip{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;padding:6px 9px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-pop);font-size:11px;line-height:1.35;white-space:nowrap;pointer-events:none}.chart-tooltip-rating{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--text)}.chart-tooltip-rating i{display:inline-block;width:8px;height:8px;border-radius:50%}.chart-tooltip-diff{color:var(--text-2)}.chart-tooltip-date{color:var(--text-3)}.difficulty-chart text{font-size:9px;fill:var(--text-3)}.difficulty-line{stroke-dasharray:1;stroke-dashoffset:1;animation:chart-draw .9s cubic-bezier(.4,0,.2,1) .1s forwards}@keyframes chart-draw{to{stroke-dashoffset:0}}.difficulty-area{animation:fade-in .7s ease .4s backwards}.difficulty-dot{animation:fade-in .3s ease backwards}.gauge-fill{animation:gauge-fill .8s cubic-bezier(.25,.9,.35,1) .15s backwards}@keyframes gauge-fill{0%{stroke-dasharray:0 100}}@media(prefers-reduced-motion:reduce){.difficulty-line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.difficulty-area,.difficulty-dot,.gauge-fill{animation:none}}.rating-legend{display:flex;justify-content:center;gap:14px;font-size:11px;color:var(--text-2)}.rating-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.gauge-row{display:flex;align-items:center;gap:16px}.gauge{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gauge-value{position:absolute;font-size:15px;font-weight:800}.gauge-info{display:flex;flex-direction:column;gap:2px}.gauge-band{font-size:17px;font-weight:700}.progress-stats{display:flex;justify-content:space-around;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);text-align:center}.progress-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px}.progress-stat-value{font-size:15.5px;font-weight:700}.ai-attribution{display:flex;align-items:center;gap:5px;margin-top:auto;font-size:12.5px;font-weight:500;color:color-mix(in srgb,var(--accent) 60%,transparent)}.enrichment-text{display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.65;color:var(--text-2)}.srow-btn{width:100%}.srow-btn:hover .srow-title{color:var(--accent)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.achievement-cell{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.achievement-tile{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);font-size:32px;line-height:1;transition:transform .1s ease;overflow:hidden}.achievement-tile:after{content:"";position:absolute;inset:-20% -60%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.18) 47%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.18) 53%,transparent 60%);transform:translate(-100%);animation:achievement-shimmer 6s ease-in-out infinite}@keyframes achievement-shimmer{0%,72%{transform:translate(-100%)}to{transform:translate(100%)}}.achievement-grid .achievement-cell:nth-child(3n+2) .achievement-tile:after{animation-delay:.25s}.achievement-grid .achievement-cell:nth-child(3n) .achievement-tile:after{animation-delay:.5s}.locked .achievement-tile:after{content:none}@media(prefers-reduced-motion:reduce){.achievement-tile:after{animation:none}}.achievement-tile img{width:70%;height:70%;object-fit:contain}.achievement-cell:active .achievement-tile{transform:scale(.95)}.locked .achievement-tile{filter:grayscale(1);opacity:.45}.achievement-name{font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-cell.locked .achievement-name{color:var(--text-3)}.achievement-date{font-size:11px;color:var(--text-2)}.achievement-detail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}.achievement-tile-lg{width:120px;height:120px;border-radius:26px;font-size:64px}.onboarding{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;justify-content:center;overflow-y:auto;animation:fade-in .2s ease-out}.onboarding-inner{display:flex;flex-direction:column;width:100%;max-width:560px;min-height:100%;padding:16px 22px calc(18px + env(safe-area-inset-bottom))}.onboarding-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-dots{display:flex;gap:6px}.onboarding-dots span{width:18px;height:6px;border-radius:3px;background:var(--surface-3);transition:background-color .2s ease,width .2s ease}.onboarding-dots span.done{background:color-mix(in srgb,var(--accent) 45%,transparent)}.onboarding-dots span.active{width:28px;background:var(--accent)}.onboarding-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:26px 0 16px}.onboarding-inner.fill{height:100%}.onboarding-step.fill{flex:1;min-height:0}.onboarding-step.fill>:not(.preview-cards){flex-shrink:0}.onboarding-step{display:flex;flex-direction:column;gap:16px}.onboarding-step h1{font-size:26px;font-weight:800;letter-spacing:-.5px}.onboarding-subtitle{margin-top:-8px;font-size:14.5px;color:var(--text-2)}.onboarding-bottom{display:flex;flex-direction:column;gap:8px;padding-top:12px}.onboarding-continue{width:100%;height:48px;font-size:15px;padding:0 52px}.onboarding-continue>svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);box-sizing:content-box;padding:6px;border-radius:50%;background:#ffffff38;transition:transform .15s ease}.onboarding-continue:hover:not(:disabled)>svg{transform:translateY(-50%) translate(3px)}@media(prefers-reduced-motion:reduce){.onboarding-continue:hover:not(:disabled)>svg{transform:translateY(-50%)}}.onboarding-step>*{animation:onb-rise .3s ease-out backwards}.onboarding-step>:nth-child(2){animation-delay:.05s}.onboarding-step>:nth-child(n+3){animation-delay:.1s}.onboarding-step .loading{opacity:1;animation:none}.interest-card,.level-card,.srs-row,.preview-card-row{animation:onb-rise .3s ease-out backwards;animation-delay:calc(.12s + var(--i, 0) * 35ms)}@keyframes onb-rise{0%{opacity:0;transform:translateY(7px)}}@media(prefers-reduced-motion:reduce){.onboarding-step>*,.interest-card,.level-card,.srs-row,.preview-card-row,.interest-card.selected .interest-icon,.interest-check,.level-check,.config-card,.srs-stop .srs-dot,.srs-stop>span,.demo-card.flipped,.demo-grades{animation:none}}.avatar-strip-wrap{position:relative}.avatar-strip-wrap:before,.avatar-strip-wrap:after{content:"";position:absolute;top:0;height:66px;width:40px;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease}.avatar-strip-wrap:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.avatar-strip-wrap:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.avatar-strip-wrap.fade-left:before,.avatar-strip-wrap.fade-right:after{opacity:1}.avatar-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}.avatar-strip .avatar-option{width:56px;flex-shrink:0}.avatar-strip-nav{position:absolute;top:30px;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);color:var(--text-2);transition:opacity .2s ease,color .15s ease}.avatar-strip-nav.left{left:-8px}.avatar-strip-nav.right{right:-8px}.avatar-strip-nav:hover:not(:disabled){color:var(--text)}.avatar-strip-nav:disabled{opacity:.35;cursor:default}.avatar-strip-caption{text-align:center;margin-top:2px}.avatar-strip-caption strong{font-size:13.5px}.avatar-strip-caption p{margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--text-2)}.interest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.interest-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 11px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:12px;font-weight:600;line-height:1.25;text-align:center;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.interest-card:hover:not(.selected):not(.capped){border-color:var(--border-strong)}.interest-card:hover:not(.capped){transform:translateY(-2px);box-shadow:var(--shadow-card)}.interest-card:hover:not(.capped) .interest-icon{transform:scale(1.1)}.interest-card:active:not(.capped){transform:scale(.97)}.interest-card.selected{border-color:var(--accent);background:var(--accent-soft)}.interest-card.selected .interest-icon{animation:interest-pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes interest-pop{50%{transform:scale(1.18)}}.interest-card.capped{opacity:.45}.interest-icon{width:44px;height:44px;object-fit:contain;transition:transform .15s ease}.chip-icon{width:14px;height:14px;object-fit:contain}.interest-check{position:absolute;top:7px;right:7px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;animation:pop-in .25s cubic-bezier(.3,1.6,.5,1)}.level-list{display:flex;flex-direction:column;gap:10px}.level-card{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease,box-shadow .15s ease}.level-card:hover:not(.selected){border-color:var(--border-strong)}.level-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.level-card:active{transform:scale(.99)}.level-card.selected{border-color:var(--accent);background:var(--accent-soft)}.level-card:nth-child(1){--level-color: var(--green);--level-soft: var(--green-soft)}.level-card:nth-child(2){--level-color: var(--orange);--level-soft: var(--orange-soft)}.level-card:nth-child(3){--level-color: var(--red);--level-soft: var(--red-soft)}.level-visual{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.level-jlpt{font-size:10px;font-weight:700;letter-spacing:.3px;color:var(--level-color)}.level-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:42px;height:42px;padding-bottom:11px;border-radius:12px;background:var(--level-soft);flex-shrink:0}.level-bars i{width:5px;border-radius:2.5px;background:color-mix(in srgb,var(--level-color) 22%,transparent)}.level-bars i:nth-child(1){height:8px}.level-bars i:nth-child(2){height:14px}.level-bars i:nth-child(3){height:20px}.level-bars i.on{background:var(--level-color)}.level-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.level-title{font-size:15px;font-weight:700}.level-desc{font-size:13px;color:var(--text-2);line-height:1.5}.level-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0;animation:pop-in .25s cubic-bezier(.3,1.6,.5,1)}.jlpt-info{font-size:13.5px;color:var(--text-2)}.jlpt-info summary{cursor:pointer;font-weight:600;color:var(--accent)}.jlpt-info p{margin-top:8px;line-height:1.55}.onboarding-generating{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px}.onboarding-pills{display:flex;flex-wrap:wrap;gap:8px}.onboarding-pills .chip{padding:5px 11px;border:1px solid var(--border);background:var(--surface)}.preview-cards{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;min-height:0}.preview-card-row{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;padding:11px 14px;font-size:13.5px}.preview-card-row+.preview-card-row{border-top:1px solid var(--border)}.preview-kanji{font-size:16px;font-weight:700}.preview-reading{color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-translation{color:var(--text-2);text-align:right}.srs-timeline{display:flex;align-items:center;padding:20px 26px 36px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.srs-gap{height:0;border-top:2px dashed var(--border-strong)}.srs-gap.g1{flex:1}.srs-gap.g2{flex:2}.srs-gap.g3{flex:4}.srs-stop{position:relative;display:flex;justify-content:center}.srs-stop .srs-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pop-in .3s cubic-bezier(.3,1.6,.5,1) calc(.2s + var(--i, 0) * .12s) backwards}.srs-stop>span{position:absolute;top:16px;font-size:10.5px;font-weight:600;white-space:nowrap;color:var(--text-2);animation:fade-in .3s ease-out calc(.25s + var(--i, 0) * .12s) backwards}.srs-rows{display:flex;flex-direction:column;gap:16px}.srs-row{display:flex;gap:13px;align-items:flex-start}.demo-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:190px;cursor:pointer}.demo-card.flipped{animation:demo-flip .4s cubic-bezier(.25,.9,.35,1) backwards}@keyframes demo-flip{0%{transform:perspective(700px) rotateY(-70deg);opacity:.35}}.demo-audio{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;height:32px;padding:0 13px 0 35px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .1s ease}.demo-audio>svg{position:absolute;left:4px;top:50%;transform:translateY(-50%);box-sizing:content-box;padding:5px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.demo-audio:hover{color:var(--text);border-color:var(--border-strong)}.demo-audio:active{transform:scale(.96)}.demo-audio.playing{color:var(--accent);border-color:var(--accent)}.demo-main{font-size:34px;font-weight:700;text-align:center;text-wrap:balance}.demo-sub{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--text-2)}.demo-sub i{width:1px;height:18px;background:var(--border-strong)}.preview-model{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3)}.demo-autoplay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left;animation:fade-in .25s ease-out backwards}.demo-grades{margin-top:0;animation:onb-rise .3s ease-out .15s backwards}.demo-grades .gbtn.selected{box-shadow:inset 0 0 0 1.5px currentColor;filter:none}.demo-grades .gbtn.again.selected{background:var(--red-soft);color:var(--red)}.demo-grades .gbtn.hard.selected{background:var(--orange-soft);color:var(--orange)}.demo-grades .gbtn.good.selected{background:var(--green-soft);color:var(--green)}.demo-grades .gbtn.easy.selected{background:var(--blue-soft);color:var(--blue)}.onboarding-ready{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;padding-top:12px}.onboarding-ready .settings-note{max-width:320px;margin-top:4px}.ready-flame{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--surface-2);color:var(--text-3);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .4s ease,color .4s ease}.ready-flame.active{background:var(--orange-soft);color:var(--orange);transform:scale(1.12);animation:ready-glow 2.2s ease-out .6s infinite}@keyframes ready-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--orange) 35%,transparent)}70%,to{box-shadow:0 0 0 12px transparent}}.ready-count{font-size:15px;font-weight:600;color:var(--text-2);opacity:0;transition:opacity .3s ease}.ready-count.show{opacity:1}.ready-count .num{font-size:17px;color:var(--text)}.ready-week{display:flex;gap:7px}.ready-day{display:flex;flex-direction:column;align-items:center;gap:6px}.ready-day-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.ready-day-box{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;border:1.5px dashed var(--border-strong);color:var(--green)}.ready-day.lit .ready-day-box{border-color:transparent;background:var(--green-soft);animation:chip-pop .45s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.ready-flame{transition:none;animation:none}.ready-day.lit .ready-day-box{animation:none}}.onboarding-cta-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:var(--surface-2);color:var(--text-2)}.onboarding-cta{display:flex;align-items:center;gap:13px;width:100%;padding:15px 17px;margin-bottom:16px;text-align:left;color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .15s ease}.onboarding-cta:hover{border-color:var(--accent)}@keyframes cta-pulse{0%{box-shadow:0 0 rgba(var(--accent-rgb),.3)}70%,to{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0)}}.onboarding-cta{animation:cta-pulse 2.8s ease-out infinite}@media(prefers-reduced-motion:reduce){.onboarding-cta{animation:none}}.onboarding-cta .onboarding-cta-chip{background:var(--surface)}.onboarding-cta-text{flex:1;display:flex;flex-direction:column;gap:2px}.onboarding-cta-text strong{font-size:14.5px;color:var(--text)}.onboarding-cta-text small{font-size:12.5px;color:var(--text-2)}.landing{max-width:1040px;margin:0 auto;padding:20px 24px 40px;overflow-x:clip}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:6px 0 28px}.landing-header-actions{display:flex;align-items:center;gap:8px}.landing-header .brand,.landing-final .brand{gap:11px;font-size:26px;letter-spacing:-.3px}.landing-header .brand-logo,.landing-final .brand-logo{width:30px;height:30px}.landing-final .brand{justify-content:center;margin-bottom:16px}@media(max-width:480px){.landing-header .brand span,.landing-final .brand span{display:inline}}.landing-hero{position:relative;display:grid;grid-template-columns:1fr;align-items:center;gap:48px;padding:40px 0 48px}.landing-hero-copy{max-width:680px}.landing-kana{position:absolute;font-weight:700;line-height:1;color:var(--text);opacity:.045;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-kana.k1{font-size:150px;top:-36px;right:2%;animation-delay:-3s}.landing-kana.k2{font-size:92px;top:40%;left:60%;animation-delay:-7s}.landing-kana.k3{font-size:84px;bottom:16px;right:26%;animation-delay:-11s}.landing-kana.k4{font-size:68px;top:6%;left:34%;animation-delay:-5s}@keyframes kana-drift{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}.landing-hero-copy{position:relative;z-index:1}.landing-hero-copy>*{animation:rise .55s ease-out backwards}.landing-hero-copy>*:nth-child(2){animation-delay:.08s}.landing-hero-copy>*:nth-child(3){animation-delay:.16s}.landing-hero-copy>*:nth-child(4){animation-delay:.24s}.landing-hero-copy>*:nth-child(5){animation-delay:.32s}.landing-hero-copy>*:nth-child(6){animation-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.landing-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;margin-bottom:16px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12.5px;font-weight:600}.landing-eyebrow img{width:17px;height:17px}.landing-hero-copy h1{font-size:clamp(32px,5vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.12}.landing-sub{margin-top:16px;font-size:16px;line-height:1.6;color:var(--text-2);max-width:52ch}.landing-ctas{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.btn.landing-cta{padding:14px 30px;font-size:16px}.btn.landing-cta:has(>svg:first-child){padding-left:50px}.landing-cta-divider{width:1px;height:30px;background:var(--border-strong)}.landing-note{display:flex;align-items:center;gap:6px;margin-top:18px;font-size:13px;color:var(--text-3)}.landing-badge{display:inline-block;line-height:0;transition:opacity .15s ease}.landing-badge:hover{opacity:.85}.landing-badge img{display:block;height:40px}.landing-badge.about-badge{margin-top:14px}.landing-badge.about-badge img{height:36px}.landing-deck{position:relative;width:min(420px,calc(100% - 24px));margin:0 auto;perspective:1400px;animation:deck-in .7s ease-out backwards,deck-float 7s ease-in-out .7s infinite}@keyframes deck-in{0%{opacity:0;transform:translateY(26px) scale(.97)}}@keyframes deck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.deck-glow{position:absolute;inset:-48px -64px;background:radial-gradient(closest-side,rgba(224,113,24,.13),transparent 72%);filter:blur(28px);pointer-events:none}[data-theme=dark] .deck-glow{background:radial-gradient(closest-side,rgba(245,150,74,.1),transparent 72%)}.deck-layer{position:absolute;inset:0;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-card)}.deck-layer.l1{transform:rotate(-5deg) translate(-18px,16px);background:color-mix(in srgb,var(--surface) 70%,var(--bg))}.deck-layer.l2{transform:rotate(4deg) translate(12px,30px);background:color-mix(in srgb,var(--surface) 40%,var(--bg));border-color:color-mix(in srgb,var(--border) 60%,var(--bg))}.flip-card{position:relative;display:block;width:100%;aspect-ratio:8 / 5;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.35,.9,.3,1)}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 26px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.back{transform:rotateY(180deg)}.landing-card-chip{position:absolute;top:18px;background:var(--accent-soft);color:var(--accent)}.flip-main{font-size:62px;font-weight:700;line-height:1.2}.flip-recap{font-size:22px;color:var(--text-2)}.flip-reading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;color:var(--text-2)}.flip-translation{font-size:24px;font-weight:700}.deck-chip{opacity:0;position:absolute;display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);font-size:12.5px;font-weight:600;pointer-events:none}.deck-chip.streak{top:-16px;left:-34px}.deck-chip.streak.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) both,chip-float 5.5s ease-in-out .55s infinite}.deck-chip.streak svg{color:var(--orange)}.deck-chip.award{top:-16px;right:-20px}.deck-chip.award.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) .18s both,chip-float 6s ease-in-out .73s infinite}.deck-chip.goal{bottom:34px;left:-40px}.deck-chip.goal.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) .36s both,chip-float 5.2s ease-in-out .91s infinite}.deck-chip.goal svg{color:var(--green)}.deck-chip.award img{width:20px;height:20px}@keyframes chip-pop{0%{opacity:0;transform:translateY(14px) scale(.4)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.landing-grade-dock{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:9px 11px;border-radius:15px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.lgrade{padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600;opacity:0;transform:translateY(16px) scale(.6) rotate(var(--tilt, 0deg));transition:opacity .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.lgrade:nth-child(1){--tilt: -10deg;--tilt-rest: -2.5deg}.lgrade:nth-child(2){--tilt: 8deg;--tilt-rest: 2deg}.lgrade:nth-child(3){--tilt: -7deg;--tilt-rest: -1.5deg}.lgrade:nth-child(4){--tilt: 10deg;--tilt-rest: 2.5deg}.flip-card.flipped .lgrade{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt-rest, 0deg))}.flip-card.flipped .lgrade:nth-child(1){transition-delay:.3s}.flip-card.flipped .lgrade:nth-child(2){transition-delay:.38s}.flip-card.flipped .lgrade:nth-child(3){transition-delay:.46s}.flip-card.flipped .lgrade:nth-child(4){transition-delay:.54s}.lgrade.again{background:var(--red-soft);color:var(--red)}.lgrade.hard{background:var(--orange-soft);color:var(--orange)}.lgrade.good{background:var(--accent-soft);color:var(--accent)}.lgrade.easy{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.flip-card.flipped .lgrade.easy.tapped{transform:translateY(0) scale(.82) rotate(var(--tilt-rest, 0deg));box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 25%,transparent);transition:transform .16s ease,box-shadow .16s ease;transition-delay:0s}.flip-card.flipped .lgrade.again.tapped{transform:translateY(0) scale(.82) rotate(var(--tilt-rest, 0deg));box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 25%,transparent);transition:transform .16s ease,box-shadow .16s ease;transition-delay:0s}.srs-demo .landing-deck.static{animation:none}.srs-demo .landing-deck{width:min(620px,calc(100% - 24px));margin-top:56px;margin-bottom:56px}.srs-layer{position:absolute;inset:0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card)}.srs-layer.l1{transform:translateY(-12px) scale(.965);opacity:.8}.srs-layer.l2{transform:translateY(-22px) scale(.93);opacity:.5}.srs-demo .flip-carrier{position:relative;z-index:1;perspective:1400px;transition:opacity .35s ease,visibility 0s}.srs-demo .flip-card{transition:transform .7s cubic-bezier(.35,.9,.3,1)}.srs-demo .srs-layer{transition:opacity .35s ease}.srs-demo.celebrate .srs-layer{opacity:0}.srs-demo.celebrate .flip-carrier{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .5s}.srs-demo.celebrate .flip-card{transition:transform 0s}.srs-demo.celebrate .srs-layer{transition:opacity .45s ease}.srs-demo.celebrate .deck-chip.streak,.srs-demo.celebrate .deck-chip.award,.srs-demo.celebrate .deck-chip.goal{left:0;right:0;width:fit-content;margin:0 auto}.srs-demo.celebrate .deck-chip.streak{top:calc(50% - 76px)}.srs-demo.celebrate .deck-chip.award{top:calc(50% - 19px)}.srs-demo.celebrate .deck-chip.goal{top:calc(50% + 38px);bottom:auto}.srs-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto}.srs-progress-seg{position:relative;width:6px;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;transition:width .35s ease,background-color .3s ease}.srs-progress-seg.active{width:44px}.srs-progress-seg.done{background:var(--text-3)}.srs-progress-fill{position:absolute;inset:0;border-radius:inherit;background:var(--text-3);transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.srs-demo .deck-chip{z-index:2;gap:8px;padding:11px 17px;font-size:15px;transition:opacity .3s ease}.srs-demo .deck-chip.streak.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) both}.srs-demo .deck-chip.award.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) .18s both}.srs-demo .deck-chip.goal.show{animation:chip-pop .55s cubic-bezier(.34,1.56,.64,1) .36s both}.srs-demo .deck-chip.award img{width:24px}.srs-demo .landing-grade-dock{gap:12px;padding:16px 18px;border-radius:22px;bottom:-36px}.srs-demo .lgrade{--tilt: 0deg;--tilt-rest: 0deg;padding:12px 26px;border-radius:14px;font-size:16px}.srs-demo .flip-main{transition:opacity .25s ease}.srs-demo .flip-main.swap{opacity:0;transition:none}.srs-demo .flip-face.back .flip-reading{font-size:21px;gap:10px}.srs-demo .flip-face.back .flip-translation{font-size:34px;font-weight:700}.srs-demo .flip-card.flipped .lgrade.easy.tapped{background:var(--green);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 30%,transparent)}.srs-demo .flip-card.flipped .lgrade.again.tapped{background:var(--red);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--red) 30%,transparent)}.srs-demo .landing-grade-dock{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.srs-demo .landing-grade-dock.easy{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 45%,var(--border))}.srs-demo .landing-grade-dock.again{background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 45%,var(--border))}.srs-demo .lgrade-next{font-size:17px;transform:scale(.8);transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.srs-demo .lgrade-next strong{font-weight:800}.srs-demo .landing-grade-dock.rated .lgrade-next{transform:scale(1)}.srs-demo .landing-grade-dock.rated.easy{border-color:color-mix(in srgb,var(--green) 45%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent),var(--shadow-card)}.srs-demo .landing-grade-dock.rated.easy .lgrade-next svg,.srs-demo .landing-grade-dock.rated.easy .lgrade-next strong{color:var(--green)}.srs-demo .landing-grade-dock.rated.again{border-color:color-mix(in srgb,var(--red) 45%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 12%,transparent),var(--shadow-card)}.srs-demo .landing-grade-dock.rated.again .lgrade-next strong{color:var(--red)}.flip-card.flipped .landing-grade-dock.rated .lgrade{opacity:0;transform:translateY(0) scale(.8) rotate(var(--tilt-rest, 0deg));transition:opacity .25s ease,transform .25s ease;transition-delay:0s}.lgrade-next{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2);opacity:0;transition:opacity .3s ease;pointer-events:none}.lgrade-next svg{color:var(--accent)}.landing-grade-dock.rated .lgrade-next{opacity:1;transition-delay:.2s}.landing-section{padding:30px 0}.pin-stage{position:relative}.pin-stage-inner{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center}@media(max-width:800px){.pin-stage{height:auto!important}.pin-stage-inner{position:static;min-height:0;display:block}}.landing-section h2{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.5px;margin-bottom:24px}.landing-section-sub{margin:-16px 0 26px;font-size:15px;line-height:1.5;color:var(--text-2)}html.js .scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}html.js .scroll-reveal.in{opacity:1;transform:translateY(0)}html[data-boot=app] .landing[data-prerender]{display:none}.sneak-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sneak-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;border:1px solid transparent;background:var(--surface-2);color:var(--text-2);font-size:13.5px;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sneak-tab:hover{background:var(--surface-3);color:var(--text)}.sneak-tab.active{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-card)}.sneak-frame{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-pop);overflow:hidden}.sneak-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.sneak-dot{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.sneak-url{margin:0 auto;transform:translate(-21px);padding:3px 28px;border-radius:7px;border:1px solid var(--border);background:var(--surface);font-size:11.5px;color:var(--text-3)}.sneak-shots{position:relative;aspect-ratio:1360 / 850}.sneak-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .5s ease,transform .5s ease}.sneak-shots img.active{opacity:1;transform:none}.sneak-caption{margin-top:14px;min-height:22px;text-align:center;font-size:14px;color:var(--text-2)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:20px;height:100%;transition:transform .25s ease,box-shadow .25s ease}.feature:hover{transform:translateY(-4px);box-shadow:0 2px 4px #2821180d,0 14px 34px #2821181a}[data-theme=dark] .feature:hover{box-shadow:0 2px 4px #0000004d,0 14px 34px #00000059}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:background-color .25s ease,color .25s ease}.feature:hover .feature-icon{background:var(--orange-soft);color:var(--orange)}.feature h3{margin-top:12px;font-size:15px;font-weight:700}.feature p{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--text-2)}.library-orbit{--orbit-size: min(460px, calc(100vw - 48px) );position:relative;width:var(--orbit-size);height:var(--orbit-size);margin:10px auto 0}.orbit-ring{position:absolute;inset:0;animation:orbit-spin var(--spin, 90s) linear infinite}.orbit-ring.reverse{animation-name:orbit-spin-reverse}.orbit-dot,.orbit-item{position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);transform:rotate(var(--angle)) translateY(calc(var(--orbit-size) * var(--r) * -1))}.orbit-dot{border-radius:50%;background:var(--text-3)}.orbit-dot.t1{opacity:.35}.orbit-dot.t2{opacity:.2}.orbit-dot.t3{opacity:.1}.orbit-item{padding:0;transform:rotate(var(--angle)) translateY(calc(var(--orbit-size) * var(--r) * -1)) scale(var(--scale, 1));transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:1}.orbit-item.active{--scale: var(--active-scale);z-index:3}.orbit-item-spin{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);animation:orbit-counter var(--spin, 90s) linear infinite;transition:border-color .4s ease,box-shadow .4s ease}.orbit-item img{width:64%;height:64%;object-fit:contain}.orbit-item.active .orbit-item-spin{border-color:var(--border-strong);box-shadow:0 6px 18px #28211829}[data-theme=dark] .orbit-item.active .orbit-item-spin{box-shadow:0 6px 18px #00000073}.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:calc(var(--orbit-size) * .4);height:calc(var(--orbit-size) * .4);border-radius:50%;text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);z-index:2}.orbit-center-copy{display:flex;flex-direction:column;gap:3px;padding:14px;animation:fade-in .35s ease}.orbit-center-copy strong{font-size:clamp(15px,2.4vw,19px);font-weight:800;letter-spacing:-.3px;line-height:1.2}.orbit-center-terms{font-size:13px;color:var(--text-2)}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-counter{0%{transform:rotate(calc(var(--angle) * -1))}to{transform:rotate(calc(var(--angle) * -1 - 360deg))}}.race-grid{display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 auto}.race-prompt{display:flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);font-size:14px;color:var(--text);transition:font-size .45s ease,padding .45s ease}.race-prompt.big{font-size:18px;padding:22px 26px}.race-prompt svg{color:var(--text-3);flex-shrink:0}.race-caret{display:inline-block;width:1.5px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background:var(--text-2);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.race-lane{padding:18px 20px}.race-lane.fast{border-color:color-mix(in srgb,var(--green) 32%,var(--border))}.race-lane header{display:flex;align-items:center;gap:8px;font-size:14.5px}.race-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.race-dot.grey{background:var(--accent)}.race-brand .brand-logo{width:18px;height:18px}.race-readout{display:flex;align-items:center;gap:10px;margin-top:14px}.race-lane.old .race-readout{color:var(--text-2)}.race-lane.fast .race-readout{color:var(--green)}.race-time{font-size:29px;font-weight:800;letter-spacing:-.5px}.race-cards{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;color:var(--text)}.race-cards-label{font-size:11.5px;color:var(--text-3)}.race-cards .num{font-size:14px;font-weight:600}.race-bar{margin-top:14px;height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.race-bar span{display:block;height:100%;border-radius:999px}.race-lane.old .race-bar span{background:var(--accent)}.race-lane.fast .race-bar span{background:var(--green)}.race-status{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13px;color:var(--text-2);min-height:1.4em}.race-steps{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:7px}.race-steps li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-3);transition:color .3s ease,font-size .3s ease}.race-steps li.active{color:var(--text);font-weight:600;font-size:14.5px}.race-steps li.done{color:var(--text-2)}.race-step-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-strong);flex-shrink:0;transition:border-color .2s ease}.race-step-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity .2s ease}.race-steps li.done .race-step-mark{border-color:var(--accent)}.race-steps li.done .race-step-mark:after{opacity:1}.race-steps li.active .race-step-mark{border-color:var(--accent);animation:study-pulse 1.2s ease-in-out infinite}.race-lane.old .race-status.done{color:var(--text-2)}.race-lane.fast .race-status.done{color:var(--green)}.race-row{display:grid;grid-template-columns:1fr 148px;gap:14px;align-items:stretch;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.race-row.show{opacity:1;transform:none}.race-row.show~.race-row.show{transition-delay:.15s}.race-aside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px;text-align:center;border-radius:var(--radius);transition:opacity .5s ease,transform .5s ease}.race-aside:not(.show){opacity:0;transform:translateY(6px)}.race-aside.fast{border:1px solid color-mix(in srgb,var(--green) 30%,var(--border));background:var(--green-soft)}.race-aside.old{border:1px solid var(--border-strong);background:var(--surface-2)}.race-aside.show{opacity:1;transform:none}.race-aside-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface);margin-bottom:4px}.race-aside.fast .race-aside-icon{color:var(--green);animation:study-pulse 2.4s ease-in-out infinite}.race-aside.old .race-aside-icon{color:var(--text-2)}.race-aside-count{font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.race-aside.fast .race-aside-count{color:var(--green)}.race-aside.old .race-aside-count{color:var(--text-2)}.race-aside small{font-size:12px;color:var(--text-2)}.race-aside .race-aside-sub{font-size:11px;color:var(--text-3)}@keyframes study-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.enrich-grid{display:grid;grid-template-columns:1fr 200px;gap:18px;align-items:center;max-width:780px;margin:0 auto}.enrich-card{position:relative;display:flex;flex-direction:column;padding:30px 34px}.enrich-voice{position:absolute;top:16px;left:16px;background:var(--surface);opacity:0;transform:scale(.6);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.enrich-voice.show{opacity:1;transform:none}.enrich-voice .avatar{width:26px;height:26px}.enrich-voice .avatar.playing{color:var(--accent-strong)}.enrich-term{display:block;font-size:48px;font-weight:700;line-height:1.2}.enrich-reading{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:16px;color:var(--text-2)}.enrich-translation{display:block;margin-top:10px;font-size:17px}.enrich-attribution{margin-top:auto;padding-top:16px;opacity:0;transition:opacity .5s ease}.enrich-attribution.show{opacity:1}.enrich-block{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .5s ease,margin-top .5s ease}.enrich-block.show{grid-template-rows:1fr;opacity:1;margin-top:16px}.enrich-block.first,.enrich-block.first.show{display:grid;grid-template-rows:auto;grid-template-columns:1fr auto 1fr;margin-top:0}.enrich-block.first .enrich-block-inner{grid-column:2;text-align:center}.enrich-block-inner{overflow:hidden}.enrich-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-3);margin-bottom:3px}.enrich-block p{font-size:15px;line-height:1.5}.enrich-block .enrich-sub{font-size:14px;color:var(--text-2)}.enrich-list .race-steps{margin-top:0}.enrich-replay{display:flex;align-items:center;gap:5px;margin-top:14px;padding:4px 0;font-size:12px;color:var(--text-3);opacity:0;pointer-events:none;transition:opacity .4s ease,color .2s ease}.enrich-replay.show{opacity:1;pointer-events:auto}.enrich-replay:hover{color:var(--text)}@media(max-width:800px){.enrich-grid{grid-template-columns:1fr}}.gen-demo{max-width:640px;margin:0 auto}.gen-card{position:relative;display:flex;flex-direction:column;padding:30px 34px}.gen-status{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text-2)}.gen-status.busy svg{animation:study-pulse 1.2s ease-in-out infinite}.gen-status:not(.busy) svg{color:var(--green)}.gen-head{text-align:center}.gen-block{margin-top:18px}.gen-block p{font-size:15px;line-height:1.55}.gen-block .gen-sub{font-size:14px;color:var(--text-2)}.gen-fade{opacity:0;transition:opacity .4s ease}.gen-fade.show{opacity:1}.gen-replay{margin:12px auto 0}.edeck{max-width:620px;margin:0 auto}.edeck-stage{position:relative;height:440px}.edeck-card{position:absolute;inset:36px 0 0;display:flex;flex-direction:column;padding:22px 28px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease}.edeck-card.d0{z-index:4}.edeck-card.d1{transform:translateY(-13px) scale(.96);opacity:.85;z-index:3}.edeck-card.d2{transform:translateY(-24px) scale(.92);opacity:.55;z-index:2}.edeck-card.d3{transform:translateY(-33px) scale(.88);opacity:.3;z-index:1}.edeck-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.edeck-head .enrich-label{margin-bottom:0}.edeck-ref{font-size:14px;color:var(--text-3)}.edeck-tags{display:flex;gap:8px;margin-bottom:16px}.edeck-tag{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.edeck-pairs{list-style:none;margin-top:6px}.edeck-pair{margin-top:12px}.edeck-pair p{font-size:15.5px;line-height:1.5}.edeck-pair .edeck-pair-en{font-size:13.5px;color:var(--text-2)}.edeck-sub{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--text-2)}.edeck-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.edeck-voice{gap:12px}.edeck-voice .avatar.playing{color:var(--accent-strong)}.edeck-credit{margin-top:auto;padding-top:12px}.edeck-tabs{justify-content:center;margin-bottom:4px}.edeck-tabs .sneak-tab{position:relative;overflow:hidden;isolation:isolate}.edeck-progress{position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--accent) 14%,transparent);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}.study-demo{max-width:620px;margin:0 auto}.study-demo .card-stack{height:min(46vh,420px)}.study-demo .srs-progress{margin-top:40px;transition:opacity .3s ease}.study-demo .srs-progress.out{opacity:0}.study-demo-hint{margin-top:14px;text-align:center;font-size:13px;color:var(--text-3)}.landing-steps{list-style:none;display:flex;flex-direction:column;gap:20px;max-width:560px}.landing-steps li{position:relative}.landing-steps li:not(:last-child):before{content:"";position:absolute;left:14px;top:38px;bottom:-14px;width:2px;border-radius:1px;background:var(--border)}.step-row{display:flex;gap:16px}.step-num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:700;flex-shrink:0}[data-theme=dark] .step-num{color:var(--bg)}.landing-steps h3{font-size:15px;font-weight:700}.landing-steps p{margin-top:3px;font-size:13.5px;line-height:1.55;color:var(--text-2)}.landing-final{position:relative;overflow:hidden;text-align:center;padding:56px 24px 52px;margin:26px 0 14px;border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:radial-gradient(120% 150% at 50% -30%,var(--accent-soft),transparent 62%),var(--surface);box-shadow:var(--shadow-card)}.landing-final h2{margin-bottom:0}.landing-final .landing-section-sub{margin:10px 0 24px}.landing-final-kana{position:absolute;right:18px;bottom:10px;font-size:clamp(44px,9vw,96px);font-weight:700;line-height:1;color:var(--text);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none}.landing-final .btn{margin-top:0}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:24px;border-top:1px solid var(--border);font-size:13px;color:var(--text-3)}.landing-footer nav{display:flex;gap:18px}.landing-footer a{color:var(--text-2)}.landing-footer a:hover{color:var(--accent)}main.container{display:flex;flex-direction:column;min-height:calc(100vh - 64px)}main.container>*{flex-shrink:0;width:100%}.landing-footer.app-footer{margin-top:auto;padding-top:48px;border-top:none}@media(max-width:800px){.landing-hero{grid-template-columns:1fr;gap:36px;padding:16px 0 40px}.landing-deck{width:min(340px,calc(100% - 40px));margin:8px auto 32px}.deck-chip.streak{left:-10px}.deck-chip.award{right:-14px}.deck-chip.goal{left:-10px}.landing-kana.k3,.landing-kana.k4{display:none}.feature-grid{grid-template-columns:1fr}.race-row{grid-template-columns:1fr;gap:10px}.race-aside{flex-direction:row;justify-content:center;gap:8px;padding:11px 14px}.race-aside-icon{margin-bottom:0}.race-aside-count{font-size:20px}}@media(max-width:620px){.srs-demo .landing-deck{margin-top:44px;margin-bottom:44px}.srs-demo .flip-main{font-size:48px}.srs-demo .flip-face.back .flip-reading{font-size:17px}.srs-demo .flip-face.back .flip-translation{font-size:26px}.srs-demo .deck-chip{gap:6px;padding:9px 14px;font-size:13px}.srs-demo .deck-chip svg{width:15px;height:15px}.srs-demo .deck-chip.award img{width:20px}.srs-demo .deck-chip.streak{top:-22px;left:-8px}.srs-demo .deck-chip.award{top:18px;right:-8px}.srs-demo .deck-chip.goal{left:-8px}.srs-demo .landing-grade-dock{gap:8px;padding:10px 12px;border-radius:16px;bottom:-28px}.srs-demo .lgrade{padding:8px 13px;border-radius:10px;font-size:13px}.srs-demo .lgrade-next{font-size:14px}.race-prompt{align-items:flex-start;border-radius:20px}.race-prompt svg{margin-top:3px}.race-prompt.big{font-size:16px;padding:16px 18px}}@media(max-width:360px){.srs-demo .flip-face.back .flip-reading{font-size:15px}.srs-demo .flip-face.back .flip-translation{font-size:22px}.srs-demo .deck-chip{padding:7px 11px;font-size:12px}.srs-demo .deck-chip svg{width:13px;height:13px}.srs-demo .deck-chip.award img{width:17px}.srs-demo .deck-chip.streak{top:-26px}.srs-demo .deck-chip.award{top:8px}.srs-demo .deck-chip.goal{bottom:24px}.srs-demo .landing-grade-dock{gap:6px;padding:8px 10px}.srs-demo .lgrade{padding:7px 10px;font-size:12px}.srs-demo .lgrade-next{font-size:13px}}@media(prefers-reduced-motion:reduce){.landing-hero-copy>*,.landing-deck,.deck-chip,.landing-kana{animation:none}.deck-chip{opacity:1}html.js .scroll-reveal{opacity:1;transform:none;transition:none}.flip-card,.sneak-shots img,.feature,.lgrade{transition:none}.orbit-ring{animation:none}.orbit-item-spin{animation:none;transform:rotate(calc(var(--angle) * -1))}.orbit-item,.race-aside,.race-row,.race-prompt,.enrich-block,.enrich-block.first,.enrich-voice,.enrich-replay,.enrich-attribution,.edeck-card{transition:none}.race-aside-icon,.race-caret,.race-steps li.active .race-step-mark,.gen-status.busy svg,.edeck-progress{animation:none}.gen-fade{transition:none}.lgrade{opacity:1;transform:rotate(var(--tilt-rest, 0deg))}.feature:hover{transform:none}}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(360px,100%);text-align:center;animation:fade-in .25s ease}.auth-logo{width:64px;height:64px;border-radius:50%}.auth-brand{font-size:19px;font-weight:800;letter-spacing:.01em}.auth-sub{font-size:14px;color:var(--text-2);line-height:1.5;margin-bottom:6px}.auth-btn{width:100%}.auth-error{width:100%;padding:10px 14px;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:13.5px;line-height:1.45;text-align:left}.auth-error code{font-weight:600}.cd-manage{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.cd-manage .danger{margin-left:auto}.cd-seg{position:absolute;left:0;right:0;bottom:0;display:flex;gap:3px;height:10px}.cd-seg span{min-width:6px}.cd-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px -18px;padding:12px 20px;background:var(--surface)}.dialog.cd-dialog .dialog-subhead+.dialog-body{padding-top:0}.cd-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cd-filter{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2)}.cd-pill{--chip-color: var(--accent);display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.cd-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--chip-color);flex-shrink:0}.cd-pill .num{color:var(--text-3)}.cd-pill:hover{color:var(--text)}.cd-pill.selected{background:var(--accent);color:var(--surface);box-shadow:var(--shadow-card)}.cd-pill.selected .num{color:var(--surface);opacity:.65}.cd-count{font-size:12px;font-weight:600;color:var(--text-3)}.cd-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden;flex-shrink:0}.cd-row{display:flex;align-items:center;gap:2px;padding:5px 8px 5px 6px}.cd-row+.cd-row{border-top:1px solid var(--border)}.cd-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:5px 8px;border-radius:10px;text-align:left;transition:background-color .15s ease}.cd-row-main:hover{background:var(--surface-2)}.cd-row-action{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:var(--text-3);transition:background-color .15s ease,color .15s ease}.cd-row-action:hover{background:var(--surface-2);color:var(--text)}.cd-row-action.danger:hover{background:var(--red-soft);color:var(--red)}.cd-confirm-term{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.cd-empty{padding:14px}.cd-action-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cd-action-text strong{font-size:14px}.cd-action-text span{font-size:12px;color:var(--text-2)}@media(max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}}@media(max-width:620px){.study-controls{flex-wrap:wrap}}@media(max-width:700px){.shortcut-help{display:none}}.quiz-section-toggle{display:inline-flex;align-items:center;gap:5px}.quiz-section-toggle svg{color:var(--text-3)}.jlpt-quote{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--border-strong)}.jlpt-quote-summary{font-size:15px;font-weight:650;font-style:italic;letter-spacing:-.1px}.jlpt-quote-cols{display:flex;gap:28px;flex-wrap:wrap;margin-top:10px}.jlpt-quote-cols>div{flex:1 1 320px}.jlpt-quote-cols h3{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3)}.jlpt-quote-cols p{margin-top:4px;font-size:13px;line-height:1.55;color:var(--text-2)}.jlpt-quote-cite{margin-top:10px;font-size:12px;color:var(--text-3)}.jlpt-quote-cite a{color:inherit;text-decoration:underline;text-underline-offset:2px}.jlpt-quote-cite a:hover{color:var(--text-2)}.quiz-section{margin-top:34px}.quiz-section-title{font-size:19px;font-weight:800;letter-spacing:-.2px}.quiz-section-sub{margin:4px 0 14px;font-size:13.5px;color:var(--text-2)}.jlpt-coming{display:flex;justify-content:center;margin-top:44px}.jlpt-coming-note{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:650;color:var(--text-3)}.jlpt-coming-note svg{color:var(--accent)}.jlpt-more-body{display:flex;flex-direction:column;gap:2px}.jlpt-more-body strong{font-size:14px;font-weight:750}.jlpt-more-body span{font-size:13px;color:var(--text-2);line-height:1.5}.quiz-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:min(80%,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px;margin:-4px}.quiz-scroller::-webkit-scrollbar{display:none}.quiz-scroller>*{scroll-snap-align:start}@media(min-width:960px){.quiz-scroller{grid-auto-columns:calc((100% - 28px - 24px) / 3)}}.quiz-tile{padding:16px}.quiz-tile .cc-head{align-items:center}.quiz-tile-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:background-color .25s ease,color .25s ease}.quiz-tile:hover .quiz-tile-icon{background:var(--orange-soft);color:var(--orange)}.quiz-today-badge{position:absolute;top:0;left:0;z-index:1;padding:4px 11px;border-top-left-radius:var(--radius);border-bottom-right-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 78%,#fff),var(--orange));color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 3px 9px color-mix(in srgb,var(--orange) 34%,transparent)}.quiz-tile-today .cc-head{padding-top:14px}.head-chip.quiz{background:var(--accent-soft);color:var(--accent)}.head-chip.jumped{background:var(--orange-soft);color:var(--orange);animation:dialog-pop .16s cubic-bezier(.3,1.2,.5,1)}.quiz-stage{justify-content:flex-start;padding-top:26px;gap:16px}.quiz-qcard{width:100%;display:flex;flex-direction:column;gap:14px;padding:24px;animation:done-rise .3s cubic-bezier(.25,1,.4,1) backwards}@media(prefers-reduced-motion:reduce){.quiz-qcard{animation:none}}.quiz-qnum{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.quiz-sentence{font-size:26px;font-weight:700;line-height:1.5;letter-spacing:.01em;white-space:pre-line}.quiz-translation{margin-top:-6px;font-size:13.5px;color:var(--text-2);white-space:pre-line}.quiz-options{display:grid;gap:10px;margin-top:6px}@media(min-width:560px){.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-srs-row{display:flex;justify-content:flex-end;margin-top:14px}.qopt{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:17px;font-weight:600;text-align:left;transition:border-color .15s,background-color .15s}.qopt:hover{border-color:var(--border-strong);background:var(--surface-2)}.qopt.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.qopt.static{cursor:default}.qopt.static:hover{border-color:var(--border);background:var(--surface)}.qopt.right{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.qopt.right,.qopt.right:hover{background:var(--green-soft)}.qopt.wrong{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.qopt.wrong,.qopt.wrong:hover{background:var(--red-soft)}.qopt-mark{margin-left:auto;flex-shrink:0}.qopt.right .qopt-mark{color:var(--green)}.qopt.wrong .qopt-mark{color:var(--red)}.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.quiz-nav-end{justify-content:flex-end}.quiz-qcard .ai-attribution{margin-top:2px;font-size:12px}.quiz-stage>.ai-attribution{margin-top:-4px;align-self:flex-start;font-size:12px}.quiz-review{display:flex;flex-direction:column;gap:10px;padding:18px;min-width:0}.quiz-review-list{display:flex;flex-direction:column;max-height:min(46vh,520px);overflow-y:auto}.quiz-review-row{display:flex;align-items:flex-start;gap:12px;padding:12px 8px;margin:0 -8px;border-radius:var(--radius-sm);text-align:left;transition:background-color .15s}.quiz-review-row:hover{background:var(--surface-2)}.quiz-review-row+.quiz-review-row{border-top:1px solid var(--border)}.qr-mark{flex-shrink:0;display:flex;margin-top:2px}.qr-open{flex-shrink:0;align-self:center;margin-left:auto;color:var(--text-3);transition:transform .15s ease}.quiz-review-row:hover .qr-open{transform:translate(2px)}.qr-mark.ok{color:var(--green)}.qr-mark.bad{color:var(--red)}.qr-mark.skip{color:var(--text-3)}.qr-body{min-width:0;display:flex;flex-direction:column;gap:3px}.qr-sentence{font-size:15.5px;font-weight:600;line-height:1.5}.qr-yours{font-size:12.5px;font-weight:600;color:var(--red)}.qr-skipped{font-size:12.5px;font-weight:600;color:var(--text-3)}.quiz-missing-list{display:flex;flex-direction:column}.quiz-missing-row{display:flex;align-items:center;gap:12px;padding:10px 8px;margin:0 -8px;border-radius:var(--radius-sm);text-align:left;transition:background-color .15s}.quiz-missing-row:hover{background:var(--surface-2)}.quiz-missing-row+.quiz-missing-row{border-top:1px solid var(--border)}.quiz-missing-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface-2);font-size:12px;font-weight:700;color:var(--text-2);flex-shrink:0}.quiz-missing-prompt{flex:1;min-width:0;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-review-back{justify-self:start}.quiz-explain{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px;animation:done-rise .3s cubic-bezier(.25,1,.4,1) .06s backwards}@media(prefers-reduced-motion:reduce){.quiz-explain{animation:none}}.quiz-explain-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.quiz-explain-body{min-width:0;display:flex;flex-direction:column;gap:4px}.quiz-explain-title{font-size:13px;font-weight:700}.quiz-explain-body p{font-size:13.5px;line-height:1.65;color:var(--text-2)}.quiz-done-actions{display:flex;gap:10px;width:min(100%,460px);flex-shrink:0}.session-done .quiz-done-actions .btn{width:auto;flex:1}