.spellbook-app-wrap{max-width:1440px;margin:0 auto 60px;padding:0 16px;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.class-nav-scroll{overflow-x:auto;margin-bottom:20px;padding-bottom:4px}.class-nav-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.class-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-bottom:2px solid transparent;border-radius:6px 6px 0 0;color:#9cb8d0;text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.class-tab-btn:hover{background:#ffffff12;color:#fff}.class-tab-btn.active{background:#ffffff1a}.class-dot{width:8px;height:8px;border-radius:50%}.sb-class-hero{background:linear-gradient(180deg,#111c2cf2,#0a121cf2);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px 24px;margin-bottom:24px;box-shadow:0 8px 24px #00000080}.sb-hero-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sb-hero-title{font-family:var(--font-serif, "Cinzel", serif);font-size:1.4rem;font-weight:800;margin:0;letter-spacing:.5px}.badge-total{background:#ffd1001f;border:1px solid rgba(255,209,0,.3);color:#ffd100;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:4px}.sb-hero-sub{font-size:.88rem;color:#9cb8d0;line-height:1.45;margin:0}.spellbook-workspace-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}@media(max-width:992px){.spellbook-workspace-grid{grid-template-columns:1fr}.sb-inspector-col{position:static!important}}.sb-list-col{background:#0c1420d9;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px}.sb-filter-panel{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.tree-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tree-tag-btn{background:#00000059;border:1px solid rgba(255,255,255,.1);color:#a0aec0;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.tree-tag-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.tree-tag-btn.active{background:#1e508c66;border-color:#3ca0f0;color:#fff}.sb-search-box{width:100%;box-sizing:border-box;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 12px;font-size:.85rem;color:#fff;outline:none;transition:border-color .2s ease}.sb-search-box:focus{border-color:#ffd100}.sb-spells-list{display:flex;flex-direction:column;gap:6px;max-height:720px;overflow-y:auto;padding-right:4px}.sb-row-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:8px 12px;cursor:pointer;text-align:left;transition:all .15s ease}.sb-row-btn:hover{background:#ffffff0a;border-color:#ffffff26}.sb-row-btn.active{background:#1e508c59;border-color:#3ca0f0;box-shadow:0 0 12px #3ca0f040}.sb-row-left{display:flex;align-items:center;gap:12px;min-width:0}.sb-row-icon{width:34px;height:34px;border-radius:4px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.sb-row-btn.active .sb-row-icon{border-color:#ffd100;box-shadow:0 0 8px #ffd1004d}.sb-row-titles{display:flex;flex-direction:column;min-width:0}.sb-row-name{color:#fff;font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row-en{font-size:.75rem;color:#8bb3d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sb-row-tree{font-size:.72rem;color:#a0aec0}.sb-badge{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap}.badge-new{background:#1b8a5a;color:#fff}.badge-mod{background:#205c90;color:#fff}.badge-disc{background:#6c5ce7;color:#fff}.badge-same{background:#ffffff14;color:#8f8a76}.sb-ranks-tag{background:#ffd1001f;color:#ffd100;border:1px solid rgba(255,209,0,.25);font-size:.68rem;font-weight:700;padding:1px 5px;border-radius:3px}.sb-chevron{color:#4a5d73;font-size:1.3rem;line-height:1}.sb-row-btn.active .sb-chevron{color:#3ca0f0}.sb-inspector-col{position:sticky;top:90px}.sb-inspector-card{background:#0d1724;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px;box-shadow:0 10px 30px #0009}.inspector-header{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.inspector-icon{width:48px;height:48px;border-radius:6px;border:2px solid #ffd100;box-shadow:0 0 10px #ffd10040;flex-shrink:0}.inspector-title-wrap{flex:1}.inspector-title{font-family:var(--font-serif, "Cinzel", serif);font-size:1.3rem;color:#ffd100;margin:0 0 2px;letter-spacing:.5px}.inspector-subtitle{display:block;font-size:.8rem;color:#8bb3d6;margin-bottom:6px}.inspector-tags-row{display:flex;align-items:center;gap:8px}.inspector-tree-tag{font-size:.75rem;font-weight:600;color:#e2e8f0;background:#ffffff14;padding:2px 8px;border-radius:3px}.inspector-diff-banner{background:#f7b7311f;border:1px solid rgba(247,183,49,.35);border-radius:6px;padding:10px 14px;margin-bottom:18px}.diff-banner-head{display:flex;align-items:center;gap:6px;color:#f7b731;font-size:.82rem;margin-bottom:4px}.diff-banner-text{font-size:.85rem;color:#f1f5f9;line-height:1.4;margin:0}.inspector-ranks-wrap{margin-bottom:16px}.inspector-ranks-label{display:block;font-size:.75rem;text-transform:uppercase;color:#8f8a76;font-weight:700;margin-bottom:6px;letter-spacing:.5px}.inspector-ranks-pills{display:flex;flex-wrap:wrap;gap:6px}.rank-pill-btn{background:#0006;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.rank-pill-btn:hover{background:#ffffff14;color:#fff}.rank-pill-btn.active{background:#ffd1002e;border-color:#ffd100;color:#ffd100;font-weight:700}.inspector-cards-stack{display:flex;flex-direction:column;gap:12px}.compare-card{border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.compare-card-head{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;text-transform:uppercase;padding:8px 12px;letter-spacing:.5px}.compare-rank-indicator{font-size:.72rem;color:#ffd100;text-transform:none}.compare-card-body{padding:12px 14px;font-size:.88rem;line-height:1.5}.compare-body-text{margin:0;white-space:pre-line}.compare-forever{background:#0e2646bf;border-color:#3ca0f080;box-shadow:0 0 15px #3ca0f026}.compare-forever .compare-card-head{background:#1e508c99;color:#ffd100;border-bottom:1px solid rgba(60,160,240,.3)}.compare-forever .compare-body-text{color:#fff}.compare-classic{background:#0006;border-color:#ffffff1a}.compare-classic .compare-card-head{background:#ffffff0d;color:#a0aec0;border-bottom:1px solid rgba(255,255,255,.06)}.compare-classic .compare-body-text{color:#cbd5e1}.sb-empty-state{text-align:center;padding:40px 20px;color:#7f8fa6;font-size:.9rem}