:root{--bg:var(--tg-bg-color,#0e0b16);--text:var(--tg-text-color,#ece8f3);--hint:var(--tg-hint-color,#9a90b4);--link:var(--tg-link-color,#b79cff);--card:var(--tg-section-bg-color,var(--tg-secondary-bg-color,#191322));--card-2:var(--tg-secondary-bg-color,#221a30);--button:var(--tg-button-color,#7c5cff);--button-text:var(--tg-button-text-color,#fff);--destructive:var(--tg-destructive-text-color,#ff6b6b);--gold:#d9b65a;--gold-soft:#b9974a;--school-light:#e9c45a;--school-dark:#a06bff;--school-nature:#5fc98a;--border:color-mix(in srgb,var(--text) 14%,transparent);--shadow:0 8px 28px rgba(0,0,0,.45);--radius:16px;--radius-sm:11px;--font-display:"Cinzel",Georgia,"Times New Roman",serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--school-dark) 16%,transparent),transparent 60%),radial-gradient(90% 60% at 50% 110%,color-mix(in srgb,var(--gold) 8%,transparent),transparent 55%);background-attachment:fixed}.app{min-height:100dvh;display:flex;flex-direction:column}.statusbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:calc(var(--safe-top) + 8px) 14px 8px;background:color-mix(in srgb,var(--card) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-level{display:flex;align-items:baseline;gap:3px;font-family:var(--font-display)}.sb-lvl-num{font-size:18px;font-weight:700;color:var(--gold)}.sb-lvl-cap{font-size:10px;color:var(--hint)}.sb-xp{flex:1 1;min-width:40px}.sb-xp-bar{height:7px;border-radius:999px;background:var(--card-2);overflow:hidden;border:1px solid var(--border)}.sb-xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--school-dark),var(--gold));transition:width .4s ease}.sb-points,.sb-tokens{font-size:13px;white-space:nowrap}.sb-tokens{display:flex;gap:8px;font-weight:600}.content{flex:1 1;padding:14px 14px calc(86px + var(--safe-bottom));max-width:560px;width:100%;margin:0 auto}.screen-title{font-family:var(--font-display);font-weight:700;letter-spacing:.5px;font-size:22px;margin:6px 2px 14px;display:flex;align-items:center;gap:9px}.center-empty,.muted{color:var(--hint)}.center-empty{text-align:center;padding:48px 20px;font-size:15px;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.spell-code{font-size:26px;line-height:1;letter-spacing:2px}.spell-name{font-family:var(--font-display);font-size:18px;font-weight:700;margin:8px 0 2px}.spell-desc{color:var(--text);opacity:.86;font-size:14px;line-height:1.5}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1 1}.school{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid transparent}.school-light{color:var(--school-light);background:color-mix(in srgb,var(--school-light) 14%,transparent);border-color:color-mix(in srgb,var(--school-light) 35%,transparent)}.school-dark{color:var(--school-dark);background:color-mix(in srgb,var(--school-dark) 16%,transparent);border-color:color-mix(in srgb,var(--school-dark) 38%,transparent)}.school-nature{color:var(--school-nature);background:color-mix(in srgb,var(--school-nature) 14%,transparent);border-color:color-mix(in srgb,var(--school-nature) 35%,transparent)}.meta-line{font-size:13px;color:var(--hint);margin-top:6px}.meta-line b{color:var(--text)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card-2);color:var(--text);border-radius:999px;padding:9px 14px;min-height:38px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.chip:active{transform:scale(.96)}.chip-on{background:color-mix(in srgb,var(--gold) 22%,var(--card-2));border-color:var(--gold);color:var(--gold)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;font-weight:600;font-family:var(--font-body);background:var(--button);color:var(--button-text);cursor:pointer;transition:transform .08s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#1a1206}.btn-danger{background:color-mix(in srgb,var(--destructive) 18%,var(--card-2));color:var(--destructive);border:1px solid color-mix(in srgb,var(--destructive) 40%,transparent)}.icon-btn{background:transparent;border:none;color:var(--hint);font-size:22px;cursor:pointer;padding:4px;line-height:1;transition:transform .08s ease}.icon-btn:active{transform:scale(.85)}.icon-btn.is-fav{color:var(--gold);text-shadow:0 0 10px color-mix(in srgb,var(--gold) 60%,transparent)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.stat{background:var(--card-2);border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border)}.stat .k{font-size:12px;color:var(--hint)}.stat .v{font-size:22px;font-weight:700;font-family:var(--font-display)}.bar{height:12px;border-radius:999px;background:var(--card-2);overflow:hidden;border:1px solid var(--border)}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--school-dark),var(--gold));transition:width .4s ease}.tokens{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:12px}.token{text-align:center;padding:12px 6px;border-radius:var(--radius-sm);background:var(--card-2);border:1px solid var(--border)}.token .e{font-size:22px}.token .n{font-size:20px;font-weight:700}.token .l{font-size:11px;color:var(--hint)}.art-wrap{display:flex;justify-content:center;margin:8px 0 10px}.spell-art{width:128px;height:128px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.sigil{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;background:radial-gradient(circle at 50% 35%,hsla(0,0%,100%,.14),transparent 65%);border:2px solid var(--gold)}.sigil-light{border-color:var(--school-light);box-shadow:0 0 22px color-mix(in srgb,var(--school-light) 45%,transparent)}.sigil-dark{border-color:var(--school-dark);box-shadow:0 0 22px color-mix(in srgb,var(--school-dark) 45%,transparent)}.sigil-nature{border-color:var(--school-nature);box-shadow:0 0 22px color-mix(in srgb,var(--school-nature) 45%,transparent)}.book-stage{display:flex;justify-content:center;padding:4px 0 8px}.page{position:relative;background:radial-gradient(60% 40% at 78% 88%,rgba(120,86,38,.16),transparent 60%),radial-gradient(50% 35% at 18% 14%,rgba(120,86,38,.14),transparent 60%),repeating-linear-gradient(92deg,rgba(150,110,50,.05) 0 2px,transparent 2px 5px),radial-gradient(130% 130% at 32% 8%,#f3e8cd,#e6d4ab 58%,#d3bd8e);color:#2a2113;border-radius:8px;padding:22px 20px;width:100%;height:100%;box-shadow:inset 0 0 50px rgba(110,78,30,.4),inset 0 0 0 1px rgba(90,64,24,.15);display:flex;flex-direction:column;border:1px solid #b89a66;overflow:hidden;font-family:Cinzel,Georgia,serif}.page:before{content:"";position:absolute;inset:9px;border:1px solid rgba(110,78,30,.35);border-radius:4px;pointer-events:none}.page>*{position:relative;z-index:1}.page .school{background:rgba(110,78,30,.1);border-color:rgba(110,78,30,.4)!important;color:#4a3413!important}.page .spell-code{text-align:center;margin:2px 0}.page .spell-name{color:#3a2c12;text-align:center;border-bottom:1px solid rgba(110,78,30,.3);padding-bottom:8px}.page .spell-desc{color:#463413;opacity:1;font-family:Georgia,Times New Roman,serif;font-style:italic;line-height:1.6;margin-top:10px}.page .spell-desc:first-letter{font-family:Cinzel,serif;font-size:2.6em;font-style:normal;font-weight:700;float:left;line-height:.8;padding:4px 8px 0 0;color:#7a4a12}.page .art-wrap{margin:6px 0}.page .sigil{background:radial-gradient(circle at 50% 35%,rgba(120,80,30,.18),transparent 65%)}.page .page-foot{margin-top:auto;border-top:1px solid rgba(110,78,30,.3);padding-top:10px}.page .meta-line{color:#6b5630;font-family:Georgia,serif}.page .meta-line b{color:#3a2c12}.page .icon-btn{color:#8a6a30}.page .icon-btn.is-fav{color:#9a6a12;text-shadow:0 0 8px rgba(154,106,18,.5)}.page-hint{text-align:center;color:var(--hint);font-size:12.5px;margin-top:6px;letter-spacing:.5px}.book-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.book-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card-2);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;min-height:44px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .08s ease,opacity .15s ease;flex:1 1}.book-arrow:active{transform:scale(.97)}.book-arrow:disabled{opacity:.4;cursor:not-allowed}.book-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-display);color:var(--gold);font-size:15px;min-width:56px;text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 4px calc(8px + var(--safe-bottom));z-index:50}.tab{background:none;border:none;color:var(--hint);font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex:1 1;padding:4px 2px;transition:color .15s ease}.tab .ico{font-size:21px}.tab.active{color:var(--gold)}.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;display:flex;align-items:flex-end;animation:fade .18s ease}.sheet{width:100%;background:var(--card);border-radius:20px 20px 0 0;padding:10px 12px calc(18px + var(--safe-bottom));border-top:1px solid var(--border);animation:slideup .22s ease}.sheet-grab{width:40px;height:4px;border-radius:2px;background:var(--hint);opacity:.5;margin:4px auto 12px}.sheet-item{display:flex;align-items:center;gap:12px;padding:14px 8px;font-size:16px;border-radius:var(--radius-sm);cursor:pointer}.sheet-item:active{background:var(--card-2)}.sheet-item .ico{font-size:22px}.toast{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translateX(-50%);background:#15101f;color:#fff;border:1px solid var(--border);padding:11px 16px;border-radius:12px;font-size:14px;z-index:80;box-shadow:var(--shadow);animation:fade .18s ease;max-width:90vw;text-align:center}.steps{flex-direction:column}.step,.steps{display:flex;gap:12px}.step{align-items:flex-start}.step .num{flex:0 0 32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#1a1206;font-weight:800;font-family:var(--font-display);display:flex;align-items:center;justify-content:center;font-size:16px}.step .body h4{margin:4px 0;font-size:16px}.step .body p{margin:0;color:var(--hint);font-size:14px;line-height:1.5}.prose{font-size:15px;line-height:1.6}.prose p{margin:0 0 12px}.prose .lead{font-family:var(--font-display);font-size:18px;color:var(--gold)}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;margin:60px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}