:root{--bg:#0a0b0f;--surface:#14161d;--surface-2:#1b1e27;--surface-3:#22262f;--ink:#e9e5d8;--ink-dim:#9a9ba3;--ink-faint:#63656d;--gold:#e0b25f;--gold-dim:#8a6f42;--gold-glow:#e0b25f2e;--line:#e0b25f29;--line-strong:#e0b25f52;--tier1:#c9c9c9;--tier2:#2ecc55;--tier3:#2f8fe6;--tier4:#a642e0;--tier5:#e6821f;--danger:#d9453f;--danger-dim:#d9453f29;--radius:14px;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:15px/145% var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9e2d0;--surface:#f4efe2;--surface-2:#ece4d1;--surface-3:#e2d8c0;--ink:#26210f;--ink-dim:#5a5340;--ink-faint:#8b8265;--gold:#9a6a1f;--gold-dim:#c9a15a;--gold-glow:#9a6a1f24;--line:#5a3c0a2e;--line-strong:#5a3c0a57;--danger-dim:#b228231f}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9e2d0;--surface:#f4efe2;--surface-2:#ece4d1;--surface-3:#e2d8c0;--ink:#26210f;--ink-dim:#5a5340;--ink-faint:#8b8265;--gold:#9a6a1f;--gold-dim:#c9a15a;--gold-glow:#9a6a1f24;--line:#5a3c0a2e;--line-strong:#5a3c0a57;--danger-dim:#b228231f}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{background:radial-gradient(ellipse at 50% -10%, var(--gold-glow), transparent 60%), var(--bg);flex-direction:column;max-width:480px;height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--serif);color:var(--ink);margin:0 0 6px;font-weight:400}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}p{margin:.25rem 0}code{background:var(--surface-2);color:var(--gold);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}button,input,select{font:inherit;color:var(--ink)}.tg-bar{background:var(--surface-2);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.tg-title{font-family:var(--serif);flex-direction:column;flex:1;gap:1px;min-width:0;font-size:18px;display:flex}.tg-title small{font-family:var(--sans);color:var(--ink-dim);font-size:11px;font-weight:500}.pill{background:var(--surface-3);color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:flex}.pill .dot{background:var(--gold);border-radius:50%;width:6px;height:6px}.app-scroll{flex:1;padding:14px 14px 24px;overflow-y:auto}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:13px}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.card-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:700}.card-link{color:var(--gold);font-size:11.5px;font-weight:600}.link-btn{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.hero-row{cursor:pointer;background:0 0;border:none;border-radius:9px;width:100%;padding:6px}.hero-row.selected{background:var(--surface-3)}.icon{image-rendering:crisp-edges;flex-shrink:0;display:block}.icon-sm{width:32px;height:32px}.icon-md{width:40px;height:40px}.icon-lg{width:56px;height:56px}.row{align-items:center;gap:10px;display:flex}.row+.row{margin-top:8px}.row-body{text-align:left;flex:1;min-width:0}.row-title{color:var(--ink);font-size:13.5px;font-weight:600}.row-meta{color:var(--ink-dim);margin-top:1px;font-size:11.5px}.row-list{margin:0;padding:0;list-style:none}.row-list li+li{margin-top:8px}.btn{font-family:var(--sans);letter-spacing:.02em;border:1px solid var(--line-strong);background:var(--surface-3);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--gold-dim)}.btn-gold{background:var(--gold);color:#1a1408;border-color:var(--gold)}.btn-block{justify-content:center;width:100%}.tier-chip{font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.tier-chip .swatch{border-radius:50%;width:7px;height:7px}.t1{color:var(--tier1)}.t2{color:var(--tier2)}.t3{color:var(--tier3)}.t4{color:var(--tier4)}.t5{color:var(--tier5)}.t1 .swatch{background:var(--tier1)}.t2 .swatch{background:var(--tier2)}.t3 .swatch{background:var(--tier3)}.t4 .swatch{background:var(--tier4)}.t5 .swatch{background:var(--tier5)}.danger-chip{color:var(--danger);background:var(--danger-dim);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.progress{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--gold-dim), var(--gold));height:100%;display:block}.bottom-nav{border-top:1px solid var(--line);background:var(--surface-2);flex-shrink:0;display:flex}.nav-item{text-align:center;color:var(--ink-faint);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 4px 12px;font-size:10px;font-weight:600}.nav-item.active{color:var(--gold)}.nav-glyph{margin-bottom:3px;font-size:17px;display:block}.centered-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.centered-screen .card{text-align:left;width:100%;max-width:22rem}.field{text-align:left;flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.field label{color:var(--ink-dim);font-size:11px}input,select{background:var(--surface-3);border:1px solid var(--line);border-radius:7px;padding:6px 8px}.class-pick{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.class-pick button{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--ink);flex-direction:column;align-items:center;gap:6px;padding:12px 16px;display:flex}.class-pick button:hover{border-color:var(--gold-dim)}