:root{--bg-deep: #141218;--bg-card: #1f1c24;--bg-parchment: #f6efe2;--bg-parchment-dark: #eae0cc;--ink-dark: #231d18;--ink-muted: #5c5046;--gold-accent: #d4a843;--gold-bright: #f2c968;--crimson: #b83b2b;--jade: #2e7d5b;--indigo: #39557a;--plum: #6c4675;--amber: #c77728;--text-light: #f3eee6;--text-dim: #aca499;--border-subtle: rgba(212, 168, 67, .28)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-deep);color:var(--text-light);line-height:1.75;min-height:100vh}ruby.ruby-word{ruby-align:center;margin:0 1px}ruby.ruby-word rt{font-size:.62em;color:inherit;opacity:.85;font-weight:500;letter-spacing:.02em;line-height:1.1;-webkit-user-select:none;user-select:none}.app-shell{max-width:1440px;margin:0 auto;padding:0 1.25rem 3rem}.top-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.brand-group{display:flex;align-items:center;gap:.85rem;cursor:pointer}.brand-emblem{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#d4a843,#966b1b);color:#18130a;font-family:"Noto Serif JP",serif;font-weight:900;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #d4a84359}.brand-title{font-family:"Noto Serif JP",serif;font-size:1.35rem;color:var(--gold-bright);letter-spacing:.04em}.brand-sub{font-size:.78rem;color:var(--text-dim)}.level-selector-bar{display:flex;gap:.45rem;background:#1a1720;padding:.35rem;border-radius:10px;border:1px solid var(--border-subtle)}.level-pill-btn{position:relative;background:transparent;color:var(--text-dim);border:none;padding:.45rem 1rem;border-radius:7px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .18s ease}.level-pill-btn:hover{color:var(--text-light);background:#ffffff0f}.level-pill-btn.active{background:var(--gold-accent);color:#19140c;box-shadow:0 2px 10px #d4a84359}.lvl-progress-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:#2e7d5b}.immersion-controls{display:flex;gap:.55rem}.toggle-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border-subtle);background:#221e29;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.toggle-chip.chip-on{border-color:var(--gold-accent);color:var(--gold-bright);background:#d4a8431f}.pillar-bar-section{margin-top:1.15rem}.level-banner-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:linear-gradient(90deg,#d4a8431f,#1f1c24d9);border:1px solid var(--border-subtle);border-radius:12px;padding:.9rem 1.25rem;margin-bottom:1rem}.level-badge-large{font-family:"Noto Serif JP",serif;font-size:1.65rem;font-weight:900;color:var(--gold-bright);background:#d4a84329;border:1px solid var(--gold-accent);padding:.35rem .95rem;border-radius:10px}.level-meta-text{flex:1;min-width:240px}.level-meta-text h2{font-size:1.08rem;margin-bottom:.15rem}.level-meta-text p{font-size:.88rem;color:var(--text-dim)}.level-stats-chips{display:flex;gap:.55rem;flex-wrap:wrap}.stat-chip{display:inline-flex;align-items:center;gap:.35rem;background:#272330;border:1px solid rgba(255,255,255,.1);padding:.35rem .75rem;border-radius:8px;font-size:.82rem}.stat-chip.gold{border-color:var(--gold-accent);color:var(--gold-bright)}.pillars-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media (max-width: 1100px){.pillars-nav-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}.pillar-card-btn{text-align:left;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:.85rem 1rem;color:var(--text-light);cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;gap:.35rem}.pillar-card-btn:hover{transform:translateY(-2px);border-color:#d4a84380}.pillar-card-btn.featured-deduction{background:linear-gradient(145deg,#2a2218,#1f1c24);border-color:#d4a84366}.pillar-card-btn.active{border:2px solid var(--gold-bright);box-shadow:0 6px 20px #d4a84338}.pillar-top-row{display:flex;align-items:center;justify-content:space-between;color:var(--gold-bright)}.pillar-jlpt-tag{font-size:.72rem;background:#ffffff12;padding:.15rem .45rem;border-radius:5px;color:var(--text-dim)}.pillar-title{font-family:"Noto Serif JP",serif;font-size:1.02rem;font-weight:700}.pillar-desc{font-size:.78rem;color:var(--text-dim);line-height:1.5}.pillar-en-sub{font-size:.72rem;color:var(--gold-accent);margin-top:.2rem}.deduction-grammar-container{margin-top:1.25rem}.deduction-case-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.case-tabs{display:flex;gap:.55rem;flex-wrap:wrap}.case-tab-btn{display:inline-flex;align-items:center;gap:.45rem;background:#231f2b;color:var(--text-dim);border:1px solid rgba(255,255,255,.12);padding:.55rem 1rem;border-radius:9px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .16s ease}.case-tab-btn.active{background:#33291a;color:var(--gold-bright);border-color:var(--gold-accent)}.case-tab-btn.solved{border-color:#2e7d5b}.solved-icon{color:#4cd995}.grammar-target-pills{display:flex;gap:.45rem;flex-wrap:wrap}.grammar-point-pill{font-size:.78rem;background:#d4a84324;color:var(--gold-bright);border:1px solid rgba(212,168,67,.35);padding:.25rem .65rem;border-radius:6px}.deduction-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:1.25rem;align-items:start}@media (max-width: 1024px){.deduction-workspace{grid-template-columns:1fr}}.deduction-scene-canvas{position:relative;height:280px;border-radius:14px;border:2px solid var(--gold-accent);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 60px #000000a6}.deduction-scene-canvas.theme-cafe{background:radial-gradient(circle at 50% 35%,#3d2c24,#1e1512)}.deduction-scene-canvas.theme-station{background:radial-gradient(circle at 50% 35%,#203142,#121a24)}.deduction-scene-canvas.theme-library{background:radial-gradient(circle at 50% 35%,#2b3829,#151c14)}.deduction-scene-canvas.theme-home{background:radial-gradient(circle at 50% 35%,#3f3122,#1d1610)}.deduction-scene-canvas.theme-supermarket{background:radial-gradient(circle at 50% 35%,#243b35,#121f1c)}.deduction-scene-canvas.theme-park{background:radial-gradient(circle at 50% 35%,#253d2c,#111f15)}.deduction-scene-canvas.theme-classroom{background:radial-gradient(circle at 50% 35%,#352f44,#181521)}.deduction-scene-canvas.theme-hospital{background:radial-gradient(circle at 50% 35%,#243642,#121b22)}.scene-top-bar{display:flex;justify-content:space-between;align-items:center;padding:.65rem .9rem;background:#00000073;z-index:2}.scene-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;color:var(--gold-bright);font-weight:700}.collect-all-btn{display:inline-flex;align-items:center;gap:.35rem;background:#d4a84333;color:var(--gold-bright);border:1px solid var(--gold-accent);padding:.3rem .65rem;border-radius:6px;font-size:.78rem;cursor:pointer}.scene-backdrop-art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.25;font-size:2rem}.art-composition{text-align:center;display:flex;flex-direction:column;gap:1.2rem}.scene-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;gap:.4rem;background:#18140eeb;color:var(--text-light);border:2px solid var(--gold-bright);padding:.42rem .8rem;border-radius:999px;cursor:pointer;font-size:.88rem;font-weight:700;box-shadow:0 4px 15px #0009;transition:transform .15s ease,background .15s ease}.scene-hotspot:hover{transform:translate(-50%,-50%) scale(1.07);background:#3a2d18}.scene-hotspot.inspected{border-color:#54c98f}.scene-hotspot.selected{background:var(--gold-accent);color:#19130a}.hotspot-pulse{width:9px;height:9px;border-radius:50%;background:#ffbf3c;box-shadow:0 0 8px #ffbf3c;animation:pulseDot 1.4s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.35);opacity:.55}to{transform:scale(.9);opacity:1}}.scene-caption-bar{background:#000000ad;padding:.55rem .95rem;font-size:.88rem;z-index:2;color:#e9e2d6}.micro-en-subtitle{color:var(--gold-accent);font-size:.8rem}.clue-inspector-box{margin-top:.85rem;background:#231f2a;border:1px solid var(--border-subtle);border-radius:12px;padding:.95rem 1.1rem;min-height:112px}.clue-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.45rem}.clue-visual-pill{margin-left:auto;background:#d4a84326;color:var(--gold-bright);padding:.2rem .6rem;border-radius:6px;font-size:.8rem}.clue-dialogue{font-size:1rem;color:#fff;margin-bottom:.6rem}.clue-harvested-tags{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.82rem}.harvest-label{display:inline-flex;align-items:center;gap:.25rem;color:var(--gold-bright)}.mini-harvest-tag{padding:.18rem .55rem;border-radius:6px;font-weight:700;font-size:.82rem}.clue-empty-prompt{display:flex;align-items:center;justify-content:center;gap:.6rem;height:80px;color:var(--text-dim);font-size:.92rem}.word-bank-section{margin-top:.95rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem}.word-bank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.word-bank-header h4{font-size:.95rem;color:var(--gold-bright)}.bank-counter{font-size:.8rem;color:var(--text-dim)}.word-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.6rem}.word-tile{background:#2b2635;border:2px solid rgba(255,255,255,.16);border-radius:9px;padding:.5rem .65rem;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s ease;display:flex;flex-direction:column;justify-content:space-between;gap:.25rem}.word-tile:hover:not(.locked):not(.placed-in-scroll){transform:translateY(-2px);box-shadow:0 4px 12px #0006}.word-tile.selected-tile{outline:3px solid var(--gold-bright);transform:scale(1.03)}.word-tile.placed-in-scroll{opacity:.35;cursor:default}.word-tile.locked{background:#1a1721;border-style:dashed;border-color:#ffffff1f;color:#6f687a;cursor:not-allowed;align-items:center;justify-content:center}.tile-main-word{font-size:1.08rem;font-weight:700;text-align:center}.tile-meta{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;opacity:.9}.cat-particle{border-color:#d97b29;background:#d97b2929}.cat-noun{border-color:#4a88c7;background:#4a88c729}.cat-verb{border-color:#46a878;background:#46a87829}.cat-time{border-color:#9e6bc4;background:#9e6bc429}.cat-adjective{border-color:#cf5378;background:#cf537829}.deduction-scroll-card{background:var(--bg-parchment);color:var(--ink-dark);border-radius:14px;border:3px solid #bfa065;padding:1.4rem 1.5rem;box-shadow:0 12px 32px #00000073}.scroll-header{display:flex;align-items:center;gap:.75rem;border-bottom:2px solid #d7c7a9;padding-bottom:.75rem;margin-bottom:.75rem}.scroll-seal{background:var(--crimson);color:#fff;font-family:"Noto Serif JP",serif;font-weight:900;padding:.25rem .55rem;border-radius:6px;font-size:.85rem}.scroll-header h3{font-family:"Noto Serif JP",serif;font-size:1.08rem;color:var(--ink-dark)}.scroll-instruction{font-size:.85rem;color:var(--ink-muted);margin-bottom:1rem}.active-place-hint{color:#9c2b1c}.deduction-sentence-area{background:var(--bg-parchment-dark);border:1px solid #cbb997;border-radius:12px;padding:1.35rem;line-height:2.8;font-size:1.18rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.deduction-static-text{font-family:"Noto Serif JP",serif;font-weight:700;color:var(--ink-dark)}.deduction-slot{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:44px;padding:.2rem .65rem;border-radius:8px;border:2px dashed #8c7a5b;background:#ffffff8c;cursor:pointer;transition:all .15s ease;vertical-align:middle}.deduction-slot.awaiting-click{border-color:var(--crimson);background:#b83b2b1a}.deduction-slot.filled{border-style:solid;background:#2b251e;color:#f9f3e8;font-weight:700;box-shadow:0 2px 6px #00000040}.slot-role-hint{font-size:.76rem;color:#706049;font-weight:600}.deduction-feedback-zone{margin-top:1rem;min-height:56px}.deduction-banner{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem 1rem;border-radius:10px;font-size:.92rem;font-weight:600}.banner-incomplete{background:#e6dac3;color:#4f412d;border:1px solid #b5a17e}.banner-close{background:#fff2d6;color:#8a4b08;border:2px solid #d9822b}.banner-wrong{background:#fde2de;color:#8c2318;border:2px solid #c94436}.banner-solved{background:#dff5e8;color:#145232;border:2px solid #2e7d5b}.solved-details p{font-weight:500;margin-top:.25rem;font-size:.88rem}.scroll-actions{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.15rem}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--ink-dark);border:1px solid #968363;padding:.55rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-verify-deduction{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#b83b2b,#8f2416);color:#fff;border:none;padding:.7rem 1.35rem;border-radius:9px;font-weight:700;font-size:.98rem;cursor:pointer;box-shadow:0 4px 12px #b83b2b59}.btn-verify-deduction:hover{filter:brightness(1.08)}.case-footer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:.85rem;border-top:1px solid #d7c7a9}.nav-step-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--ink-dark);font-weight:700;cursor:pointer}.nav-step-btn:disabled{opacity:.35;cursor:not-allowed}.case-progress-indicator{font-size:.82rem;color:var(--ink-muted);font-weight:600}.other-module-wrapper{margin-top:1.2rem;max-width:820px;margin-left:auto;margin-right:auto}.back-to-deduction-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--gold-bright);margin-bottom:.85rem;cursor:pointer;font-weight:600}.random-case-btn{border-color:var(--gold-accent);color:var(--gold-bright);background:#d4a84324}.bank-header-right{display:flex;align-items:center;gap:.6rem}.shuffle-bank-btn,.random-q-btn{display:inline-flex;align-items:center;gap:.3rem;background:#d4a84324;color:var(--gold-bright);border:1px solid rgba(212,168,67,.4);padding:.25rem .6rem;border-radius:6px;font-size:.76rem;font-weight:600;cursor:pointer}.module-header-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.module-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:1.5rem}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.module-pill{background:#d4a84329;color:var(--gold-bright);padding:.3rem .75rem;border-radius:7px;font-weight:700;font-size:.86rem}.visual-cue-badge{background:#2b2636;padding:.35rem .8rem;border-radius:8px;font-size:.92rem}.kanji-showcase{display:flex;align-items:center;gap:1.5rem;background:#17141c;padding:1.25rem;border-radius:12px;margin-bottom:1.25rem}.big-kanji-box{font-family:"Noto Serif JP",serif;font-size:4rem;font-weight:900;color:var(--gold-bright);width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:#d4a8431a;border:2px solid var(--gold-accent);border-radius:12px}.kanji-sentence,.vocab-sentence{font-size:1.25rem;margin-bottom:.4rem}.kanji-meaning{color:var(--text-dim);font-size:.9rem}.vocab-prompt-box{background:#17141c;padding:1.35rem;border-radius:12px;margin-bottom:1.25rem}.vocab-blank-inline{color:var(--gold-bright);font-weight:700;padding:0 .3rem}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 600px){.options-grid{grid-template-columns:1fr}}.option-btn{display:flex;align-items:center;justify-content:space-between;background:#282433;color:var(--text-light);border:2px solid rgba(255,255,255,.12);padding:.9rem 1.1rem;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;text-align:left}.option-btn:hover{border-color:var(--gold-accent)}.option-btn.correct-opt{border-color:#3cc982;background:#3cc98229}.option-btn.wrong-opt{border-color:#d9534f;background:#d9534f29}.opt-word-col{display:flex;flex-direction:column}.opt-micro-en{color:var(--text-dim);font-size:.76rem}.module-footer-bar{margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-next{display:inline-flex;align-items:center;gap:.4rem;background:var(--gold-accent);color:#19140c;border:none;padding:.55rem 1.1rem;border-radius:8px;font-weight:700;cursor:pointer}.reading-paper{background:var(--bg-parchment);color:var(--ink-dark);padding:1.25rem;border-radius:10px;margin-bottom:1rem}.reading-paper h4{margin-bottom:.5rem;border-bottom:1px solid #cbb997;padding-bottom:.35rem}.reading-question-prompt{margin-bottom:.9rem;font-size:1.05rem}.listening-stage{text-align:center;background:#17141c;padding:1.25rem;border-radius:12px;margin-bottom:1rem}.listening-emoji{font-size:3rem;margin-bottom:.4rem}.listening-controls{display:flex;justify-content:center;gap:.75rem;margin-top:.9rem;flex-wrap:wrap}.btn-audio-play{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold-accent);color:#19140c;border:none;padding:.65rem 1.2rem;border-radius:9px;font-weight:700;cursor:pointer}.transcript-box{margin-top:.85rem;padding:.75rem;background:#ffffff0f;border-radius:8px}.level-notice-banner{background:#d4a84324;border:1px solid var(--gold-accent);padding:.6rem 1rem;border-radius:8px;margin-top:.85rem;font-size:.88rem}.section-guide-box{margin-top:1rem;background:linear-gradient(135deg,#242031,#1b1824);border:1px solid rgba(212,168,67,.45);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000040}.guide-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.1rem;background:#d4a8431a}.guide-title-group{display:flex;align-items:center;gap:.55rem;cursor:pointer;color:var(--gold-bright);font-size:.96rem}.guide-collapse-label{font-size:.78rem;color:var(--text-dim);font-weight:500}.guide-controls{display:flex;align-items:center;gap:.6rem}.guide-lang-switch{display:inline-flex;align-items:center;gap:.25rem;background:#16131d;border:1px solid rgba(255,255,255,.15);padding:.2rem .3rem;border-radius:8px}.lang-icon{color:var(--gold-accent);margin:0 .25rem}.guide-lang-btn{background:transparent;color:var(--text-dim);border:none;padding:.22rem .6rem;border-radius:6px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.guide-lang-btn.active{background:var(--gold-accent);color:#19130a}.guide-chevron-btn{background:transparent;color:var(--text-dim);border:none;cursor:pointer;display:flex;align-items:center}.guide-body{padding:.95rem 1.2rem 1.05rem;border-top:1px solid rgba(255,255,255,.08)}.guide-summary{font-size:.94rem;color:#f3eee6;margin-bottom:.65rem;font-weight:500}.guide-steps-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem 1rem;margin-bottom:.75rem}.guide-steps-list li{background:#ffffff0a;border-left:3px solid var(--gold-accent);padding:.45rem .75rem;border-radius:0 7px 7px 0;font-size:.85rem;color:#e2dbd0}.guide-tip-bar{font-size:.82rem;color:var(--gold-bright);background:#d4a8431a;padding:.45rem .75rem;border-radius:7px}.save-progress-chip{border-color:#46a878;color:#7ef0b5;background:#46a87824}.clickable-stat{cursor:pointer}.pillar-progress-pill{font-size:.75rem;font-weight:700;background:#ffffff14;padding:.15rem .5rem;border-radius:999px;color:var(--text-dim)}.pillar-progress-pill.complete{background:#3cc98238;color:#5ef2a5;border:1px solid #3cc982}.done-badge-inline{margin-left:.5rem;background:#3cc98233;color:#66f0a8;padding:.1rem .45rem;border-radius:5px;font-size:.75rem}.btn-secondary-dark{display:inline-flex;align-items:center;gap:.4rem;background:#282334;color:var(--text-light);border:1px solid rgba(255,255,255,.2);padding:.55rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.progress-modal-card{background:#1e1b26;border:2px solid var(--gold-accent);border-radius:14px;max-width:560px;width:100%;padding:1.4rem 1.5rem;box-shadow:0 20px 50px #000000a6}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem;margin-bottom:.85rem}.modal-title-row{display:flex;align-items:center;gap:.55rem;color:var(--gold-bright)}.modal-top-actions{display:flex;align-items:center;gap:.55rem}.modal-close-btn{background:transparent;color:var(--text-dim);border:none;cursor:pointer}.modal-autosave-note{display:flex;align-items:center;gap:.45rem;font-size:.83rem;color:var(--text-dim);margin-bottom:1rem}.autosave-check{color:#4cd995;flex-shrink:0}.overall-progress-box{background:#282334;border:1px solid rgba(212,168,67,.35);padding:.9rem 1rem;border-radius:10px;margin-bottom:1rem}.overall-label-row{display:flex;justify-content:space-between;margin-bottom:.45rem;font-size:.92rem}.overall-pct{color:var(--gold-bright);font-weight:700}.progress-track-bar{height:11px;background:#14111a;border-radius:999px;overflow:hidden}.progress-track-bar.small{height:7px}.progress-fill-bar{height:100%;background:linear-gradient(90deg,var(--gold-accent),#4cd995);transition:width .25s ease}.pillar-progress-list{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.1rem}.pillar-progress-row .row-top{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.25rem}.row-count{color:var(--text-dim);font-weight:600}.save-status-banner{background:#4cd99526;border:1px solid #4cd995;color:#8bf5be;padding:.5rem .75rem;border-radius:8px;font-size:.84rem;margin-bottom:.9rem}.modal-footer-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1)}.btn-save-action{display:inline-flex;align-items:center;gap:.4rem;background:#2d283b;color:var(--gold-bright);border:1px solid var(--gold-accent);padding:.5rem .9rem;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer}.btn-reset-danger{display:inline-flex;align-items:center;gap:.35rem;background:#d9534f26;color:#ff8b88;border:1px solid #d9534f;padding:.5rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer}.grammar-curriculum-picker{background:#1c1924;border:1px solid var(--border-subtle);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1rem}.curriculum-picker-header{margin-bottom:.6rem}.curriculum-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:var(--gold-bright)}.curriculum-topic-chips{display:flex;flex-wrap:wrap;gap:.5rem}.topic-filter-chip{background:#262230;color:var(--text-light);border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:.45rem .8rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.1rem;transition:all .15s ease}.topic-filter-chip:hover{border-color:var(--gold-accent)}.topic-filter-chip.active{background:#362c1c;border:2px solid var(--gold-bright);color:var(--gold-bright)}.topic-filter-chip.topic-solved{border-color:#3cc982}.topic-chip-top{display:flex;align-items:center;gap:.35rem;font-weight:700;font-size:.85rem}.topic-chip-en{font-size:.71rem;color:var(--text-dim)}.active-topic-formula-bar{margin-top:.7rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;font-size:.84rem}.formula-badge{color:var(--gold-bright);background:#d4a84324;padding:.25rem .65rem;border-radius:6px}.formula-en-desc{color:var(--text-dim);font-size:.8rem}.textbook-panel-card{background:#faf6ed;color:#241e18;border:3px solid #2b241d;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000061}.textbook-panel-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.55rem .95rem;background:#ece3d0;border-bottom:2px solid #2b241d;font-size:.84rem}.textbook-location-tag{font-weight:700;color:#2b241d}.textbook-fig-num{color:#8f2d1e;margin-right:.25rem}.textbook-topbar-right{display:flex;align-items:center;gap:.6rem}.clue-progress-text{font-size:.78rem;font-weight:700;color:#574b3d}.textbook-unlock-btn{display:inline-flex;align-items:center;gap:.3rem;background:#2b241d;color:#faf6ed;border:none;padding:.28rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer}.textbook-drawing-stage{position:relative;display:grid;grid-template-columns:1fr .85fr 1fr;align-items:end;gap:.65rem;padding:1rem .9rem .6rem;min-height:245px;background:radial-gradient(circle at 50% 40%,#fffdf8,#f3ecdc)}@media (max-width: 680px){.textbook-drawing-stage{grid-template-columns:1fr}}.textbook-actor-card{background:transparent;border:2px solid transparent;border-radius:12px;padding:.35rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#241e18;text-align:left;transition:all .16s ease;z-index:2}.textbook-actor-card:hover{background:#d4a84324;transform:translateY(-2px)}.textbook-actor-card.active-actor{background:#d4a8433d;border-color:#b83b2b}.speech-bubble{position:relative;background:#fff;border:2.2px solid #2b241d;border-radius:12px;padding:.5rem .65rem;width:100%;margin-bottom:.55rem;box-shadow:2px 3px #2b241d}.speech-bubble:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%);border-width:9px 7px 0;border-style:solid;border-color:#2b241d transparent}.bubble-speaker-name{display:flex;align-items:center;gap:.3rem;font-weight:800;font-size:.8rem;color:#2b241d;border-bottom:1px dashed #ccc0ab;padding-bottom:.2rem;margin-bottom:.25rem}.bubble-check{margin-left:auto;color:#2e7d5b}.bubble-click-badge{margin-left:auto;background:#b83b2b;color:#fff;font-size:.62rem;padding:.05rem .35rem;border-radius:4px;font-weight:800}.bubble-preview-line{font-size:.76rem;line-height:1.45;color:#3a3128;display:flex;align-items:flex-start;gap:.25rem}.inline-msg-icon{flex-shrink:0;margin-top:3px;color:#8f2d1e}.char-figure-wrap{width:86px;height:96px;display:flex;align-items:flex-end;justify-content:center}.textbook-char-svg{width:100%;height:100%}.textbook-center-prop{align-self:center;background:#fffaf0;border:2px dashed #5c4e3c;border-radius:12px;padding:.6rem .55rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#241e18;transition:all .16s ease;z-index:2}.textbook-center-prop:hover{border-style:solid;border-color:#b83b2b;transform:scale(1.03)}.textbook-center-prop.active-actor{border-style:solid;border-color:#b83b2b;background:#fff0d6}.prop-icon-frame{font-size:2rem;line-height:1.1}.prop-label-plate{display:flex;align-items:center;gap:.3rem;font-weight:800;font-size:.78rem}.prop-visual-sub{font-size:.7rem;color:#5c5046;text-align:center;line-height:1.35}.textbook-floor-line{position:absolute;bottom:10px;left:5%;right:5%;height:3px;background:#2b241d;border-radius:2px;z-index:1}.textbook-caption-footer{background:#e6dcc8;border-top:2px solid #2b241d;padding:.5rem .95rem;font-size:.84rem;color:#241e18;font-weight:600}