@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600;800;900&family=Shippori+Mincho:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,:root{view-transition-name:none!important}:root{--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a28;--surface3:#222236;--text:#e8e6f0;--dim:#6b6880;--border:rgba(255,255,255,.07);--accent:#f59e0b;--accent2:#ec4899;--card-shadow:rgba(0,0,0,.3);--overlay-bg:rgba(0,0,0,.5)}[data-theme=light]{--bg:#e5e1d8;--surface:#f5f2ec;--surface2:#ebe7df;--surface3:#ddd9d0;--text:#2a2520;--dim:#8a8378;--border:rgba(0,0,0,.1);--accent:#c77b0a;--accent2:#c2366e;--card-shadow:rgba(0,0,0,.08);--overlay-bg:rgba(0,0,0,.3)}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}@media(min-width:768px){body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,60,180,.06),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(60,100,180,.04),transparent 50%);pointer-events:none;z-index:0}[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 50%,rgba(180,160,120,.08),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(160,140,100,.06),transparent 50%)}}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}[data-theme=light] a{color:#2563eb}.nav-right{display:flex;align-items:center;gap:10px}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 6px;cursor:pointer;color:var(--dim);display:flex;align-items:center;transition:all .15s}.theme-toggle:hover{color:var(--text);border-color:#fff3}.theme-icon-light,[data-theme=light] .theme-icon-dark{display:none}[data-theme=light] .theme-icon-light{display:block}[data-theme=light] .theme-toggle:hover{border-color:#0003}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px}.hamburger span{display:block;width:18px;height:1.5px;background:var(--dim);border-radius:1px;transition:all .2s}.hamburger:hover span{background:var(--text)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:300;display:none;opacity:0;pointer-events:none;transition:opacity .25s}.menu-overlay.open{display:block;opacity:1;pointer-events:auto}.menu-panel{position:absolute;left:0;top:0;bottom:0;width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.menu-overlay.open .menu-panel{transform:translate(0)}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.menu-logo{font-family:Shippori Mincho,serif;font-size:16px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-close{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.menu-close:hover{color:var(--text);background:#ffffff0f}.menu-items{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;border:none;background:none;color:var(--dim);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;font-family:Noto Sans JP,sans-serif;text-align:left;width:100%}.menu-item:hover{color:var(--text);background:#ffffff0d}.menu-item.active{color:var(--text);background:#ffffff14}.menu-item .mi{width:18px;height:18px;flex-shrink:0}.menu-divider{height:1px;background:var(--border);margin:8px 14px}.menu-exit{color:#ef4444!important}.menu-exit:hover{background:#ef444414!important}nav:not(.bottom-nav){position:sticky;top:0;z-index:100;background:#0a0a0feb;border-bottom:1px solid var(--border);padding:env(safe-area-inset-top,0) 24px 0}[data-theme=light] nav:not(.bottom-nav){background:#e5e1d8f2}nav:not(.bottom-nav) .inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;height:52px}nav:not(.bottom-nav) .logo{font-family:Shippori Mincho,serif;font-size:17px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex:1}nav:not(.bottom-nav) .stats-pill{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);background:var(--surface2);padding:4px 12px;border-radius:20px;border:1px solid var(--border);cursor:pointer;transition:all .15s}nav:not(.bottom-nav) .stats-pill:hover{color:var(--text);border-color:#f59e0b66;background:#f59e0b0f}nav:not(.bottom-nav) .stats-pill:active{transform:scale(.96)}main{max-width:1200px;margin:0 auto;padding:24px;position:relative;z-index:1}.page-title{font-family:Shippori Mincho,serif;font-size:26px;font-weight:700;margin-bottom:8px}.sub{color:var(--dim);margin-bottom:24px;font-size:14px}h2{font-family:Shippori Mincho,serif;font-weight:700}h3{font-family:Shippori Mincho,serif;font-weight:600}.home-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap;gap:12px}.home-header h2{font-size:26px}.analyze-btn.compact{padding:10px 20px;font-size:12px;width:auto}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s}.home-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.home-card+.home-card{margin-top:8px}.home-card .hc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.home-card .hc-title{font-weight:700;font-size:15px}.home-card .hc-meta{font-size:11px;color:var(--dim)}.home-card .hc-stats{display:flex;gap:12px;font-size:12px;color:var(--dim)}.home-card .hc-stats b{color:var(--text)}.input-page h2{font-size:26px;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.form-grid.full{grid-template-columns:1fr}label.field{display:flex;flex-direction:column;gap:4px}label.field span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:600}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-size:14px;font-family:Noto Sans JP,sans-serif;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#f59e0b66}textarea{min-height:220px;resize:vertical;line-height:1.8}input.locked-field,select.locked-field,textarea.locked-field{background:var(--surface2);color:var(--dim);opacity:.7;cursor:not-allowed}input.locked-field:focus,select.locked-field:focus,textarea.locked-field:focus{border-color:var(--border)}.analyze-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Shippori Mincho,serif;letter-spacing:1px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;transition:transform .15s,box-shadow .15s;margin-top:8px}.analyze-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px #ec489940}.analyze-btn:active{transform:translateY(0)}.analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.save-notice{font-size:11px;color:var(--dim);text-align:center;margin-top:8px;font-style:italic}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.analysis-header .meta h2{font-size:22px;margin-bottom:4px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tag{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--surface2);color:var(--dim);border:1px solid var(--border)}.back-btn{padding:9px 16px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:13px;font-weight:700;font-family:Space Mono,monospace;letter-spacing:.3px;transition:all .15s}.back-btn:hover{border-color:#f59e0b66;background:var(--surface3)}.toggles-bar{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px}.toggles-bar .toggle-group{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%}.toggles-hint{font-family:Space Mono,monospace;font-size:10px;color:var(--dim);line-height:1.5;padding-top:8px;border-top:1px solid var(--border);width:100%;letter-spacing:.2px}.toggle-group{display:flex;align-items:center;gap:16px}.toggle-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label span{white-space:nowrap}.toggle-switch{position:relative;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface2);border:1px solid var(--border);border-radius:10px;transition:all .2s;cursor:pointer}.toggle-track:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:var(--dim);border-radius:50%;transition:all .2s}.toggle-switch input:checked+.toggle-track{background:#f59e0b33;border-color:#f59e0b66}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px);background:var(--accent)}.chars-toggle{gap:8px;width:100%;display:flex;align-items:center}.chars-toggle>span:first-child{flex-shrink:0}.chars-toggle .range-input{flex:1;min-width:0;height:4px;accent-color:var(--accent);cursor:pointer}.chars-toggle .range-val{flex-shrink:0}.chars-group{width:100%}.range-val{font-family:Space Mono,monospace;font-size:11px;min-width:20px;text-align:center;color:var(--text)}.furigana-box{background:var(--surface);border-radius:12px;padding:24px 28px;border:1px solid var(--border);line-height:2.8;font-size:18px;margin-bottom:16px;overflow-x:auto}.furigana-box.no-furigana rt{display:none}.furigana-box ruby{position:relative}.furigana-box rt{font-size:9px;color:var(--dim);font-weight:300}.furigana-box .k{cursor:pointer;transition:all .15s;border-radius:2px;padding:0 1px}.furigana-box .k:hover{background:#ffffff1a}.k.r1{color:#d1d5db}.k.r2{color:#86efac}.k.r3{color:#93c5fd}.k.r4{color:#c4b5fd}.k.r5{color:#fbbf24}.k.r6{color:#f9a8d4}.loading-text{text-align:center;padding:40px;color:var(--dim);font-size:14px}.loading-text .spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--dim);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.trans-line{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.03)}.trans-line:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.trans-jp{font-size:16px;margin-bottom:2px;color:var(--text)}.trans-en{font-size:13px;color:var(--dim);font-style:italic}.discovery-section h3{font-size:18px;margin-bottom:16px}.rarity-group{margin-bottom:24px}.rarity-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.rarity-label .dot{width:8px;height:8px;border-radius:50%}.rarity-label .count{font-family:Space Mono,monospace;color:var(--dim);font-weight:400}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.kanji-card{position:relative;aspect-ratio:2.5/3.5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .3s;overflow:hidden;border:2px solid var(--border);background:var(--surface)}.kanji-card:hover{transform:translateY(-4px) scale(1.02)}.kanji-card .char{font-family:Shippori Mincho,serif;font-size:36px;font-weight:800;line-height:1;margin-bottom:4px}.kanji-card .meaning{font-size:9px;color:var(--dim);text-align:center;padding:0 8px;line-height:1.2;max-height:20px;overflow:hidden}.kanji-card .rarity-badge{position:absolute;top:5px;right:5px;font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;background:#00000080;letter-spacing:.5px}.kanji-card .strokes{position:absolute;bottom:4px;right:6px;font-size:8px;color:#fff3;font-family:Space Mono,monospace}.kanji-card.r1{border-color:#9ca3af40;background:linear-gradient(145deg,#16161e,#1a1a24)}.kanji-card.r1 .char{color:#d1d5db}.kanji-card.r1:hover{box-shadow:0 8px 25px #9ca3af26}.kanji-card.r2{border-color:#22c55e4d;background:linear-gradient(145deg,#0f1a14,#121a18)}.kanji-card.r2 .char{color:#86efac}.kanji-card.r2:hover{box-shadow:0 8px 25px #22c55e33}.kanji-card.r3{border-color:#3b82f64d;background:linear-gradient(145deg,#0f1420,#121828)}.kanji-card.r3 .char{color:#93c5fd}.kanji-card.r3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(59,130,246,.05) 50%,transparent 60%);pointer-events:none}.kanji-card.r3:hover{box-shadow:0 8px 25px #3b82f640}.kanji-card.r4{border-color:#a855f759;background:linear-gradient(145deg,#160f24,#1a1230)}.kanji-card.r4 .char{color:#c4b5fd}.kanji-card.r4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(168,85,247,.08) 50%,transparent 70%);pointer-events:none;animation:shimmer 3s ease infinite}.kanji-card.r4:hover{box-shadow:0 8px 30px #a855f74d}.kanji-card.r5{border-color:#f59e0b66;background:linear-gradient(145deg,#1a150a,#201a10)}.kanji-card.r5 .char{color:#fbbf24;text-shadow:0 0 20px rgba(245,158,11,.3)}.kanji-card.r5:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 20%,rgba(245,158,11,.08) 45%,rgba(236,72,153,.05) 55%,transparent 80%);pointer-events:none;animation:shimmer 2.5s ease infinite}.kanji-card.r5:hover{box-shadow:0 8px 35px #f59e0b59}.kanji-card.r6{border-color:#ec489966;background:linear-gradient(145deg,#1a0a14,#200e1a)}.kanji-card.r6 .char{background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(236,72,153,.4))}.kanji-card.r6:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#ec4899,#8b5cf6,#f59e0b);z-index:-1;animation:rainbow 4s linear infinite;background-size:300% 300%}.kanji-card.r6:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9px;background:linear-gradient(145deg,#1a0a14,#200e1a);z-index:-1}.kanji-card.r6:hover{box-shadow:0 8px 40px #ec489959}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.new-badge{position:absolute;top:-3px;left:-3px;font-size:7px;font-weight:800;padding:2px 5px;border-radius:3px;background:#ef4444;color:#fff;letter-spacing:.5px;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{display:flex;opacity:1;pointer-events:auto}.modal-card{width:320px;aspect-ratio:2.5/3.5;border-radius:16px;padding:28px 24px;background:var(--surface);border:1px solid rgba(255,255,255,.1);position:relative;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent;display:flex;flex-direction:column}.modal-card::-webkit-scrollbar{width:3px}.modal-card::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.modal-overlay.open .modal-card{transform:scale(1)}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--dim);font-size:20px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s}.modal-close:hover{background:#ffffff14;color:var(--text)}.modal-char{font-family:Shippori Mincho,serif;font-size:72px;font-weight:800;text-align:center;line-height:1;margin-bottom:8px}.modal-meanings{text-align:center;font-size:14px;color:var(--dim);margin-bottom:16px}.modal-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;margin:0 auto 16px;display:block;width:fit-content}.modal-section{margin-bottom:12px}.modal-section-title{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);font-weight:700;margin-bottom:4px}.modal-readings{font-size:15px;line-height:1.6}.modal-readings .on{color:#f59e0b}.modal-readings .kun{color:#60a5fa}.modal-compounds{font-size:13px;line-height:1.8}.modal-compounds .word{font-weight:600}.modal-compounds .reading{color:var(--dim);font-size:11px}.modal-strokes{position:absolute;top:14px;left:14px;font-family:Space Mono,monospace;font-size:10px;color:var(--dim)}.edit-modal-card{width:360px}.shelf-tabs{display:flex;gap:4px;margin-bottom:20px}.shelf-tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--dim);border:none;background:none;display:flex;align-items:center;gap:6px}.shelf-tab:hover{color:var(--text);background:#ffffff0d}.shelf-tab.active{color:var(--text);background:#ffffff14}.heart-sm{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.shelf-tab.active .heart-sm{fill:#ef4444;stroke:#ef4444}.shelf-grid{display:flex;flex-direction:column;gap:8px}.shelf-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;transition:all .2s}.shelf-card:hover{border-color:#ffffff1f}.sc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sc-info{flex:1;min-width:0}.sc-title{font-weight:700;font-size:15px;margin-bottom:2px;cursor:pointer;transition:color .15s}.sc-title:hover{color:var(--accent)}.sc-meta{font-size:11px;color:var(--dim)}.sc-actions{display:flex;gap:4px;flex-shrink:0}.sc-btn{width:32px;height:32px;border-radius:6px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--dim)}.sc-btn:hover{background:#ffffff0f;color:var(--text)}.sc-btn svg{width:16px;height:16px}.heart-btn svg{fill:none;stroke:var(--dim);stroke-width:1.5;transition:all .2s}.heart-btn.liked svg{fill:#ef4444;stroke:#ef4444}.heart-btn:hover svg{stroke:#ef4444}.sc-bottom{display:flex;gap:10px;margin-top:8px;font-size:12px;color:var(--dim)}.sc-bottom b{color:var(--text)}.delete-btn:hover{color:#ef4444!important}.collection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:8px}.sort-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim)}.sort-toggle button{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:11px;cursor:pointer;font-family:Space Mono,monospace;transition:all .15s}.sort-toggle button.active{color:var(--text);background:var(--surface2);border-color:#ffffff26}.sort-toggle button:hover{color:var(--text)}.collection-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;margin-bottom:28px}.stat-card .num{font-family:Space Mono,monospace;font-size:24px;font-weight:700}.stat-card .label{font-size:11px;color:var(--dim);margin-top:2px}.stat-card:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--border)}.progress-bar{height:6px;background:var(--surface2);border-radius:3px;margin-top:8px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:3px;transition:width .5s ease}.filter-row{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--dim);cursor:pointer;transition:all .15s}.filter-btn:hover,.filter-btn.active{color:var(--text);border-color:#fff3;background:var(--surface2)}.empty-state .icon{font-size:48px;margin-bottom:12px}.coming-soon{text-align:center;padding:80px 20px}.coming-soon-icon{font-size:64px;margin-bottom:16px}.coming-soon h2{font-size:28px;margin-bottom:8px}.coming-soon p{color:var(--dim);max-width:400px;margin:0 auto 20px}.coming-soon-badge{display:inline-block;font-size:11px;font-weight:700;padding:6px 16px;border-radius:20px;background:var(--surface2);color:var(--dim);border:1px solid var(--border);text-transform:uppercase;letter-spacing:1px}.support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:40px}.support-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.support-card .support-icon{font-size:24px;margin-bottom:10px}.support-card h3{font-size:15px;font-weight:700;margin-bottom:6px}.support-card p{font-size:13px;color:var(--dim);line-height:1.6}.support-footer{text-align:center;padding:24px;color:var(--dim);font-size:12px;border-top:1px solid var(--border)}.support-footer p+p{margin-top:4px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.support-grid{grid-template-columns:1fr}.toggles-bar{flex-direction:column;align-items:flex-start}}.saved-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;color:#22c55e;font-weight:600}.text-line{margin-bottom:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.text-line:last-child{border-bottom:none}.jp-line{line-height:2.8;line-break:strict;word-break:normal}.jp-line .nbp{white-space:nowrap}.sort-toggle{display:flex;align-items:center;gap:8px;margin-bottom:20px}.sort-toggle span{font-size:12px;color:var(--dim)}.booster-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:24px}.booster-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.booster-header h3{font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:700}.booster-remaining{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);background:var(--surface2);padding:3px 10px;border-radius:12px;border:1px solid var(--border)}.booster-sub{font-size:13px;color:var(--dim);margin-bottom:14px}.booster-btn{padding:12px 28px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:Shippori Mincho B1,serif;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;transition:transform .15s,box-shadow .15s}.booster-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.booster-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.booster-cards{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.booster-cards:empty{display:none}.booster-card-wrap{opacity:0;transform:translateY(20px) scale(.8);animation:boosterReveal .4s ease forwards}@keyframes boosterReveal{to{opacity:1;transform:translateY(0) scale(1)}}.kanji-card.undiscovered{opacity:.2;border-color:#ffffff08;background:var(--surface2);cursor:default;filter:grayscale(1)}.kanji-card.undiscovered:hover{transform:none;box-shadow:none}.kanji-card.undiscovered .char{color:var(--dim)}.kanji-card.undiscovered .meaning{display:none}.kanji-card.undiscovered .rarity-badge{opacity:.3}.kanji-card.undiscovered .strokes{display:none}.kanji-card.undiscovered:before,.kanji-card.undiscovered:after{display:none}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);font-size:48px;cursor:pointer;padding:12px;border-radius:8px;transition:all .15s;z-index:10;line-height:1;font-family:system-ui}.modal-arrow:hover{color:var(--text);background:#ffffff0f}.modal-arrow-left{left:8px}.modal-arrow-right{right:8px}.modal-arrows-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:11px;color:var(--dim);font-family:Space Mono,monospace}@media(max-width:640px){.modal-arrow{font-size:32px;padding:8px}.modal-arrow-left{left:2px}.modal-arrow-right{right:2px}}.coll-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.coll-top .sort-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--dim);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;white-space:nowrap}.coll-top .sort-btn:hover{color:var(--text);border-color:#fff3}.coll-group{margin-bottom:28px}.coll-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:0 4px}.coll-group-name{font-size:15px;font-weight:600;color:var(--text)}.coll-group-name .jp{font-family:Noto Sans JP,sans-serif}.coll-group-name .sep{color:var(--dim);margin:0 8px;font-weight:300}.coll-group-name .en{color:var(--dim);font-weight:400}.coll-group-count{font-family:Space Mono,monospace;font-size:11px;color:var(--dim)}.coll-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.coll-scroll::-webkit-scrollbar{height:4px}.coll-scroll::-webkit-scrollbar-track{background:transparent}.coll-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.coll-scroll .kanji-card{flex-shrink:0;width:90px;aspect-ratio:2.5/3.5}.engage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-bottom:20px}.engage-card{background:transparent;border:none;border-radius:0;padding:14px 12px;text-align:center;position:relative}.engage-card:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--border)}.engage-stat{font-family:Space Mono,monospace;font-size:28px;font-weight:700;line-height:1}.engage-label{font-size:12px;color:var(--dim);margin-top:4px}.engage-next{font-size:10px;color:var(--dim);margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.engage-next b{color:var(--text)}.reward-toast{display:none;background:linear-gradient(135deg,#f59e0b1f,#ec48991f);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:14px 20px;margin-bottom:16px;font-size:14px;font-weight:600;text-align:center;animation:toastIn .4s ease}.reward-toast.show{display:block}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.quiz-header h3{font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:700}.quiz-status{font-size:11px;color:var(--dim);font-family:Space Mono,monospace}.quiz-sub{font-size:13px;color:var(--dim);margin-bottom:14px}.quiz-card{text-align:center;padding:20px 0;font-size:64px;font-weight:900;line-height:1}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.quiz-opt{padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-size:13px;text-align:center;transition:all .15s}.quiz-opt:hover{border-color:#fff3;background:#ffffff0d}.quiz-opt.correct{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.quiz-opt.wrong{border-color:#ef4444;background:#ef44441a;color:#ef4444}.quiz-opt.disabled{pointer-events:none;opacity:.6}.quiz-progress{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.quiz-dot{width:10px;height:10px;border-radius:50%;background:var(--surface2);border:1px solid var(--border)}.quiz-dot.correct{background:#22c55e;border-color:#22c55e}.quiz-dot.wrong{background:#ef4444;border-color:#ef4444}.quiz-dot.current{border-color:var(--text)}.quiz-result{text-align:center;padding:16px;font-size:15px;font-weight:600}.quiz-result .score{font-size:32px;font-family:Space Mono,monospace;margin-bottom:4px}.dojo-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.dojo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dojo-header h3{font-family:Shippori Mincho B1,serif;font-size:18px;font-weight:700}.dojo-sub{font-size:12px;color:var(--dim);margin-top:2px}.dojo-due{font-family:Space Mono,monospace;font-size:12px;color:var(--text);background:var(--surface2);padding:4px 12px;border-radius:12px;border:1px solid var(--border);white-space:nowrap}.dojo-belts-summary{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.dojo-belt-chip{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--dim);padding:3px 10px;border-radius:12px;background:var(--surface2);border:1px solid var(--border)}.dojo-belt-chip .belt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.belt-white{background:#e5e7eb;border:1px solid #9ca3af}.belt-yellow{background:#fbbf24}.belt-green{background:#22c55e}.belt-blue{background:#3b82f6}.belt-brown{background:#92400e}.belt-black{background:#1f2937;border:1px solid #4b5563}.dojo-enter-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:Shippori Mincho B1,serif;letter-spacing:.5px;background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb;transition:transform .15s,box-shadow .15s;border:1px solid rgba(255,255,255,.1)}.dojo-enter-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0006}.dojo-enter-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.dojo-session{padding-top:8px}.dojo-progress{display:flex;gap:4px;justify-content:center;margin-bottom:16px}.dojo-pip{width:24px;height:4px;border-radius:2px;background:var(--surface2)}.dojo-pip.done-ok{background:#22c55e}.dojo-pip.done-fail{background:#ef4444}.dojo-pip.active{background:var(--dim)}.dojo-type{text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:8px}.dojo-prompt{text-align:center;padding:16px 0;font-size:56px;font-weight:900;line-height:1;margin-bottom:16px}.dojo-prompt.text-prompt{font-size:16px;font-weight:600;color:var(--dim);padding:28px 0}.dojo-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.dojo-choice{padding:14px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;font-size:14px;text-align:center;transition:all .15s}.dojo-choice:hover{border-color:#fff3;background:#ffffff0d}.dojo-choice.correct{border-color:#22c55e;background:#22c55e1f;color:#22c55e}.dojo-choice.wrong{border-color:#ef4444;background:#ef44441a;color:#ef4444}.dojo-choice.reveal{border-color:#22c55e;opacity:.6}.dojo-choice.locked{pointer-events:none}.dojo-choice.kanji-choice{font-size:28px;font-weight:900;padding:18px}.dojo-feedback{text-align:center;font-size:13px;min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px}.belt-change{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:12px}.belt-change .arrow{font-size:14px}.dojo-results{padding:20px 0;text-align:center}.dojo-results h4{font-family:Shippori Mincho B1,serif;font-size:18px;margin-bottom:12px}.dojo-score{font-family:Space Mono,monospace;font-size:36px;font-weight:700;margin-bottom:4px}.dojo-results-grid{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:16px 0}.dojo-result-card{width:48px;height:64px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:900;position:relative}.dojo-result-card .mini-belt{position:absolute;bottom:3px;width:20px;height:3px;border-radius:1px}.dojo-result-card.clickable{cursor:pointer;transition:transform .12s ease}.dojo-result-card.clickable:hover{transform:scale(1.08)}.dojo-results-hint{text-align:center;color:var(--dim);font-size:11px;margin:6px 0 10px;font-style:italic}.dojo-again-btn{margin-top:12px;padding:10px 24px;border:none;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.dojo-again-btn:hover{background:#ffffff14}.kanji-card .card-belt{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:10px 0 0 10px}.dojo-legend-toggle{font-size:12px;color:var(--dim);cursor:pointer;margin-bottom:8px;-webkit-user-select:none;user-select:none;transition:color .15s}.dojo-legend-toggle:hover{color:var(--text)}.dojo-legend-toggle:before{content:"▸ ";font-size:10px}.dojo-legend-toggle.open:before{content:"▾ "}.dojo-legend{margin-bottom:14px}.dojo-legend-row{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:10px 14px;background:var(--surface2);border-radius:8px;border:1px solid var(--border);scrollbar-width:none}.dojo-legend-row::-webkit-scrollbar{display:none}.dojo-legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:var(--dim)}.dojo-legend-item .belt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dojo-legend-item .belt-name{font-weight:600;color:var(--text)}.dojo-legend-item .belt-interval{color:var(--dim)}.dojo-legend-arrow{color:#ffffff26;font-size:10px;margin:0 2px;flex-shrink:0}.dojo-filter-section{margin-bottom:12px}.dojo-filter-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);font-weight:600;margin-bottom:6px}.dojo-group-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.dojo-group-scroll::-webkit-scrollbar{height:3px}.dojo-group-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.dojo-group-pill{padding:6px 14px;border-radius:20px;font-size:12px;border:1px solid var(--border);background:var(--surface2);color:var(--dim);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.dojo-group-pill:hover{color:var(--text);border-color:#fff3}.dojo-group-pill.active{color:var(--text);background:#ffffff14;border-color:#ffffff40}.dojo-level-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.dojo-level-row::-webkit-scrollbar{height:3px}.dojo-level-row::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.dojo-level-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;font-family:Space Mono,monospace;border:1px solid var(--border);background:var(--surface2);color:var(--dim);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.dojo-level-btn:hover{color:var(--text);border-color:#fff3}.dojo-level-btn.active{border-color:#f59e0b66;background:#f59e0b1a;color:#f59e0b}.speak-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:5px;padding:3px 5px;cursor:pointer;color:var(--dim);transition:all .15s;vertical-align:middle;margin-left:6px}.speak-btn:hover{color:var(--text);border-color:#fff3}.speak-btn.playing{color:#f59e0b;border-color:#f59e0b66}.dojo-speak{position:absolute;top:8px;right:8px}.modal-context{font-size:13px;line-height:1.7}.ctx-sentence{padding:6px 0;border-bottom:1px solid var(--border)}.ctx-sentence:last-child{border-bottom:none}.ctx-text{color:var(--text)}.ctx-text.ctx-link{cursor:pointer;transition:color .15s}.ctx-text.ctx-link:hover{color:#60a5fa}.ctx-text.ctx-link:active{color:#3b82f6}.ctx-text mark{background:none;color:#f59e0b;font-weight:700}.ctx-source{font-size:11px;color:var(--dim);margin-top:1px}.speak-inline{margin-left:4px;vertical-align:middle;padding:2px 4px}[data-theme=light] .kanji-card{border-color:#00000014}[data-theme=light] .kanji-card.undiscovered{opacity:.25;border-color:#0000000a;background:var(--surface2)}[data-theme=light] .modal-card{border-color:#0000001f}[data-theme=light] .modal-arrow:hover{background:#0000000a}[data-theme=light] .dojo-enter-btn{background:linear-gradient(135deg,#2a2520,#4a443c);color:#e5e1d8}[data-theme=light] .booster-btn{box-shadow:0 2px 8px #0000001a}[data-theme=light] .hamburger span{background:#8a8378}[data-theme=light] nav{background:#e5e1d8d9}.compound-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}.compound-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.compound-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all .15s}.compound-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.compound-word{font-size:22px;font-weight:800;font-family:Shippori Mincho,serif;margin-bottom:2px}.compound-reading{font-size:12px;color:var(--dim)}.compound-meaning{font-size:12px;color:var(--dim);margin-top:2px}.compound-level{font-size:10px;font-weight:700;font-family:Space Mono,monospace;position:absolute;top:6px;right:8px}.comp-group{margin-bottom:24px}.comp-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:0 4px}.comp-group-name{font-size:15px;font-weight:600;color:var(--text)}.comp-group-name .jp{font-family:Noto Sans JP,sans-serif}.comp-group-name .sep{color:var(--dim);margin:0 8px;font-weight:300}.comp-group-name .en{color:var(--dim);font-weight:400}.comp-group-count{font-family:Space Mono,monospace;font-size:11px;color:var(--dim)}.comp-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.comp-scroll::-webkit-scrollbar{height:4px}.comp-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.comp-scroll .compound-card{flex-shrink:0;width:140px;position:relative}.a-actions{display:flex;gap:8px;margin-top:8px}.action-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;color:var(--dim);font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.action-btn:hover{color:var(--text);border-color:#fff3}.action-btn svg{width:14px;height:14px}.action-btn.heart-active{color:#ef4444;border-color:#ef44444d}.action-btn.heart-active svg{fill:#ef4444}.action-btn.del-btn:hover{color:#ef4444;border-color:#ef44444d}.hc-actions{display:flex;gap:6px;margin-top:6px}[data-theme=light] .analyze-btn,[data-theme=light] .booster-btn,[data-theme=light] .dojo-enter-btn,[data-theme=light] .dojo-again-btn,[data-theme=light] .quiz-opt,[data-theme=light] .filter-btn,[data-theme=light] .action-btn,[data-theme=light] .back-btn,[data-theme=light] .dojo-group-pill,[data-theme=light] .dojo-level-btn{background:#2a2520;color:#e5e1d8;border-color:#00000026}[data-theme=light] .analyze-btn:hover,[data-theme=light] .booster-btn:hover,[data-theme=light] .action-btn:hover,[data-theme=light] .filter-btn:hover,[data-theme=light] .dojo-group-pill:hover,[data-theme=light] .dojo-level-btn:hover{background:#3d3630;color:#f5f2ec}[data-theme=light] .filter-btn.active,[data-theme=light] .dojo-group-pill.active,[data-theme=light] .dojo-level-btn.active{background:#1a1510;color:#f59e0b;border-color:#f59e0b4d}[data-theme=light] .quiz-opt{background:#3d3630;border-color:#0000001a}[data-theme=light] .quiz-opt:hover{background:#4a443c;border-color:#00000026}[data-theme=light] .quiz-opt.correct{background:#22c55e26;color:#22c55e;border-color:#22c55e}[data-theme=light] .quiz-opt.wrong{background:#ef444426;color:#ef4444;border-color:#ef4444}[data-theme=light] .action-btn.heart-active{color:#ef4444;background:#ef44441a;border-color:#ef44444d}[data-theme=light] .action-btn.del-btn:hover{color:#ef4444;background:#ef444414}.jukugo-bar{display:flex;align-items:center;gap:12px;margin:16px 0}.jukugo-btn{padding:10px 24px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:Shippori Mincho,serif;background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb;transition:transform .15s,box-shadow .15s;border:1px solid rgba(255,255,255,.1)}.jukugo-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.jukugo-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.jukugo-status{font-size:12px;color:var(--dim);font-family:Space Mono,monospace}.jukugo-reveal{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;justify-content:center}.jukugo-reveal:empty{display:none}.jukugo-card-wrap{opacity:0;transform:translateY(16px) scale(.85);animation:boosterReveal .4s ease forwards}.jukugo-reveal .compound-card{width:150px;position:relative}[data-theme=light] .jukugo-btn{background:linear-gradient(135deg,#2a2520,#4a443c);color:#e5e1d8}.dojo-mode-toggle{display:flex;gap:0;margin-bottom:14px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.dojo-mode-btn{flex:1;padding:8px 0;border:none;background:var(--surface2);color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.dojo-mode-btn.active{background:var(--surface3);color:var(--text)}.dojo-mode-btn:hover:not(.active){background:#ffffff08}[data-theme=light] .dojo-mode-btn{background:var(--surface2);color:var(--dim)}[data-theme=light] .dojo-mode-btn.active{background:#2a2520;color:#e5e1d8}.radical-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:20px}.radical-group{margin-bottom:24px}.radical-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:0 4px;font-size:14px;font-weight:600;color:var(--text)}.radical-group-count{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);font-weight:400}.radical-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.radical-scroll::-webkit-scrollbar{height:4px}.radical-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.radical-card{flex-shrink:0;width:80px;aspect-ratio:2.5/3.5;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.radical-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--card-shadow)}.radical-card.undiscovered{opacity:.2;border-color:#ffffff08;background:var(--surface2);cursor:default;filter:grayscale(1)}.radical-card.undiscovered:hover{transform:none;box-shadow:none}.radical-char{font-size:28px;font-weight:900;line-height:1;font-family:Shippori Mincho,serif}.radical-name{font-size:9px;color:var(--dim);margin-top:4px;text-align:center;line-height:1.2}.radical-count{font-size:9px;font-family:Space Mono,monospace;color:var(--dim);margin-top:2px}.radical-card.discovered .radical-char{color:#f59e0b}.radical-card.discovered{border-color:#f59e0b26}.modal-radical{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .15s;font-size:13px;margin-top:4px}.modal-radical:hover{border-color:#f59e0b4d}.modal-radical .rad-ch{font-size:18px;font-weight:800;color:#f59e0b}.comp-link{transition:opacity .15s}.comp-link:hover{opacity:.7}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 24px;z-index:1000;opacity:1;transition:opacity .3s ease,visibility .3s ease}.app-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.app-loader-brand{font-family:Shippori Mincho,serif;font-size:36px;font-weight:700;color:var(--text);letter-spacing:4px;opacity:.9;margin-bottom:-14px;text-align:center}.app-loader-romaji{font-family:Space Mono,monospace;font-size:13px;color:var(--dim);letter-spacing:3px;text-transform:uppercase;opacity:.7;text-align:center}.app-loader-spinner{width:32px;height:32px;border:2px solid var(--surface2);border-top-color:#f59e0b;border-radius:50%;animation:appLoaderSpin .8s linear infinite;flex-shrink:0}.app-loader-text{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;text-align:center;line-height:1.7;max-width:min(480px,100%);word-break:break-word}@keyframes appLoaderSpin{to{transform:rotate(360deg)}}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.landing-inner{width:100%;max-width:360px;text-align:center}.landing-brand{margin-bottom:40px}.landing-form{display:flex;flex-direction:column;gap:10px}.landing-input{padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-family:Noto Sans JP,sans-serif;outline:none;transition:border-color .15s}.landing-input:focus{border-color:#f59e0b66}.landing-input::placeholder{color:var(--dim)}.landing-btn{padding:14px;border-radius:10px;border:none;font-size:15px;font-weight:700;cursor:pointer;font-family:Shippori Mincho,serif;letter-spacing:1px;background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb;transition:transform .15s,box-shadow .15s;border:1px solid rgba(255,255,255,.1);margin-top:4px}.landing-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0006}.landing-alt{font-size:12px;color:var(--dim);margin-top:8px}.landing-link{color:var(--accent);cursor:pointer;font-weight:600}.landing-link:hover{text-decoration:underline}[data-theme=light] .landing-btn{background:linear-gradient(135deg,#2a2520,#4a443c);color:#e5e1d8}[data-theme=light] .landing-input{background:var(--surface);border-color:#0000001f}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.ob-inner{width:100%;max-width:480px}.ob-title{font-family:Shippori Mincho,serif;font-size:28px;font-weight:700;text-align:center;margin-bottom:8px}.ob-sub{font-size:14px;color:var(--dim);text-align:center;margin-bottom:24px}.ob-levels{display:flex;flex-direction:column;gap:8px}.ob-level{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:all .15s}.ob-level:hover{border-color:#f59e0b4d;background:#f59e0b0a}.ob-level.selected{border-color:#f59e0b;background:#f59e0b14}.ob-level-tag{font-family:Space Mono,monospace;font-size:16px;font-weight:700;color:var(--accent);min-width:32px}.ob-level-name{font-size:14px;font-weight:600}.ob-level-desc{font-size:11px;color:var(--dim);margin-top:1px}[data-theme=light] .ob-level{background:var(--surface)}[data-theme=light] .ob-level:hover{background:#c77b0a0f}.ob-tutorial{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ob-card{display:flex;gap:14px;padding:16px 18px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.ob-num{font-family:Space Mono,monospace;font-size:24px;font-weight:700;color:var(--accent);min-width:28px;line-height:1}.ob-card h3{font-size:15px;font-weight:700;margin-bottom:3px}.ob-card p{font-size:12px;color:var(--dim);line-height:1.5}.ob-username-input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-family:Noto Sans JP,sans-serif;outline:none;margin-bottom:20px;box-sizing:border-box;transition:border-color .15s}.ob-username-input:focus{border-color:#f59e0b66}.ob-username-input::placeholder{color:var(--dim)}.ob-next-btn{width:100%;padding:14px;border-radius:10px;border:none;font-size:15px;font-weight:700;cursor:pointer;font-family:Shippori Mincho,serif;letter-spacing:1px;background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb;transition:transform .15s,box-shadow .15s;border:1px solid rgba(255,255,255,.1)}.ob-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0006}[data-theme=light] .ob-next-btn{background:linear-gradient(135deg,#2a2520,#4a443c);color:#e5e1d8}.booster-btn,.dojo-again-btn,.sort-btn{background:linear-gradient(135deg,#1f2937,#374151)!important;color:#e5e7eb!important;border:1px solid rgba(255,255,255,.1)!important}.booster-btn:hover,.dojo-again-btn:hover,.sort-btn:hover{box-shadow:0 4px 12px #0000004d}.analyze-btn{background:linear-gradient(135deg,#f59e0b,#ec4899)!important;color:#fff!important;border:none!important}.confirm-msg{text-align:center;margin-bottom:16px}.confirm-msg h3{font-family:Shippori Mincho,serif;font-size:18px;margin-bottom:8px}.confirm-msg p{font-size:13px;color:var(--dim);line-height:1.5}.ob-choice{display:flex;flex-direction:column;gap:10px;margin-top:8px}.ob-choice-btn{padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Shippori Mincho,serif}.ob-choice-btn:hover{border-color:#f59e0b4d;background:#f59e0b0a}[data-theme=light] .ob-choice-btn{background:var(--surface)}.ob-test-progress{display:flex;gap:4px;margin-bottom:20px;justify-content:center}.ob-test-pip.done-ok{background:#22c55e}.ob-test-pip.done-fail{background:#ef4444}.ob-test-pip.active{background:var(--accent)}.ob-test-card{text-align:center;padding:24px;margin-bottom:20px}.ob-test-kanji{font-size:72px;font-weight:900;font-family:Shippori Mincho,serif;color:var(--accent);line-height:1}.ob-test-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ob-test-opt{padding:14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;transition:all .15s;text-align:center}.ob-test-opt:hover{border-color:#f59e0b4d}.ob-test-opt.correct{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.ob-test-opt.wrong{background:#ef44441f;border-color:#ef4444;color:#ef4444}.ob-test-opt.locked{pointer-events:none}.ob-result-level{font-family:Space Mono,monospace;font-size:48px;font-weight:700;color:var(--accent);text-align:center;margin:20px 0 12px}.ob-result-detail{font-size:14px;color:var(--dim);text-align:center;margin-bottom:24px}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.profile-row:last-child{border-bottom:none}.profile-row .label{color:var(--dim)}.profile-row .value{font-weight:600;font-family:Space Mono,monospace}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.profile-stat{background:transparent;border:none;border-radius:0;padding:14px 12px;text-align:center;position:relative}.profile-stat .num{font-family:Space Mono,monospace;font-size:28px;font-weight:700;color:var(--accent)}.profile-stat .label{font-size:11px;color:var(--dim);margin-top:4px}.profile-stat:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:var(--border)}.menu-logout{color:#ef4444!important}.ob-test-nav{display:flex;align-items:center;gap:8px}.ob-test-center{flex:1;min-width:0}.ob-test-arrow{background:none;border:none;color:var(--dim);font-size:48px;cursor:pointer;padding:8px;border-radius:8px;transition:all .15s;line-height:1;font-family:system-ui;flex-shrink:0}.ob-test-arrow:hover{color:var(--text);background:#ffffff0f}.ob-test-arrow:disabled{opacity:.15;cursor:default}.ob-test-arrow:disabled:hover{color:var(--dim);background:none}.ob-skip-btn{display:block;margin:12px auto 0;padding:8px 24px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--dim);font-size:13px;cursor:pointer;transition:all .15s}.ob-skip-btn:hover{color:var(--text);border-color:#fff3}.ob-submit-btn{margin-top:20px}.ob-test-pip{width:24px;height:4px;border-radius:2px;background:var(--surface2);cursor:pointer;transition:background .15s}.ob-test-pip:hover{opacity:.7}.ob-test-pip.skipped{background:var(--surface3)}.ob-test-opt.selected{border-color:var(--accent);background:#f59e0b14;color:var(--accent)}[data-theme=light] .ob-skip-btn{border-color:#0000001a;color:var(--dim)}[data-theme=light] .ob-skip-btn:hover{color:var(--text);border-color:#0003}[data-theme=light] .ob-test-arrow:hover{background:#0000000a}.profile-identity{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#fff;font-family:Shippori Mincho,serif;flex-shrink:0}.profile-info{flex:1;min-width:0}.profile-email{font-size:15px;font-weight:600;word-break:break-all}.profile-meta{font-size:12px;color:var(--dim);margin-top:4px;display:flex;gap:12px;flex-wrap:wrap}.profile-level-badge{display:inline-block;font-family:Space Mono,monospace;font-weight:700;font-size:12px;color:var(--accent);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:4px;padding:2px 8px}.profile-progress{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.profile-progress-row{background:transparent;border:none;border-radius:0;padding:0}.profile-progress-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.profile-progress-label{font-size:13px;font-weight:600}.profile-progress-count{font-family:Space Mono,monospace;font-size:12px;color:var(--dim)}.profile-bar{height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}.profile-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.profile-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:20px}.profile-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--border);text-align:center}.profile-badge.earned{border-color:#f59e0b33}.profile-badge.locked{opacity:.3}.badge-icon{font-size:24px;line-height:1}.badge-name{font-size:10px;color:var(--dim);line-height:1.2}.badge-name.earned{color:var(--text)}.profile-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.profile-action-btn{padding:12px 20px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;cursor:pointer;transition:all .15s;text-align:left;font-family:Noto Sans JP,sans-serif}.profile-action-btn:hover{border-color:#fff3}.profile-action-btn.primary{background:linear-gradient(135deg,#1f2937,#374151);color:#e5e7eb;text-align:center;border:1px solid rgba(255,255,255,.1)}.profile-action-btn.danger{color:#ef4444;border-color:#ef444433}.profile-action-btn.danger:hover{background:#ef44440f}[data-theme=light] .profile-action-btn.primary{background:linear-gradient(135deg,#2a2520,#4a443c);color:#e5e1d8}.profile-pw-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:250;display:none;align-items:center;justify-content:center;padding:24px}.profile-pw-modal.open{display:flex}.profile-pw-inner{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}.profile-pw-inner h3{font-family:Shippori Mincho,serif;font-size:16px;margin-bottom:4px}.profile-collapse{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;overflow:hidden}.profile-collapse-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);transition:background .15s;-webkit-user-select:none;user-select:none}.profile-collapse-header:before{content:"▸";font-size:10px;margin-right:6px;color:var(--dim)}.profile-collapse-header.open:before{content:"▾"}.profile-collapse-header:hover{background:#ffffff05}.profile-collapse-pct{font-family:Space Mono,monospace;font-size:13px;color:var(--accent)}.profile-collapse-body{padding:0 18px 14px}.profile-identity{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;position:relative}.profile-id-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;margin-left:auto}.profile-id-action{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.profile-id-action:hover{color:var(--text);border-color:#fff3}.profile-id-action.danger{color:#ef4444;border-color:#ef444426}.profile-id-action.danger:hover{background:#ef44440f}.kana-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.kana-tab{flex:1;padding:10px 0;border:none;background:var(--surface2);color:var(--dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.kana-tab.active{background:var(--surface3);color:var(--text)}[data-theme=light] .kana-tab.active{background:#2a2520;color:#e5e1d8}.kana-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}.kana-group{margin-bottom:20px}.kana-group-header{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px;padding:0 4px}.kana-group-header .dim{color:var(--dim);font-weight:400;font-size:12px;margin-left:8px}.kana-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.kana-card{width:56px;aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s;gap:2px}.kana-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px var(--card-shadow)}.kana-card.undiscovered{opacity:.2;cursor:default;filter:grayscale(1)}.kana-card.undiscovered:hover{transform:none;box-shadow:none}.kana-char{font-size:22px;font-weight:700;font-family:Noto Sans JP,sans-serif;color:var(--text)}.kana-romaji{font-size:8px;color:var(--dim);font-family:Space Mono,monospace}.kana-card.discovered{border-color:#60a5fa33}.kana-card.discovered .kana-char{color:#60a5fa}.modal-components{display:flex;flex-wrap:wrap;gap:6px}.comp-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:13px;transition:all .15s}.comp-chip .comp-ch{font-size:18px;font-weight:700;font-family:Noto Sans JP,sans-serif}.comp-chip .comp-name{font-size:10px;color:var(--dim)}.comp-chip.clickable{cursor:pointer}.comp-chip.clickable:hover{border-color:#f59e0b4d;background:#f59e0b0a}.comp-chip.clickable .comp-ch{color:var(--accent)}.comp-arrow{color:var(--dim);font-size:10px;margin:0 2px}.jlpt-bar-wrap{margin:12px 0}.jlpt-bar{display:flex;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--border);font-size:10px;font-weight:700;font-family:Space Mono,monospace}.jlpt-seg{display:flex;align-items:center;justify-content:center;color:#fff;white-space:nowrap;min-width:0;padding:0 4px;transition:width .3s ease}.jlpt-seg span{overflow:hidden;text-overflow:ellipsis}.jlpt-bar-label{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px}.jlpt-bar-level{font-weight:700;font-family:Space Mono,monospace}.jlpt-bar-level.n5{color:#94a3b8}.jlpt-bar-level.n4{color:#22c55e}.jlpt-bar-level.n3{color:#3b82f6}.jlpt-bar-level.n2{color:#a855f7}.jlpt-bar-level.n1{color:#f59e0b}.jlpt-bar-level.n1p{color:#ec4899}.jlpt-practice{margin-top:6px}.practice-btn{padding:7px 16px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.practice-btn:hover{color:var(--text);border-color:#f59e0b4d}[data-theme=light] .practice-btn{background:#2a2520;color:#e5e1d8;border-color:#0000001a}.jlpt-bar-mini{margin-top:6px}.jlpt-bar-mini .jlpt-bar{height:16px;font-size:8px}.jlpt-bar-mini .jlpt-bar-label{font-size:10px;margin-top:2px}.grammar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:16px}.grammar-filters{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.grammar-group{margin-bottom:24px}.grammar-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;padding:0 4px}.grammar-group-name{font-size:15px;font-weight:600;color:var(--text)}.grammar-group-count{font-family:Space Mono,monospace;font-size:11px;color:var(--dim)}.grammar-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.grammar-scroll::-webkit-scrollbar{height:4px}.grammar-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.grammar-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.grammar-card .g-level{position:absolute;top:6px;right:8px;font-size:10px;font-weight:700;font-family:Space Mono,monospace}.discovery-toggle{display:flex;gap:0;margin:12px 0 0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.disc-tab{flex:1;padding:8px 0;border:none;background:var(--surface2);color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.disc-tab.active{background:var(--surface3);color:var(--text)}[data-theme=light] .disc-tab.active{background:#2a2520;color:#e5e1d8}.grammar-card.undiscovered{opacity:.2;cursor:default;filter:grayscale(1)}.grammar-card.undiscovered:hover{transform:none;box-shadow:none}.grammar-card.discovered{cursor:pointer}.menu-section-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--dim);padding:16px 14px 4px;text-transform:uppercase;opacity:.5}.menu-footer{padding:12px 20px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--dim);display:flex;flex-direction:column;gap:6px;align-items:center}.menu-progress-bar{width:100%;height:3px;background:var(--surface2);border-radius:2px;overflow:hidden}.menu-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;transition:width .5s ease}.menu-footer #menuStats{font-family:Space Mono,monospace;font-size:11px;color:var(--dim)}.bottom-nav{display:none!important}@media(max-width:767px){.app-content{padding-bottom:16px}}.card-border-1{border:2px solid #94a3b8}.card-border-2{border:2px solid #22c55e}.card-border-3{border:2px solid #3b82f6}.card-border-4{border:2px solid #a855f7}.card-border-5{border:2px solid #f59e0b}.card-border-6{border:2px solid transparent;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#f59e0b,#ec4899,#f59e0b);background-origin:border-box;background-clip:padding-box,border-box}.card-border-n5{border:2px solid #94a3b8}.card-border-n4{border:2px solid #22c55e}.card-border-n3{border:2px solid #3b82f6}.card-border-n2{border:2px solid #a855f7}.card-border-n1{border:2px solid #f59e0b}.coll-card{aspect-ratio:2.5/3.5;border-radius:10px;background:var(--surface);padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.coll-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--card-shadow)}.coll-card.undiscovered{opacity:.15;cursor:default;filter:grayscale(1);border:1px solid var(--border)}.coll-card.undiscovered:hover{transform:none;box-shadow:none}.comp-card{aspect-ratio:2.5/3.5;border-radius:10px;background:var(--surface);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;min-width:90px}.comp-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--card-shadow)}.grammar-card{position:relative;aspect-ratio:2.5/3.5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .3s;overflow:hidden;border:2px solid var(--border);background:var(--surface);flex-shrink:0;width:90px;padding:8px 6px}.grammar-card.discovered:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--card-shadow)}.grammar-card .g-name{font-size:14px;font-weight:700;font-family:Noto Sans JP,sans-serif;margin-bottom:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text)}.grammar-card .g-meaning{font-size:9px;color:var(--dim);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center;max-width:100%}.kana-card{aspect-ratio:2.5/3.5;width:auto;min-width:48px;border-radius:10px}.page-title{margin-bottom:8px}.profile-section-title{font-size:14px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;margin-top:28px}.coll-top{margin-bottom:20px}.stat-card{background:transparent;border-radius:0;padding:14px 12px;border:none;text-align:center;position:relative}.grammar-group,.kana-group{margin-bottom:28px}.grammar-scroll,.radical-scroll{padding-bottom:16px}.modal-section-title{font-size:11px;font-weight:600;color:var(--dim);text-transform:none;letter-spacing:.3px;margin-bottom:8px}.rarity-badge,.g-level{position:absolute;top:6px;right:6px;font-size:9px;font-weight:700;font-family:Space Mono,monospace;color:#fff;padding:2px 6px;border-radius:4px;line-height:1.2;z-index:1}.rarity-1,.glvl-5{background:#94a3b8}.rarity-2,.glvl-4{background:#22c55e}.rarity-3,.glvl-3{background:#3b82f6}.rarity-4,.glvl-2{background:#a855f7}.rarity-5,.glvl-1{background:#f59e0b;color:#1a1a1a}.rarity-6{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}.grammar-card.card-border-n5{border:2px solid #94a3b8!important}.grammar-card.card-border-n4{border:2px solid #22c55e!important}.grammar-card.card-border-n3{border:2px solid #3b82f6!important}.grammar-card.card-border-n2{border:2px solid #a855f7!important}.grammar-card.card-border-n1{border:2px solid #f59e0b!important}.kanji-card.card-border-1{border:2px solid #94a3b8!important}.kanji-card.card-border-2{border:2px solid #22c55e!important}.kanji-card.card-border-3{border:2px solid #3b82f6!important}.kanji-card.card-border-4{border:2px solid #a855f7!important}.kanji-card.card-border-5{border:2px solid #f59e0b!important}.kanji-card.card-border-6{border:2px solid transparent!important;background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#f59e0b,#ec4899,#f59e0b);background-origin:border-box;background-clip:padding-box,border-box}.stroke-area{display:flex;flex-direction:column;align-items:center;gap:8px}.stroke-svg{width:140px;height:140px;background:var(--surface2);border:1px solid var(--border);border-radius:8px}.stroke-svg path.stroke-bg{fill:none;stroke:var(--border);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stroke-svg path.stroke-anim{fill:none;stroke:var(--text);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:none}[data-theme=light] .stroke-svg path.stroke-anim{stroke:#2a2520}.stroke-svg .stroke-grid line{stroke:var(--border);stroke-width:.5}.stroke-controls{display:flex;align-items:center;gap:8px}.stroke-btn{padding:4px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.stroke-btn:hover{color:var(--text);border-color:#ffffff26}[data-theme=light] .stroke-btn{background:#2a2520;color:#e5e1d8;border-color:#0000001a}.stroke-counter{font-family:Space Mono,monospace;font-size:11px;color:var(--dim)}.landing-hero{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.landing-title{font-family:Shippori Mincho,serif;font-size:56px;font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin:0}.landing-subtitle{font-family:Space Mono,monospace;font-size:16px;color:var(--dim);letter-spacing:6px;text-transform:uppercase;margin:8px 0 0}.landing-tagline{font-size:16px;color:var(--dim);line-height:1.6;margin:28px 0 0;font-weight:300;max-width:320px}.landing-cta{margin-top:32px;padding:14px 48px;border-radius:10px;border:none;background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:Noto Sans JP,sans-serif;letter-spacing:1px;transition:all .2s;box-shadow:0 4px 16px #f59e0b33}.landing-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b4d}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;max-width:520px;text-align:center}@media(max-width:500px){.landing-features{grid-template-columns:1fr;gap:16px;margin-top:32px}}.landing-feature{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-feature-kanji{font-family:Shippori Mincho,serif;font-size:28px;font-weight:700;color:var(--text);line-height:1}.landing-feature-en{font-family:Space Mono,monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.landing-feature p{font-size:12px;color:var(--dim);line-height:1.4;margin:4px 0 0}.landing-form-wrap{width:100%;max-width:320px;margin:0 auto;animation:fadeSlideUp .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-back{background:none;border:none;color:var(--dim);font-size:13px;cursor:pointer;padding:0 0 12px;transition:color .15s}.landing-back:hover{color:var(--text)}.landing-form-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px;text-align:center}.ob-brand{font-family:Shippori Mincho,serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:absolute;top:16px;left:20px;z-index:1}.menu-tagline{font-family:Noto Sans JP,sans-serif;font-size:9px;font-weight:400;color:var(--dim);background:none;-webkit-text-fill-color:var(--dim);letter-spacing:0;margin-top:2px}.empty-brand{font-family:Shippori Mincho,serif;font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.empty-state{text-align:center;padding:48px 20px;color:var(--dim);font-size:14px;line-height:1.6}.support-section{margin-bottom:12px}.support-collapse{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.support-collapse-header{padding:14px 18px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.support-collapse-header:before{content:"▸";font-size:10px;margin-right:8px;color:var(--dim);transition:transform .15s}.support-collapse-header.open:before{transform:rotate(90deg)}.support-collapse-header:hover,[data-theme=light] .support-collapse-header:hover{background:#00000005}.support-collapse-body{padding:0 18px 18px}.faq-item{padding:12px 0;border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-item h4{font-size:13px;font-weight:600;color:var(--text);margin:0 0 6px}.faq-item p{font-size:12px;color:var(--dim);line-height:1.6;margin:0}.about-brand{text-align:center;padding:20px 0}.about-title{font-family:Shippori Mincho,serif;font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-subtitle{font-family:Space Mono,monospace;font-size:12px;letter-spacing:3px;color:var(--dim);margin-top:4px}.about-tagline{font-size:13px;color:var(--dim);margin-top:8px;font-style:italic}.about-text{font-size:12px;color:var(--dim);line-height:1.6;margin:12px 0}.about-heading{font-size:13px;font-weight:600;color:var(--text);margin:20px 0 10px}.about-credits{display:flex;flex-direction:column;gap:8px}.credit-item{font-size:11px;color:var(--dim);line-height:1.5;padding:8px 0;border-bottom:1px solid var(--border)}.credit-item:last-child{border-bottom:none}.credit-item strong{color:var(--text);font-weight:600}.credit-item a{color:var(--accent);font-size:11px}.support-collapse-body h4{font-size:13px;font-weight:600;color:var(--text);margin:16px 0 6px}.support-collapse-body h4:first-child{margin-top:0}.support-collapse-body p{font-size:12px;color:var(--dim);line-height:1.6;margin:0 0 8px}.support-collapse-body p strong{color:var(--text)}.legal-date{font-size:11px;color:var(--dim);font-style:italic;margin-bottom:12px}.support-copyright{text-align:center;padding:24px 0;font-size:11px;color:var(--dim);font-family:Space Mono,monospace}.menu-copyright{font-size:9px;color:var(--dim);font-family:Space Mono,monospace;opacity:.6;margin-top:2px}.home-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.greeting-left{flex:1}.greeting-name{font-size:20px;font-weight:600;margin:0;color:var(--text)}.greeting-stats{display:flex;gap:12px;margin-top:4px;font-size:12px;color:var(--dim);font-family:Space Mono,monospace}.greeting-stats .gs-item{display:flex;align-items:center;gap:4px}.greeting-stats .gs-val{font-weight:700;color:var(--text)}.due-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px}.due-info{font-size:13px;color:var(--text)}.due-count{font-weight:700;font-family:Space Mono,monospace;color:var(--accent)}.due-enter{padding:6px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.due-enter:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}[data-theme=light] .due-enter{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.home-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.home-action-card{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.hac-left h4{font-size:13px;font-weight:600;color:var(--text);margin:0}.hac-sub{font-size:11px;color:var(--dim);font-family:Space Mono,monospace}.hac-btn{padding:6px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.hac-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}[data-theme=light] .hac-btn{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.hac-btn:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.hac-btn:disabled:hover{transform:none;box-shadow:none}.booster-reveal{margin:16px 0}.engage-section{margin-top:24px}.engage-title{font-size:12px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.dojo-full{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin:16px 0}.dojo-close-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s}.dojo-close-btn:hover{color:var(--text)}[data-theme=light] .dojo-close-btn{background:#2a2520;color:#e5e1d8;border-color:#0000001a}.home-collapsible{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin:10px 0;animation:fadeSlideUp .25s ease}.hcol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hcol-header h4{font-size:14px;font-weight:600;color:var(--text);margin:0}.hcol-header-booster{justify-content:flex-end;margin-bottom:8px}.booster-banner{margin-bottom:10px}.booster-banner:empty{display:none;margin:0}.hcol-close{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.hcol-close:hover{color:var(--text)}[data-theme=light] .hcol-close{background:#2a2520;color:#e5e1d8;border-color:#0000001a}.hcol-sub{font-size:12px;color:var(--dim);margin:0 0 12px}.booster-scroll{display:flex;gap:10px;overflow-x:auto;padding:8px 0 12px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}.booster-scroll::-webkit-scrollbar{height:4px}.booster-scroll::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}.booster-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.booster-action-btn{padding:8px 20px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.booster-action-btn:hover{color:var(--text);border-color:#ffffff26}.booster-action-btn.primary{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:none}.booster-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}[data-theme=light] .booster-action-btn.primary{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.collapsible-title{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-title:before{content:"▸";font-size:9px;margin-right:4px;color:var(--dim);display:inline-block;transition:transform .15s}.collapsible-title.open:before{transform:rotate(90deg)}.card-grid .grammar-card{width:auto;flex-shrink:1}.disc-sort{font-size:11px;padding:4px 10px;white-space:nowrap}.booster-confirm{text-align:center;padding:16px;font-size:14px;color:var(--text);line-height:1.6;animation:fadeSlideUp .3s ease}.quiz-final{text-align:center;padding:20px;animation:fadeSlideUp .3s ease}.pw-hint{font-size:11px;color:var(--dim);margin:-4px 0 8px;text-align:center}.verify-icon{font-size:48px;text-align:center;margin-bottom:12px}.verify-text{font-size:13px;color:var(--dim);text-align:center;line-height:1.5;margin:8px 0}.verify-spinner{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--dim);margin:16px 0}.spinner-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.welcome-brand{font-family:Shippori Mincho,serif;font-size:42px;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.welcome-title{text-align:center;font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}.welcome-text{text-align:center;font-size:14px;color:var(--dim);margin-bottom:24px}.stay-connected{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);cursor:pointer;justify-content:center;margin:4px 0}.stay-connected input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.pw-wrap{position:relative;width:100%}.pw-wrap .landing-input{padding-right:40px;width:100%}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:var(--dim);opacity:.6;transition:opacity .15s;line-height:0;display:flex;align-items:center;justify-content:center}.pw-toggle:hover{opacity:1}.pw-toggle svg{display:block}.pw-toggle.showing{opacity:1}.pw-toggle.showing:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:1.5px;background:currentColor;transform:rotate(-25deg);pointer-events:none}.profile-username{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.profile-meta-row{font-size:13px;color:var(--text);margin:4px 0;line-height:1.6}.profile-meta-row .profile-meta-label{color:var(--dim);font-weight:600;margin-right:6px}.achievement-banners{display:flex;flex-direction:column;gap:10px;margin:12px 0}.achievement-banner{position:relative;background:linear-gradient(135deg,#f59e0b14,#ec489914);border:1.5px solid;border-image:linear-gradient(135deg,#f59e0b,#ec4899) 1;border-radius:10px;padding:14px 16px;animation:achBounceIn .5s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .achievement-banner{background:linear-gradient(135deg,#f59e0b1f,#ec489914)}@keyframes achBounceIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ach-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--dim);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;line-height:1;transition:all .15s}.ach-dismiss:hover{color:var(--text);background:#0000000d}[data-theme=light] .ach-dismiss:hover{background:#00000014}.ach-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#f59e0b;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.ach-trophy{width:18px;height:18px;flex-shrink:0}.ach-title{font-family:Space Mono,monospace}.ach-body{display:flex;align-items:center;gap:14px}.ach-badge-icon{font-family:Shippori Mincho,serif;font-size:38px;font-weight:700;color:var(--text);width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#f59e0b1f;border:1.5px solid rgba(245,158,11,.4);border-radius:10px;flex-shrink:0}.ach-badge-info{flex:1;min-width:0}.ach-badge-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.ach-badge-desc{font-size:12px;color:var(--dim);line-height:1.4}.menu-item{position:relative}.menu-notif-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px var(--bg);animation:notifPulse 2s ease infinite}@keyframes notifPulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.15)}}.library-filters{display:flex;flex-direction:column;gap:12px;margin:16px 0 20px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.lib-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lib-filter-row+.lib-filter-row{padding-top:12px;border-top:1px solid var(--border)}.lib-filter-label{font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;min-width:48px;font-family:Space Mono,monospace}.lib-filter-pills{display:flex;gap:6px;flex-wrap:wrap;flex:1}.lib-pill{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;white-space:nowrap}.lib-pill:hover{color:var(--text);border-color:#fff3}[data-theme=light] .lib-pill:hover{border-color:#00000026}.lib-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.lib-recommended{margin-bottom:24px}.lib-rec-header{margin-bottom:10px}.lib-rec-label{font-size:12px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.8px;font-family:Space Mono,monospace}.lib-rec-grid,.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.lib-section-title{font-size:14px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-family:Space Mono,monospace}.lib-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:all .15s}.lib-card:hover{border-color:#f59e0b4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.lib-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lib-card-title-wrap{flex:1;min-width:0}.lib-card-title{font-family:Shippori Mincho,serif;font-size:18px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:2px}.lib-card-subtitle{font-size:12px;color:var(--dim);font-style:italic}.lib-card-level{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;font-family:Space Mono,monospace;flex-shrink:0}.lib-card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);flex-wrap:wrap;font-family:Space Mono,monospace}.lib-genre{font-weight:600}.lib-sep{opacity:.5}.lib-thread{margin:-2px 0 2px;padding:6px 10px;background:#f59e0b0f;border-left:2px solid rgba(245,158,11,.35);border-radius:4px;display:flex;flex-direction:column;gap:3px}.lib-thread-header{font-size:10px;font-family:Space Mono,monospace;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}.lib-thread-toggle{cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.lib-thread-toggle:hover{color:var(--text)}.lib-thread-count{opacity:.7;text-transform:none;letter-spacing:.2px}.lib-thread-caret{margin-left:auto;transition:transform .2s ease;font-size:14px;line-height:1;color:var(--dim)}.lib-thread.open .lib-thread-caret{transform:rotate(90deg)}.lib-thread-items{display:none;flex-direction:column;gap:3px;margin-top:6px}.lib-thread.open .lib-thread-items{display:flex}.lib-thread-item{font-size:11px;color:var(--text);line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lib-thread-dot{display:inline-block;width:8px;text-align:center;font-size:9px;color:#f59e0b;line-height:1;flex-shrink:0}.lib-thread-dot-empty{color:transparent}.lib-thread-item.current .lib-thread-name{font-weight:600}.lib-thread-link{cursor:pointer;transition:color .15s}.lib-thread-link:hover{color:#f59e0b}.lib-thread-link:hover .lib-thread-name{text-decoration:underline}.lib-thread-lvl{font-family:Space Mono,monospace;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--surface2);color:var(--dim);letter-spacing:.3px;flex-shrink:0;min-width:28px;text-align:center;display:inline-block;box-sizing:border-box}.lib-thread-label{color:var(--dim);font-size:10px}.lib-thread-name{font-family:Noto Sans JP,sans-serif}.lib-card-highlight{animation:libFlash 1.5s ease-out}@keyframes libFlash{0%,to{box-shadow:none}30%,60%{box-shadow:0 0 0 2px #f59e0b8c,0 4px 18px #f59e0b2e}}.lib-card-preview{font-family:Shippori Mincho,serif;font-size:13px;color:var(--text);line-height:1.5;padding:8px 10px;background:#00000008;border-radius:6px;border-left:2px solid var(--border);opacity:.85}[data-theme=light] .lib-card-preview{background:#00000005}.lib-card-progress{display:flex;align-items:center;gap:10px;margin-top:2px}.lib-progress-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.lib-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ec4899);border-radius:3px;transition:width .3s ease}.lib-progress-text{font-size:11px;color:var(--dim);font-weight:600;font-family:Space Mono,monospace;min-width:52px;text-align:right}.lib-card-actions{margin-top:4px}.lib-action-btn{width:100%;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.lib-action-btn:hover{border-color:#f59e0b66;background:#f59e0b0d}.lib-action-btn.primary{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border-color:transparent}[data-theme=light] .lib-action-btn.primary{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.lib-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026;background:linear-gradient(135deg,#1f2937,#374151)}.lib-action-btn.analyzed{color:#22c55e;border-color:#22c55e4d;background:#22c55e0d}.lib-action-btn.analyzed:hover{border-color:#22c55e80;background:#22c55e1a}.lib-action-btn.locked{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff;border-color:transparent;font-weight:700;letter-spacing:.3px}.lib-action-btn.locked:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d;background:linear-gradient(135deg,#f59e0b,#ec4899)}.lib-card-locked{opacity:.72;border-style:dashed;border-color:#f59e0b59}.lib-card-locked .lib-card-title,.lib-card-locked .lib-card-subtitle,.lib-card-locked .lib-card-preview{filter:grayscale(.2)}.lib-card-locked .lib-card-preview{opacity:.6}.save-bar{position:static;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;margin:16px 0 20px;z-index:auto;animation:fadeSlideUp .3s ease;transition:opacity .35s ease,transform .35s ease}.save-bar.fading{opacity:0;transform:translateY(8px);pointer-events:none}.save-bar-header{display:flex;align-items:center;justify-content:space-between}.save-bar-title{font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;font-family:Space Mono,monospace}.save-bar .save-info{font-size:14px;color:var(--text);font-family:Shippori Mincho,serif;line-height:1.5;display:flex;flex-direction:column;gap:6px}.save-bar .save-info .save-catchy{font-family:Shippori Mincho,serif;font-size:15px;font-style:italic;color:var(--accent);line-height:1.4;margin-bottom:4px;padding-bottom:10px;border-bottom:1px solid var(--border)}.save-bar .save-info .save-line{font-family:Noto Sans JP,sans-serif;font-size:13px;color:var(--text);line-height:1.6}.save-bar .save-info b{color:var(--accent);font-weight:700;font-size:14px}.save-bar-actions{display:flex;flex-direction:column;gap:10px}.save-bar .discard-btn{display:block;width:100%;padding:13px;border-radius:8px;border:1px solid var(--border);background:none;color:#ef4444;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;letter-spacing:.3px}.save-bar .discard-btn:hover{border-color:#ef444480;background:#ef44440f}.save-bar .save-btn{display:block;width:100%;padding:13px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;letter-spacing:.3px;box-shadow:0 2px 10px #f59e0b26}[data-theme=light] .save-bar .save-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.save-bar .save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #f59e0b47}.save-bar .save-btn:active{transform:translateY(0)}.save-bar .save-btn.saved{background:#22c55e;pointer-events:none}.save-bar-confirm{text-align:center;padding:8px 4px;font-size:14px;color:var(--text);line-height:1.5;font-family:Shippori Mincho,serif;animation:fadeSlideUp .3s ease}.save-bar-confirm .confirm-accent{color:#22c55e;font-weight:700}.save-bar-confirm .confirm-accent.discard{color:#f59e0b}.due-backlog{font-size:11px;color:var(--dim);margin-top:4px;font-family:Space Mono,monospace}.dojo-daily-progress{margin:18px 0 14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.ddp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ddp-label{font-size:11px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.8px;font-family:Space Mono,monospace}.ddp-count{font-size:14px;font-weight:700;color:var(--text);font-family:Space Mono,monospace}.ddp-count.done{color:#22c55e}.ddp-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ddp-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ec4899);border-radius:3px;transition:width .35s ease}.ddp-fill.done{background:#22c55e}.ddp-backlog{margin-top:8px;font-size:11px;color:var(--dim);font-family:Space Mono,monospace;text-align:right}.dojo-extras{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dojo-extra-btn{padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;width:100%}.dojo-extra-btn:hover{background:#f59e0b0d;border-color:#f59e0b66}.dojo-extra-btn.catchup{border-color:#3b82f64d;color:#3b82f6}.dojo-extra-btn.catchup:hover{background:#3b82f60d;border-color:#3b82f680}.dojo-goal-complete{margin:14px auto;max-width:340px;padding:12px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:13px;font-weight:600;text-align:center;line-height:1.5}.dgc-icon{font-size:16px;font-weight:700;margin-right:4px}.dojo-goal-progress{margin:10px auto;max-width:340px;padding:8px 14px;font-size:12px;color:var(--dim);text-align:center;font-family:Space Mono,monospace}.profile-settings{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px}.profile-setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.profile-setting-info{flex:1;min-width:200px}.profile-setting-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.profile-setting-desc{font-size:11px;color:var(--dim);line-height:1.4}.profile-setting-control{flex-shrink:0}.goal-pills{display:flex;gap:4px;flex-wrap:wrap}.goal-pill{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;min-width:38px}.goal-pill:hover{color:var(--text);border-color:#f59e0b66}.goal-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.dev-sub-box{background:var(--surface);border:1px dashed rgba(245,158,11,.4);border-radius:10px;padding:14px 16px;font-family:Space Mono,monospace}.dev-sub-status{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dev-sub-badge{font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:4px}.dev-sub-badge.premium{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}.dev-sub-badge.free{background:var(--surface2);color:var(--dim);border:1px solid var(--border)}.dev-sub-state{font-size:12px;color:var(--text);font-weight:600}.dev-sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin-bottom:14px;padding:10px 12px;background:var(--bg);border-radius:6px}.dev-sub-grid>div{display:flex;justify-content:space-between;font-size:11px}.dev-lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.dev-val{color:var(--text);font-weight:600}.dev-sub-section-lbl{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin:10px 0 6px}.dev-sub-btns{display:flex;flex-wrap:wrap;gap:6px}.dev-sub-btn{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.dev-sub-btn:hover{border-color:#f59e0b80;background:var(--surface3)}.backlog-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;background:none;border:none;color:var(--dim);font-size:11px;font-weight:600;cursor:pointer;font-family:Space Mono,monospace;border-radius:4px;transition:all .15s;letter-spacing:.3px;opacity:.7}.backlog-toggle:hover{opacity:1;background:#ffffff0a}[data-theme=light] .backlog-toggle:hover{background:#0000000a}.backlog-toggle .bt-arrow{font-size:9px;line-height:1}.backlog-content{margin-top:4px;font-size:11px;color:var(--dim);font-family:Space Mono,monospace;animation:fadeSlideUp .2s ease}.dojo-bt{margin-top:8px}.dojo-phrase{margin:10px auto 14px;max-width:340px;font-family:Shippori Mincho,serif;font-size:14px;line-height:1.5;text-align:center;font-style:italic;animation:fadeSlideUp .4s ease}.dojo-phrase.high{color:#22c55e}.dojo-phrase.low{color:var(--dim)}.special-pack-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:14px;border-radius:10px;background:linear-gradient(135deg,#f59e0b1f,#ec48991a);border:1.5px solid;border-image:linear-gradient(135deg,#f59e0b,#ec4899) 1;animation:achBounceIn .5s cubic-bezier(.34,1.56,.64,1)}.special-pack-banner.special-beginner{background:linear-gradient(135deg,#94a3b81f,#22c55e1a);border-image:linear-gradient(135deg,#94a3b8,#22c55e) 1}.special-pack-banner.special-master{background:linear-gradient(135deg,#a855f71f,#f59e0b1a);border-image:linear-gradient(135deg,#a855f7,#f59e0b) 1}.special-pack-banner.special-theme{background:linear-gradient(135deg,#3b82f61f,#a855f71a);border-image:linear-gradient(135deg,#3b82f6,#a855f7) 1}.special-pack-banner.special-golden{background:linear-gradient(135deg,#f59e0b2e,#f59e0b1a);border-image:linear-gradient(135deg,#fbbf24,#f59e0b) 1}.special-pack-banner.special-mystery{background:linear-gradient(135deg,#6b48ff1f,#ec48991a);border-image:linear-gradient(135deg,#7c3aed,#ec4899) 1}.spb-icon{width:22px;height:22px;color:#f59e0b;flex-shrink:0}.special-pack-banner.special-beginner .spb-icon{color:#22c55e}.special-pack-banner.special-master .spb-icon{color:#a855f7}.special-pack-banner.special-theme .spb-icon{color:#3b82f6}.special-pack-banner.special-golden .spb-icon{color:#fbbf24}.special-pack-banner.special-mystery .spb-icon{color:#7c3aed}.spb-text{font-family:Space Mono,monospace;font-size:13px;color:var(--text);font-weight:700;letter-spacing:.3px}.spb-jp{font-family:Shippori Mincho,serif;font-weight:700}.spb-en{font-weight:600}.lucky-pack-banner{display:flex;align-items:center;gap:8px;padding:8px 14px;margin-bottom:12px;border-radius:8px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-family:Space Mono,monospace;font-size:12px;font-weight:700;animation:fadeSlideUp .35s ease}.lpb-icon{width:16px;height:16px;flex-shrink:0}.hcol-actions{display:flex;align-items:center;gap:8px}.special-pack-reveal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;padding:32px 24px;text-align:center;animation:revealBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes revealBounce{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.spr-icon{width:36px;height:50px;color:#f59e0b;animation:revealPulse 1.5s ease infinite}@keyframes revealPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.85}}.special-beginner .spr-icon{color:#22c55e}.special-master .spr-icon{color:#a855f7}.special-theme .spr-icon{color:#3b82f6}.special-golden .spr-icon{color:#fbbf24}.special-mystery .spr-icon{color:#7c3aed}.spr-text{display:flex;flex-direction:column;align-items:center;gap:4px}.spr-jp{font-family:Shippori Mincho,serif;font-size:26px;font-weight:700;color:var(--text);letter-spacing:1px}.spr-en{font-family:Space Mono,monospace;font-size:14px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px}.spr-group{margin-top:6px;font-family:Shippori Mincho,serif;font-size:18px;font-weight:600;color:#f59e0b;font-style:italic}.special-beginner .spr-group{color:#22c55e}.special-master .spr-group{color:#a855f7}.special-theme .spr-group{color:#3b82f6}.special-golden .spr-group{color:#fbbf24}.special-mystery .spr-group{color:#7c3aed}.lucky-message{width:100%;text-align:center;padding:10px 14px;font-family:Shippori Mincho,serif;font-size:14px;font-style:italic;color:#22c55e;animation:fadeSlideUp .4s ease}.pack-help-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--dim);cursor:pointer;transition:all .15s;padding:0}.pack-help-btn svg{width:14px;height:14px}.pack-help-btn:hover{color:var(--text);border-color:#f59e0b66;background:#f59e0b0d}.pack-help-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease}.pack-help-inner{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;padding:24px;animation:fadeSlideUp .25s ease}.pack-help-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .15s}.pack-help-close:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .pack-help-close:hover{background:#0000000d}.pack-help-title{font-family:Shippori Mincho,serif;font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px;padding-right:30px}.pack-help-intro{font-size:13px;color:var(--dim);line-height:1.5;margin:0 0 18px;font-style:italic}.pack-help-list{display:flex;flex-direction:column;gap:14px}.pack-help-item{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border)}.pack-help-item:first-child{border-top:none;padding-top:0}.phi-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--dim)}.phi-icon svg{width:20px;height:28px}.phi-body{flex:1;min-width:0}.phi-name{font-family:Space Mono,monospace;font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;letter-spacing:.3px}.phi-desc{font-size:12px;color:var(--dim);line-height:1.5}.hac-left h4 .pack-help-btn{display:inline-flex;vertical-align:middle;width:22px;height:22px;margin-left:6px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:0;align-items:center;justify-content:center;transition:all .15s}.hac-left h4 .pack-help-btn svg{width:11px;height:11px}.hac-left h4 .pack-help-btn:hover{color:var(--text);border-color:#f59e0b66;background:#f59e0b0d}.char-counter{margin-top:6px;font-size:12px;color:var(--dim);font-family:Space Mono,monospace;text-align:right;letter-spacing:.3px;transition:color .2s}.char-counter.warn{color:#f59e0b}.char-counter.danger{color:#ef4444}.char-counter.over{color:#ef4444;font-weight:700}.analyze-status{margin:8px 0 12px;font-size:12px;color:var(--dim);font-family:Space Mono,monospace;letter-spacing:.3px;text-align:center;min-height:14px}.analyze-status.blocked{color:#ef4444}.analyze-status .upgrade-link{color:#f59e0b;text-decoration:underline;cursor:pointer;font-weight:700}.analyze-status:empty{display:none}.analyze-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;pointer-events:auto}.ob-test-pip.answered{background:var(--dim);opacity:.7}.ob-test-pip.answered-skip{background:transparent;border:1px solid var(--dim);opacity:.5}.ob-test-pip.active{background:var(--accent);opacity:1}.ob-test-opt.selected{border-color:var(--accent);background:#f59e0b14;color:var(--text)}.ob-result-pips-label{font-size:12px;color:var(--dim);text-align:center;margin:18px 0 10px;font-family:Space Mono,monospace;letter-spacing:.5px}.ob-result-pips{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.ob-result-pip{padding:12px 0;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:Space Mono,monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.ob-result-pip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.ob-result-pip.correct{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.ob-result-pip.wrong{background:#ef44441f;border-color:#ef4444;color:#ef4444}.ob-result-pip.skipped{background:#94a3b814;border-color:#94a3b84d;color:var(--dim)}.ob-review-back{background:none;border:none;color:var(--dim);font-size:13px;cursor:pointer;padding:4px 0;margin-bottom:12px;font-family:Space Mono,monospace;transition:color .15s}.ob-review-back:hover{color:var(--text)}.ob-review-q{font-size:12px;color:var(--dim);text-align:center;font-family:Space Mono,monospace;letter-spacing:.5px;margin-bottom:16px}.ob-review-kanji{font-family:"Noto Serif JP",serif;font-size:72px;font-weight:700;text-align:center;color:var(--text);margin:20px 0 24px}.ob-review-options{display:flex;flex-direction:column;gap:10px}.ob-review-opt{padding:14px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;display:flex;justify-content:space-between;align-items:center}.ob-review-opt.correct{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.ob-review-opt.picked-wrong{background:#ef44441f;border-color:#ef4444;color:#ef4444}.ob-review-tag{font-size:11px;font-weight:700;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;background:#22c55e33}.ob-review-tag.wrong{background:#ef444433}.ob-welcome-splash{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 12px;animation:fadeSlideUp .5s ease}.ob-welcome-brand{font-family:Shippori Mincho,serif;font-size:56px;font-weight:900;background:linear-gradient(135deg,#f59e0b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin-bottom:8px;line-height:1.1}.ob-welcome-sub{font-family:Space Mono,monospace;font-size:14px;font-weight:400;color:var(--dim);letter-spacing:6px;text-transform:uppercase;background:none;-webkit-text-fill-color:var(--dim);margin-top:6px}.ob-welcome-aboard{font-family:Shippori Mincho,serif;font-size:22px;font-weight:700;color:var(--text);margin:32px 0 16px;letter-spacing:1px}.ob-welcome-phrase{font-family:Shippori Mincho,serif;font-size:18px;color:var(--text);line-height:1.7;margin:0 0 36px;max-width:340px;font-style:italic}.ob-welcome-phrase-en{display:block;font-size:14px;color:var(--dim);margin-top:6px;font-style:italic}.ob-welcome-begin{margin-top:8px;font-size:14px;padding:14px 32px;max-width:320px}.achievement-banner.clickable{cursor:pointer;transition:transform .15s,box-shadow .2s}.achievement-banner.clickable:active{transform:scale(.985)}.achievement-banner.clickable:hover{box-shadow:0 4px 14px #f59e0b26}.ach-hint{margin-top:10px;font-size:11px;color:var(--dim);text-align:right;font-style:italic;font-family:Space Mono,monospace;letter-spacing:.3px}.analysis-practice-wrap{width:100%;margin:16px 0 12px}.practice-big-btn{display:block;width:100%;padding:13px;border-radius:8px;border:none;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;letter-spacing:.3px}.practice-big-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000002e}.practice-big-btn:active{transform:translateY(0)}[data-theme=light] .practice-big-btn{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.home-welcome{font-family:Shippori Mincho,serif;font-size:20px;font-weight:700;color:var(--text);margin:8px 0 10px;line-height:1.4;letter-spacing:.3px}.home-welcome-name{display:inline-block;font-size:24px;color:var(--accent);margin-top:2px}.home-stats-row{display:flex;gap:24px;flex-wrap:wrap;margin:0 0 22px}.hs-stat{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:12px;color:var(--dim);letter-spacing:.3px}.hs-stat b{font-weight:700;color:var(--text)}.hs-stat .hs-ico{font-size:13px}.home-new-analysis-btn{width:100%;padding:16px;border:none;border-radius:12px;font-family:Shippori Mincho,serif;font-size:15px;font-weight:700;letter-spacing:1px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;transition:transform .15s,box-shadow .2s;margin-bottom:16px;box-shadow:0 2px 10px #ec48991f}.home-new-analysis-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #ec489940}.home-new-analysis-btn:active{transform:translateY(0)}.home-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.home-box .hb-info{flex:1;min-width:0}.home-box .hb-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px;font-family:Noto Sans JP,sans-serif}.home-box .hb-sub{font-size:11px;color:var(--dim);font-family:Space Mono,monospace;letter-spacing:.3px}.home-box .hb-btn{flex-shrink:0;padding:10px 18px;border-radius:8px;border:none;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;letter-spacing:.3px}.home-box .hb-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000002e}.home-box .hb-btn:active{transform:translateY(0)}.home-box .hb-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}[data-theme=light] .home-box .hb-btn{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.home-box.home-box-vertical{flex-direction:column;align-items:stretch;text-align:center;padding:18px 16px}.home-box.home-box-vertical .hb-info{text-align:center;margin-bottom:14px}.hb-btn-wide{width:100%;padding:13px;border-radius:8px;border:none;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;letter-spacing:.3px}.hb-btn-wide:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000002e}.hb-btn-wide:active{transform:translateY(0)}[data-theme=light] .hb-btn-wide{background:linear-gradient(135deg,#2a2520,#3d3530);color:#e5e1d8}.home-booster-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 16px;margin:4px 0 20px;text-align:center;position:relative}.home-booster-card .hbc-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.home-booster-card .hbc-title{font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.3px}.home-booster-card .hbc-sub{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);margin-bottom:14px;letter-spacing:.3px}.home-booster-card .hbc-btn{display:block;width:100%;padding:13px;border-radius:8px;border:none;font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.3px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 10px #f59e0b26}.home-booster-card .hbc-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #f59e0b47}.home-booster-card .hbc-btn:active{transform:translateY(0)}.home-booster-card .hbc-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.home-booster-card .pack-help-btn{width:22px;height:22px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.home-booster-card .pack-help-btn svg{width:11px;height:11px}.home-booster-card .pack-help-btn:hover{color:var(--text);border-color:#f59e0b66;background:#f59e0b0d}.home-booster-card .hbc-countdown{margin-top:12px;font-family:Space Mono,monospace;font-size:11px;color:var(--dim);letter-spacing:.3px;font-style:italic}.home-booster-card .hbc-countdown:empty{display:none}#dueCount{font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;color:var(--text);line-height:1.5}#dueCount b{color:var(--accent);font-weight:700}#dueCount .backlog-toggle,#dueCount .backlog-content{font-family:Space Mono,monospace;font-size:11px;font-weight:400;color:var(--dim)}nav:not(.bottom-nav) .logo{cursor:pointer;transition:opacity .15s}nav:not(.bottom-nav) .logo:active{opacity:.7}.gloss-token{position:relative;cursor:pointer;border-bottom:1px dotted rgba(245,158,11,.35);transition:border-color .15s,background .15s;border-radius:2px;padding-bottom:1px}.gloss-token:active{background:#f59e0b1f;border-bottom-color:#f59e0bb3}[data-theme=light] .gloss-token{border-bottom-color:#c77b0a59}[data-theme=light] .gloss-token:active{background:#c77b0a1a;border-bottom-color:#c77b0ab3}.furigana-box.show-glossary .jp-line{line-height:2.5}.furigana-box.show-glossary .gloss-token:after{content:attr(data-meaning);position:absolute;left:50%;top:100%;transform:translate(-50%);font-size:9px;font-style:italic;color:var(--dim);font-family:Noto Sans JP,sans-serif;white-space:nowrap;pointer-events:none;margin-top:2px;letter-spacing:.2px}.furigana-box.show-glossary .gloss-token[data-meaning=""]:after{display:none}.furigana-box .en-line{display:none}.glossary-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:250;display:none;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s;padding:0}.glossary-modal.open{opacity:1}.glossary-inner{width:100%;max-width:560px;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:24px 22px 32px;position:relative;transform:translateY(20px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);max-height:80vh;overflow-y:auto}.glossary-modal.open .glossary-inner{transform:translateY(0)}.glossary-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--dim);cursor:pointer;font-size:18px;padding:6px 10px;border-radius:6px;transition:all .15s}.glossary-close:hover{color:var(--text);background:#ffffff0f}[data-theme=light] .glossary-close:hover{background:#0000000f}.glossary-word{font-family:Shippori Mincho,serif;font-size:32px;font-weight:700;color:var(--text);text-align:center;margin:6px 0 4px;line-height:1.2}.glossary-reading{font-family:Noto Sans JP,sans-serif;font-size:14px;color:var(--dim);text-align:center;margin-bottom:10px}.glossary-pos{display:inline-block;font-family:Space Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:#f59e0b1a;padding:3px 10px;border-radius:12px;margin:0 auto 16px;position:relative;left:50%;transform:translate(-50%)}.glossary-meanings{margin-top:10px;padding-top:16px;border-top:1px solid var(--border)}.glossary-ol{list-style:decimal;padding-left:22px;margin:0}.glossary-ol li{font-size:14px;line-height:1.6;color:var(--text);margin-bottom:6px;padding-left:4px}.glossary-ol li::marker{color:var(--dim);font-family:Space Mono,monospace;font-size:12px}.glossary-nomatch{font-size:13px;color:var(--dim);text-align:center;font-style:italic;padding:12px 0}.glossary-kanji-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.gks-title{font-family:Space Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-bottom:10px}.gks-chips{display:flex;gap:8px;flex-wrap:wrap}.glossary-kanji-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;font-family:inherit;min-width:60px}.glossary-kanji-chip:hover{border-color:#f59e0b80;background:#f59e0b0f;transform:translateY(-1px)}.glossary-kanji-chip:active{transform:translateY(0)}.gkc-char{font-family:Shippori Mincho,serif;font-size:22px;font-weight:700;color:var(--text);line-height:1}.gkc-meaning{font-size:10px;color:var(--dim);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-avatar-box{display:flex;flex-direction:row;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:20px}.profile-avatar-box .profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#fff;font-family:Shippori Mincho,serif;flex-shrink:0;overflow:hidden}.profile-avatar-box .profile-avatar.profile-avatar-img{padding:0;background:none}.profile-avatar-box .profile-avatar-img{width:64px;height:64px;object-fit:cover;display:block}.profile-avatar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.profile-avatar-box .profile-username{font-family:Shippori Mincho,serif;font-size:18px;font-weight:700;color:var(--text);margin:0;word-break:break-word}.profile-avatar-update{align-self:flex-start;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--dim);font-size:11px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace}.profile-avatar-update:hover{color:var(--text);border-color:#f59e0b66;background:#f59e0b0d}.profile-general-box{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:20px}.profile-general-box .profile-general-content{width:100%}.profile-general-box .profile-meta-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;font-size:13px;color:var(--text);margin:10px 0;line-height:1.6}.profile-general-box .profile-meta-row:first-child{margin-top:0}.profile-general-box .profile-meta-label{color:var(--dim);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-family:Space Mono,monospace}.profile-general-box .profile-meta-val{color:var(--text);word-break:break-word;font-size:13px}.profile-premium-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin:14px 0 4px}.profile-premium-cta{padding:10px 26px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:Shippori Mincho,serif;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .15s;box-shadow:0 2px 10px #f59e0b33}.profile-premium-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ec48994d}.profile-premium-cta:active{transform:translateY(0)}.profile-premium-cta-secondary{background:none;border:none;color:var(--dim);font-size:12px;font-family:Space Mono,monospace;letter-spacing:.3px;cursor:pointer;padding:2px 8px;transition:color .15s}.profile-premium-cta-secondary:hover{color:var(--accent)}.trial-banner{background:linear-gradient(135deg,#f59e0b14,#ec48990f);border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px 14px;margin:12px 0}.trial-banner.urgent{border-color:#f59e0bb3;background:linear-gradient(135deg,#f59e0b24,#ec48991a);animation:trialPulse 2.6s ease-in-out infinite}@keyframes trialPulse{0%,to{box-shadow:0 0 #f59e0b40}50%{box-shadow:0 0 0 6px #f59e0b00}}.trial-banner .tb-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.trial-banner .tb-title{font-family:Shippori Mincho,serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.trial-banner.urgent .tb-title{color:var(--accent)}.trial-banner .tb-sub{font-size:11px;color:var(--dim);font-family:Space Mono,monospace;letter-spacing:.2px}.trial-banner .tb-btn{padding:7px 14px;border:none;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:Space Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .15s;white-space:nowrap}.trial-banner .tb-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d}.trial-banner .tb-progress{margin-top:10px;height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.trial-banner .tb-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease}.upgrade-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-inner{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px 22px;max-width:400px;width:100%;position:relative;text-align:center;box-shadow:0 20px 60px #0006;max-height:92vh;overflow-y:auto}.upgrade-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}.upgrade-close:hover{color:var(--text);background:var(--surface2)}.upgrade-brand{font-family:Shippori Mincho,serif;font-size:22px;color:var(--text);letter-spacing:3px;margin-bottom:2px;opacity:.85}.upgrade-title{font-family:Shippori Mincho,serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-tagline{font-size:13px;color:var(--dim);margin-bottom:14px;font-style:italic}.upgrade-context{font-size:13px;color:var(--text);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:10px 14px;margin-bottom:16px;line-height:1.5}.upgrade-trial-wrap{margin-bottom:18px;padding-bottom:18px;border-bottom:1px dashed var(--border)}.upgrade-trial-btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:Shippori Mincho,serif;font-size:15px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .15s;box-shadow:0 3px 14px #f59e0b40}.upgrade-trial-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ec489959}.upgrade-trial-note{font-size:11px;color:var(--dim);margin-top:8px;letter-spacing:.3px}.upgrade-plans{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.upgrade-plan{position:relative;padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;transition:all .15s;text-align:left;display:flex;justify-content:space-between;align-items:center}.upgrade-plan:hover{border-color:#f59e0b80;background:var(--surface3)}.upgrade-plan.featured{border-color:#f59e0b80;background:linear-gradient(135deg,#f59e0b0f,#ec48990f)}.up-plan-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:10px;font-family:Space Mono,monospace}.up-plan-name{font-family:Space Mono,monospace;font-size:12px;font-weight:700;color:var(--text);letter-spacing:.5px;text-transform:uppercase}.up-plan-price{font-family:Shippori Mincho,serif;font-size:18px;font-weight:700;color:var(--accent)}.up-plan-per{font-size:11px;color:var(--dim);font-weight:400}.up-plan-equiv{position:absolute;bottom:-6px;left:16px;font-size:10px;color:var(--dim);background:var(--surface);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.upgrade-benefits{text-align:left;margin-bottom:14px;padding:12px 14px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.up-benefit{font-size:12px;color:var(--text);padding:3px 0;font-family:Space Mono,monospace;letter-spacing:.2px}.upgrade-dismiss{background:none;border:none;color:var(--dim);font-size:12px;font-family:Space Mono,monospace;cursor:pointer;padding:6px 12px;transition:color .15s}.upgrade-dismiss:hover{color:var(--text)}.profile-avatar-cancel{align-self:flex-start;padding:6px 12px;border-radius:6px;border:1px solid rgba(239,68,68,.2);background:none;color:#ef4444;font-size:11px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;margin-top:2px}.profile-avatar-cancel:hover{background:#ef44440f;border-color:#ef444466}.profile-manage-body .profile-id-action.premium-cancel{color:var(--accent);border-color:#f59e0b4d;background:#f59e0b0a}.profile-manage-body .profile-id-action.premium-cancel:hover{background:#f59e0b1a;border-color:#f59e0b80}.profile-manage-collapse{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.profile-manage-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text);font-family:Space Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 0;cursor:pointer;text-transform:uppercase}.profile-manage-toggle:hover{color:var(--accent)}.pmt-arrow{color:var(--dim);font-size:14px;transition:color .15s}.profile-manage-toggle:hover .pmt-arrow{color:var(--accent)}.profile-manage-body{display:flex;flex-direction:column;gap:8px;margin-top:10px}.profile-manage-body .profile-id-action{width:100%;padding:11px 14px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--dim);font-size:12px;cursor:pointer;transition:all .15s;font-family:Space Mono,monospace;text-align:center;letter-spacing:.3px}.profile-manage-body .profile-id-action:hover{color:var(--text);border-color:#fff3;background:#ffffff05}[data-theme=light] .profile-manage-body .profile-id-action:hover{background:#00000008}.profile-manage-body .profile-id-action.danger{color:#ef4444;border-color:#ef444433}.profile-manage-body .profile-id-action.danger:hover{background:#ef44440f}.avatar-crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s}.avatar-crop-modal.open{opacity:1}.acm-inner{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 22px;max-width:340px;width:100%;text-align:center}.acm-title{font-family:Shippori Mincho,serif;font-size:18px;font-weight:700;color:var(--text);margin:0 0 6px}.acm-hint{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);margin:0 0 16px;letter-spacing:.3px}.acm-stage{position:relative;width:280px;height:280px;margin:0 auto 16px;background:#000;border-radius:10px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:move}.acm-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.acm-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0,transparent 119px,rgba(0,0,0,.65) 121px);box-shadow:inset 0 0 0 1px #ffffff26}.acm-mask:before{content:"";position:absolute;left:50%;top:50%;width:240px;height:240px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transform:translate(-50%,-50%)}.acm-zoom-controls{display:flex;align-items:center;gap:10px;margin-bottom:18px}.acm-zoom-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:20px;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0}.acm-zoom-btn:hover{border-color:var(--accent);color:var(--accent)}.acm-zoom-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface2);border-radius:2px;outline:none}.acm-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.acm-zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.acm-actions{display:flex;gap:10px}.acm-action-btn{flex:1;padding:12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.3px}.acm-action-btn:hover{border-color:var(--accent)}.acm-action-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff}.acm-action-btn.primary:hover{box-shadow:0 4px 14px #ec489940}.kana-modal-card{width:320px;max-width:90vw;aspect-ratio:auto;padding:32px 24px;text-align:center}.kana-modal-card .modal-char{font-size:88px;line-height:1;margin:8px 0 6px}.kana-modal-card .modal-badge{display:inline-block;background:#f59e0b26;color:var(--accent);font-family:Space Mono,monospace;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:1px;margin-bottom:18px}.kana-stroke-status{font-size:11px;color:var(--dim);font-style:italic;margin-top:8px;font-family:Space Mono,monospace}.kana-stroke-status:empty{display:none}.furigana-box.deep-mode .text-line{cursor:pointer;padding:8px 0}.furigana-box.deep-mode .jp-line{text-decoration:underline;text-decoration-color:#f59e0b80;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-underline-offset:6px;transition:text-decoration-color .15s}.furigana-box.deep-mode .text-line:hover .jp-line,.furigana-box.deep-mode .text-line:active .jp-line{text-decoration-color:#f59e0bd9}.furigana-box.deep-mode .gloss-token{border-bottom:none;cursor:pointer}.deep-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:260;display:none;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s;padding:0}.deep-modal.open{opacity:1}.deep-inner{width:100%;max-width:640px;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:22px 20px 28px;position:relative;transform:translateY(20px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);max-height:85vh;overflow-y:auto}.deep-modal.open .deep-inner{transform:translateY(0)}.deep-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--dim);cursor:pointer;font-size:18px;padding:6px 10px;border-radius:6px;transition:all .15s}.deep-close:hover{color:var(--text);background:#ffffff0f}[data-theme=light] .deep-close:hover{background:#0000000f}.deep-label{font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--dim);letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.deep-beta{display:inline-block;padding:2px 8px;background:#f59e0b1f;color:var(--accent);border-radius:8px;font-size:9px;font-weight:700;letter-spacing:.5px}.deep-sentence{font-family:Shippori Mincho,serif;font-size:22px;font-weight:700;color:var(--text);line-height:1.5;padding:12px 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px;word-break:break-word}.deep-section-title{font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin:14px 0 10px}.deep-blocks{display:block;width:100%}.deep-info-note{padding:10px 12px;margin-bottom:14px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:8px;font-size:11px;color:var(--text);line-height:1.5;opacity:.92}[data-theme=light] .deep-info-note{background:#3b82f60f;border-color:#3b82f633}.deep-info-note b{color:#3b82f6;font-weight:700}.dv-row{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;width:100%;box-sizing:border-box;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.06);align-items:start}[data-theme=light] .dv-row{border-bottom-color:#0000000f}.dv-row:last-child{border-bottom:none}.dv-left{display:flex;flex-direction:column;gap:2px;min-width:0}.dv-word{font-family:Shippori Mincho,serif;font-size:20px;font-weight:700;color:var(--text);line-height:1.25;word-break:break-word}.dv-reading{font-family:Noto Sans JP,sans-serif;font-size:11px;color:var(--dim);line-height:1.2}.dv-right{display:flex;flex-direction:column;gap:5px;min-width:0}.dv-role{display:inline-block;align-self:flex-start;padding:3px 9px;border:1px solid;border-radius:10px;font-family:Space Mono,monospace;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.dv-meaning{font-size:12px;color:var(--text);line-height:1.45;opacity:.88;word-break:break-word}.dv-meaning-none{opacity:.5;font-style:italic}.dv-extras{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.dv-tag{font-size:9px;padding:2px 6px;border-radius:4px;font-family:Space Mono,monospace;letter-spacing:.2px;white-space:nowrap;background:#94a3b81f;color:var(--dim)}.dv-tag-aspect{background:#3b82f61f;color:#60a5fa}.dv-tag-keigo{background:#f59e0b1f;color:#fbbf24}.dv-tag-conj{background:#fb71851a;color:#fb7185}.dv-tag-mood{background:#a855f71f;color:#c084fc}.dv-tag-literal{background:#f59e0b1f;color:#fbbf24;font-style:italic}.dv-dict{font-size:10px;color:var(--dim);opacity:.7;font-family:Noto Sans JP,sans-serif}.dgi-basic-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px dashed var(--border);border-radius:8px;cursor:pointer;transition:background .15s}.dgi-basic-toggle:hover{background:var(--surface2)}.dgi-toggle-label{font-size:12px;color:var(--dim);font-weight:600}.dgi-toggle-count{font-size:11px;color:var(--dim);background:var(--surface2);padding:2px 8px;border-radius:10px;font-family:Space Mono,monospace}.dgi-basic-toggle.open .dgi-toggle-label:before{content:""}.dgi-basic-list,.deep-grammar{display:flex;flex-direction:column;gap:8px}.deep-grammar-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px}.dgi-level{flex-shrink:0;padding:3px 8px;border-radius:6px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.3px}.dgi-level.glvl-1{background:#f59e0b26;color:#f59e0b}.dgi-level.glvl-2{background:#a855f726;color:#a855f7}.dgi-level.glvl-3{background:#3b82f626;color:#3b82f6}.dgi-level.glvl-4{background:#22c55e26;color:#22c55e}.dgi-level.glvl-5{background:#94a3b826;color:#94a3b8}.dgi-body{flex:1;min-width:0}.dgi-name{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px;word-break:break-word}.dgi-meaning{font-size:12px;color:var(--dim);line-height:1.5}@media(max-width:420px){.toggle-group .toggle-label span{font-size:11px}}body.modal-open{overflow:hidden;position:fixed;width:100%;top:var(--scroll-lock,0);left:0;right:0}.hs-level-link{cursor:pointer;text-decoration:underline;text-decoration-color:#f59e0b73;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .15s,color .15s}.hs-level-link:hover{text-decoration-color:var(--accent);color:var(--accent)}.hs-chev{color:var(--dim);font-weight:400;margin-left:1px}.lpm-card{width:100%;max-width:560px;background:var(--surface);border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:24px 22px 30px;position:relative;transform:translateY(20px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);max-height:85vh;overflow-y:auto}.lpm-overlay.open .lpm-card{transform:translateY(0)}.lpm-title-label{font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--dim);letter-spacing:1px;text-align:center;margin-bottom:6px;text-transform:uppercase}.lpm-title{font-family:Shippori Mincho,serif;font-size:32px;font-weight:700;color:var(--accent);text-align:center;margin-bottom:18px;letter-spacing:2px}.lpm-bars{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.lpm-bar-row{display:flex;flex-direction:column;gap:6px}.lpm-bar-label{font-size:13px;font-weight:600;color:var(--text);display:flex;justify-content:space-between;align-items:baseline}.lpm-bar-val{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);font-weight:400}.lpm-bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.lpm-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;transition:width .5s ease}.lpm-bar-fill-mastery{background:linear-gradient(90deg,#92400e,#d97706)}.lpm-exam-row{padding:14px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.lpm-exam-row.lpm-exam-ready{border-color:#f59e0b80;background:#f59e0b0f}.lpm-exam-label{font-family:Noto Sans JP,sans-serif;font-size:13px;font-weight:700;color:var(--text)}.lpm-exam-state{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);font-weight:700;letter-spacing:.3px}.lpm-exam-ready .lpm-exam-state{color:var(--accent)}.lpm-helper{font-size:12px;color:var(--dim);line-height:1.6;text-align:center;margin:0;padding:0 8px}.lpm-helper b{color:var(--text);font-weight:700}#levelProgressModal.open{align-items:flex-end;padding:0;background:#000000b8}#levelProgressModal .lpm-card{margin:0}.lpm-section-title{font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin:14px 0 8px}.lpm-section-title:first-child{margin-top:6px}.lpm-bar-fill-compounds{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.lpm-bar-fill-grammar{background:linear-gradient(90deg,#22c55e,#84cc16)}.lpm-placeholder{font-style:italic;opacity:.7}.lpm-exam-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:9px 18px;border-radius:8px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:transform .15s,box-shadow .15s}.lpm-exam-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b4d}#examModal.open{align-items:flex-end;padding:0;background:#000000c7}.exam-progress{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);text-align:center;letter-spacing:1px;margin-bottom:12px}.exam-question{font-family:Shippori Mincho,serif;font-size:18px;font-weight:600;color:var(--text);text-align:center;line-height:1.5;padding:14px 4px 22px;min-height:60px}.exam-choices{display:flex;flex-direction:column;gap:10px}.exam-choice{padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s}.exam-choice:hover:not(:disabled){border-color:var(--accent);background:#f59e0b0f}.exam-choice:disabled{cursor:default}.exam-choice-correct{background:#22c55e26!important;border-color:#22c55e!important;color:#22c55e!important}.exam-choice-wrong{background:#ef444426!important;border-color:#ef4444!important;color:#ef4444!important}.exam-result{text-align:center;padding:18px 8px}.exam-result-title{font-family:Shippori Mincho,serif;font-size:24px;color:var(--accent);font-weight:700;margin-bottom:8px}.exam-result-score{font-family:Space Mono,monospace;font-size:32px;color:var(--text);font-weight:700;margin-bottom:14px}.exam-result-msg{font-size:13px;color:var(--dim);line-height:1.5;margin-bottom:18px}.lpm-count-row{padding:8px 0 6px}.lpm-count-row .lpm-bar-label{font-size:13px;color:var(--text);font-weight:600;display:flex;justify-content:space-between;align-items:baseline}.lpm-count-row .lpm-bar-val{font-family:Space Mono,monospace;font-size:11px;color:var(--dim);font-weight:400}