:root{--bg:#0b0d14;--bg-card:#13161f;--bg-hover:#1a1e2c;--bg-input:#0f1119;--border:#1f2535;--border-hi:#2c3348;--text:#e3e7f4;--text-2:#7d8aa6;--text-3:#525f7a;--accent:#ff4d6a;--accent-dim:#ff4d6a1f;--green:#28c76f;--red:#ff5c6b;--amber:#f0b429;--blue:#4f9cf9;--purple:#9c7ff7;--n5:var(--green);--n4:var(--blue);--n3:var(--purple);--n2:var(--amber);--r:12px;--r-sm:8px;--r-xs:6px;--accent-2:#ff9b6a;--accent-soft:var(--accent-dim);--ai:var(--blue);--ai-soft:#4f9cf91f;--green-soft:#28c76f1f;--red-soft:#ff5c6b1f;--amber-soft:#f0b4291f;--purple-soft:#9c7ff71f;--bg-elev:var(--bg-card);--bg-card-hover:var(--bg-hover);--bg-wash:var(--bg-input);--border-strong:var(--border-hi);--text-dim:var(--text-2);--text-faint:var(--text-3);--radius:var(--r);--radius-sm:var(--r-sm);--radius-xs:var(--r-xs);--glow-accent:none;--glow-ai:none;--glow-green:none;--glow-red:none;--glow-amber:none;--jp:var(--font-jp), "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--sans:var(--font-sans), ui-sans-serif, system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.6}a{color:var(--blue);text-decoration:none;transition:opacity .15s}a:hover{opacity:.8;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.2}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:clamp(1.15rem,2vw,1.4rem)}p{margin:0 0 1em}kbd{font-family:var(--sans);border:1px solid var(--border-hi);background:var(--bg-card);color:var(--text-2);border-radius:5px;padding:1px 6px;font-size:.78em;font-weight:700}main{min-height:calc(100vh - 60px)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.page{padding:32px 0 72px}.section{margin:32px 0}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.center{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:760px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.nav{z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0b0d14e6;height:60px;position:sticky;top:0}.nav-inner{align-items:center;gap:12px;max-width:1080px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.nav-brand:hover{opacity:1;text-decoration:none}.nav-brand .jp-mark{font-family:var(--jp);color:var(--accent);white-space:nowrap;font-size:1.25rem}.nav-links{scrollbar-width:none;gap:2px;margin-left:auto;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{border-radius:var(--r-sm);color:var(--text-2);white-space:nowrap;padding:6px 10px;font-size:.875rem;font-weight:600;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--bg-hover);opacity:1;text-decoration:none}.nav-link.active{color:var(--accent);background:var(--accent-dim)}.nav-streak{color:var(--amber);border-radius:var(--r-sm);white-space:nowrap;background:#f0b4291a;border:1px solid #f0b42933;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;font-size:.82rem;font-weight:700;display:inline-flex}.nav-icon-group{align-items:center;gap:4px;display:flex}.theme-toggle{border:1px solid var(--border-hi);background:var(--bg-card);cursor:pointer;width:34px;height:34px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:background .15s,transform .2s;display:inline-flex}.theme-toggle:hover{background:var(--bg-hover);transform:rotate(20deg)}.theme-toggle.active{color:var(--accent);background:var(--accent-dim);border-color:#ff4d6a4d}.tabbar{display:none}@media (max-width:760px){.nav-links{display:none}.nav-icon-group{margin-left:auto}.nav-streak{margin-left:0}.tabbar{z-index:50;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);background:#0b0d14f2;display:flex;position:fixed;bottom:0;left:0;right:0}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}}.tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 10px;font-family:inherit;transition:color .15s;display:flex}.tab:hover{color:var(--text-2);opacity:1;text-decoration:none}.tab.active{color:var(--accent)}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:.65rem;font-weight:600;line-height:1}.tab-scrim{z-index:49;background:#00000080;position:fixed;inset:0}.tab-sheet{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0));z-index:50;background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;display:grid;position:fixed}.tab-sheet-item{border-radius:var(--r-sm);color:var(--text);background:var(--bg-hover);border:1px solid #0000;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;transition:border-color .15s;display:flex}.tab-sheet-item:hover{opacity:1;border-color:var(--border-hi);text-decoration:none}.tab-sheet-item.active{color:var(--accent);background:var(--accent-dim)}.tab-sheet-item .tab-icon{font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px}.card.pad-lg{padding:28px}a.card,.card-link{color:inherit;transition:border-color .15s,background .15s,transform .15s;display:block}a.card:hover,.card-link:hover{opacity:1;background:var(--bg-hover);border-color:var(--border-hi);text-decoration:none;transform:translateY(-2px)}.card-title{margin:0 0 4px;font-size:1rem;font-weight:700}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:20px}.panel-subtle{background:var(--bg-input)}.metric-card{flex-direction:column;justify-content:space-between;min-height:100px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--metric-color,var(--accent));border-radius:var(--r) var(--r) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.metric-top{color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;font-weight:700}.metric-value{letter-spacing:-.03em;margin-top:8px;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800;line-height:1}.metric-note{color:var(--text-2);margin-top:4px;font-size:.82rem}.task-list{gap:4px;display:grid}.task-row{border-radius:var(--r-sm);color:inherit;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .15s,border-color .15s;display:grid}.task-row:hover{opacity:1;background:var(--bg-hover);border-color:var(--border);text-decoration:none}.task-row.done{background:#28c76f0f;border-color:#28c76f26}.task-check{border:2px solid var(--border-hi);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:900;display:inline-flex}.task-row.done .task-check{border-color:var(--green);background:var(--green)}.task-title{font-size:.92rem;font-weight:600}.task-detail{color:var(--text-3);margin-top:1px;font-size:.82rem}.task-arrow{color:var(--text-3)}.module-icon{border-radius:var(--r-sm);background:var(--accent-dim);width:38px;height:38px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:inline-flex}.practice-grid{align-items:stretch}.practice-grid .card-link{height:100%}.hero{padding:16px 0 8px}.hero h1{margin-bottom:8px}.hero .lede{color:var(--text-2);max-width:600px;font-size:1.05rem;line-height:1.65}.dojo-hero{border:1px solid var(--border-hi);border-radius:var(--r);background:var(--bg-card);padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}.dojo-hero:after{content:"日本語";font-family:var(--jp);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,13vw,9rem);line-height:1;position:absolute;bottom:-.15em;right:clamp(16px,5vw,48px)}.dojo-hero>*{z-index:1;position:relative}.dojo-hero h1{max-width:700px;font-size:clamp(1.9rem,5vw,3.4rem)}.dojo-hero .lede{max-width:680px}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-hi);color:var(--text-2);border-radius:999px;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.badge-N5{color:var(--n5);background:#28c76f1a;border-color:#28c76f40}.badge-N4{color:var(--n4);background:#4f9cf91a;border-color:#4f9cf933}.badge-N3{color:var(--n3);background:#9c7ff71a;border-color:#9c7ff733}.badge-N2{color:var(--n2);background:#f0b4291a;border-color:#f0b42933}.pill{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.73rem;font-weight:600;display:inline-flex}.filter-pill{cursor:pointer;transition:background .15s,border-color .15s,color .15s}.filter-pill:hover{border-color:var(--border-hi);color:var(--text)}.filter-pill.active{color:var(--accent);background:var(--accent-dim);border-color:#ff4d6a59}.btn{border-radius:var(--r-sm);border:1px solid var(--border-hi);background:var(--bg-card);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s,opacity .15s;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-hi)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.btn-primary:hover{background:#ff3d5e;border-color:#ff3d5e}.btn-ai{background:var(--blue);border-color:var(--blue);color:#fff}.btn-ai:hover{opacity:.9}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-block{width:100%}.btn-round{border-radius:50%;width:44px;height:44px;padding:0;font-size:1.05rem}.grade-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grade{border-radius:var(--r-sm);border:1px solid var(--border-hi);background:var(--bg-card);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:flex}.grade:hover{transform:translateY(-2px)}.grade small{color:var(--text-3);font-size:.68rem;font-weight:500}.grade.again{color:var(--red);border-color:#ff5c6b4d}.grade.again:hover{border-color:var(--red);background:#ff5c6b1a}.grade.hard{color:var(--amber)}.grade.hard:hover{border-color:var(--amber);background:#f0b4291a}.grade.good{color:var(--green);border-color:#28c76f4d}.grade.good:hover{border-color:var(--green);background:#28c76f1a}.grade.easy{color:var(--blue)}.grade.easy:hover{border-color:var(--blue);background:#4f9cf91a}.jp{font-family:var(--jp)}.jp-lg{font-family:var(--jp);font-size:1.55rem;line-height:1.4}.jp-xl{font-family:var(--jp);font-size:clamp(2.2rem,8vw,3.4rem);font-weight:600;line-height:1.15}.jp-display{font-family:var(--jp);font-size:clamp(3.5rem,17vw,7.5rem);font-weight:500;line-height:1}.kana{font-family:var(--jp);color:var(--text-2)}.romaji{color:var(--text-3);font-size:.93em;font-style:italic}ruby rt{color:var(--text-2);font-size:.5em;font-weight:600}.stat{flex-direction:column;gap:2px;display:flex}.stat-num{letter-spacing:-.025em;font-size:1.85rem;font-weight:800;line-height:1}.stat-label{color:var(--text-2);font-size:.78rem;font-weight:600}.stat-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:620px){.stat-row{grid-template-columns:repeat(2,1fr)}}.bar{background:var(--bg-hover);border-radius:999px;height:5px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), #ff8560);border-radius:999px;height:100%;transition:width .5s}.bar-fill.ai{background:linear-gradient(90deg, var(--blue), #89c6ff)}.option{text-align:left;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;font-family:inherit;font-size:.95rem;transition:background .12s,border-color .12s;display:flex}.option:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hi)}.option:disabled{cursor:default}.option .key{border-radius:var(--r-xs);background:var(--bg-hover);border:1px solid var(--border-hi);width:24px;height:24px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.option.correct{border-color:var(--green);background:#28c76f1a}.option.wrong{border-color:var(--red);background:#ff5c6b1a}.option.correct .key{background:var(--green);color:#fff;border-color:#0000}.option.wrong .key{background:var(--red);color:#fff;border-color:#0000}.kana-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;display:grid}.kana-cell{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .15s,background .15s,transform .1s;display:flex}.kana-cell:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.kana-cell .big{font-family:var(--jp);font-size:1.65rem;line-height:1}.kana-cell .rom{color:var(--text-3);font-size:.68rem;font-weight:600}.kana-cell.learned{background:#28c76f0f;border-color:#28c76f66}.flashcard{background:var(--bg-card);border:1px solid var(--border-hi);border-radius:var(--r);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:40px 28px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 20px #0000004d}.flashcard:hover{border-color:var(--border-hi);box-shadow:0 6px 28px #0006}.flashcard .tap-hint{color:var(--text-3);font-size:.8rem}.divider{background:var(--border);border:0;height:1px;margin:14px 0}.switch{flex-shrink:0;width:42px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--bg-hover);border:1px solid var(--border-hi);border-radius:999px;transition:background .2s,border-color .2s;position:absolute;inset:0}.switch .track:before{content:"";background:var(--text-3);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--accent-dim);border-color:var(--accent)}.switch input:checked+.track:before{background:var(--accent);transform:translate(18px)}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:0}.setting-label{font-size:.95rem;font-weight:600}.settings-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 12px;font-size:.7rem;font-weight:700}.setting-control{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.setting-value{color:var(--accent);text-align:right;min-width:2.5rem;font-size:1.05rem;font-weight:700}input[type=range]{accent-color:var(--accent);cursor:pointer;width:130px}.seg{background:var(--bg-input);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 13px;font-family:inherit;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.on{background:var(--accent);color:#fff}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.input{width:100%;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d6a1f}.empty{text-align:center;color:var(--text-3);padding:56px 20px}.spinner{border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:40px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.22s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 20px 40px;display:flex}.footer-text{color:var(--text-3);font-size:.82rem}.footer .jp{color:var(--accent)}.footer-links{color:var(--text-3);align-items:center;gap:8px;font-size:.78rem;display:flex}.footer-links a{color:var(--text-3)}.footer-links a:hover{color:var(--text-2);text-decoration:none}.kofi-btn{border-radius:var(--r-sm);color:#fff;background:#ff5e5b;border:none;align-items:center;gap:7px;padding:9px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.kofi-btn:hover{opacity:.88;color:#fff;text-decoration:none;transform:translateY(-1px)}.affiliate-disclosure{border-radius:var(--r-sm);background:var(--ai-soft);color:var(--text-2);border:1px solid #4f9cf933;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:.85rem;display:flex}.affiliate-disclosure-icon{color:var(--blue);flex-shrink:0;margin-top:1px;font-size:1rem}.affiliate-badge-inline{background:var(--ai-soft);color:var(--blue);vertical-align:middle;border:1px solid #4f9cf940;border-radius:999px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline}.recording{color:var(--red);animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.cheat-tabs{flex-wrap:wrap;gap:7px;display:flex}.cheat-tab{color:var(--text-2);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cheat-tab:hover{color:var(--text);border-color:var(--border-hi)}.cheat-tab.active{color:var(--accent);background:var(--accent-dim);border-color:#ff4d6a4d}.cheat-tab-icon{font-size:1rem;line-height:1}.cheat-table-title{margin:0 0 8px;font-size:1rem;font-weight:700}.cheat-table-wrap{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card);overflow-x:auto}.cheat-table{border-collapse:collapse;width:100%;font-size:.9rem}.cheat-table th,.cheat-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 14px}.cheat-table thead th{background:var(--bg-input);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.68rem;font-weight:700;position:sticky;top:0}.cheat-table tbody tr:last-child td{border-bottom:none}.cheat-table tbody tr:hover td{background:var(--bg-hover)}.cheat-table .cheat-jp{color:var(--text);white-space:nowrap;font-size:1rem}@media (max-width:600px){.container{padding:0 16px}.page{padding-top:20px}.section{margin:20px 0}.card,.panel{padding:14px}.card.pad-lg{padding:18px 14px}.flashcard{min-height:200px;padding:24px 14px}.grade-row{grid-template-columns:repeat(2,1fr)}.dojo-hero{padding:20px 16px}.dojo-hero:after{display:none}.setting-row{flex-direction:column;align-items:flex-start;gap:8px}.setting-row input[type=range]{width:100%}.setting-control{align-items:flex-start;width:100%}.setting-control input[type=range]{width:100%}.btn{padding:9px 13px;font-size:.88rem}.btn-round{width:40px;height:40px}.footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0))}}[data-theme=light]{--bg:#f4f6fb;--bg-card:#fff;--bg-hover:#edf0f9;--bg-input:#eef1f8;--border:#dde3f0;--border-hi:#c8d0e6;--text:#0d1120;--text-2:#49536e;--text-3:#7a83a0;--accent-dim:#ff4d6a1a;--ai-soft:#4f9cf91a}[data-theme=light] body{background:var(--bg)}[data-theme=light] .nav{border-bottom-color:var(--border);background:#f4f6fbeb}[data-theme=light] .tabbar{border-top-color:var(--border);background:#f4f6fbf5}[data-theme=light] .tab-sheet{background:var(--bg-card)}[data-theme=light] .tab-sheet-item{background:var(--bg-hover)}[data-theme=light] .card{box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}[data-theme=light] a.card:hover,[data-theme=light] .card-link:hover{box-shadow:0 4px 20px #0000001a}[data-theme=light] .panel{box-shadow:0 1px 4px #0000000d}[data-theme=light] .panel-subtle{background:var(--bg-input)}[data-theme=light] .flashcard{box-shadow:0 2px 12px #00000014}[data-theme=light] .dojo-hero{border-color:var(--border-hi)}[data-theme=light] .dojo-hero:after{color:#00000008}[data-theme=light] .btn{background:var(--bg-card);border-color:var(--border-hi)}[data-theme=light] .btn:hover{background:var(--bg-hover)}[data-theme=light] .btn-primary,[data-theme=light] .btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .btn-primary:hover{background:#ff3d5e;border-color:#ff3d5e}[data-theme=light] .btn-ai,[data-theme=light] .btn-ai:hover{background:var(--blue);border-color:var(--blue);color:#fff}[data-theme=light] .btn-ghost{background:0 0;border-color:#0000}[data-theme=light] .btn-ghost:hover{background:var(--bg-hover);border-color:var(--border)}[data-theme=light] .grade{background:var(--bg-card);border-color:var(--border-hi)}[data-theme=light] .option{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .option:hover:not(:disabled){background:var(--bg-hover)}[data-theme=light] .kana-cell{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .seg{background:var(--bg-input);border-color:var(--border)}[data-theme=light] .input{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .switch .track{background:var(--bg-input);border-color:var(--border-hi)}[data-theme=light] .cheat-tab,[data-theme=light] .cheat-table-wrap{background:var(--bg-card);border-color:var(--border)}[data-theme=light] .cheat-table thead th{background:var(--bg-input)}[data-theme=light] .cheat-table tbody tr:hover td{background:var(--bg-hover)}[data-theme=light] .theme-toggle{background:var(--bg-card);border-color:var(--border-hi)}