:root{--bg: #050409;--bg-elevated: #0b0714;--surface: #120c1f;--surface-2: #1a1030;--border: #2b1a45;--purple-900: #180054;--purple-800: #240078;--purple-600: #5400a8;--purple-500: #7a2be2;--purple-400: #a766f0;--purple-200: #e3c8fc;--blue-neon: #2b5bff;--gold-600: #e49c24;--gold-500: #f0b430;--gold-400: #f0c03c;--gold-300: #fce460;--gold-gradient: linear-gradient(180deg, #fcf0c0 0%, #f0c03c 35%, #e49c24 70%, #b9771a 100%);--text: #fff7ff;--text-2: #c9bfd9;--text-3: #a99ebf;--up: #22c55e;--down: #ef4444;--radius: 18px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--gold-400);outline-offset:2px}.app{max-width:480px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;background:radial-gradient(120% 40% at 50% 0%,#1f0a3d 0%,var(--bg) 60%)}.screen{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 16px 100px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 4px}.brand{display:flex;align-items:center;gap:8px;font-family:Cinzel,serif;font-weight:900;font-size:18px;letter-spacing:1px}.brand b{color:var(--purple-400)}.brand span{color:var(--gold-400);font-size:12px;letter-spacing:3px}.gold{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.title{margin:4px 0 0;font-family:Unbounded,sans-serif;font-weight:800;font-size:24px}.muted{color:var(--text-3);font-size:13px}.small{font-size:12px}.card{padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.card.hero{background:linear-gradient(160deg,var(--purple-800) 0%,var(--purple-900) 60%,#10042d 100%);border-color:#f0b4308c}.card.glow{border-color:#f0b430b3;box-shadow:0 0 22px #f0b43026}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:6px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:700}.chip.demo{color:var(--gold-400);border-color:#f0b43080}.chip.real{color:var(--up);border-color:#22c55e80}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.dot.live{animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);font-weight:800;font-size:14px}.btn.primary{min-height:56px;border-radius:18px;border-color:var(--gold-500);background:linear-gradient(180deg,var(--purple-500) 0%,var(--purple-600) 100%);box-shadow:0 0 28px #7a2be28c;font-family:Unbounded,sans-serif;font-size:15px;letter-spacing:.5px}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.danger{color:#fca5a5;border-color:#ef444480}.btn.block{width:100%}.seg{display:flex;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.seg button{flex:1;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--text-3);font-weight:700;font-size:13px}.seg button[aria-pressed=true]{background:var(--purple-600);color:var(--text);font-weight:800}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;font-weight:700;color:var(--text-2)}.input,.select{min-height:46px;padding:0 12px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);font-size:15px;font-weight:700;width:100%}.piece{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;font-size:12px;font-weight:800;border:0}.piece.up{background:var(--up);color:#04210f}.piece.down{background:var(--down);color:#2a0505}.piece.big{width:40px;height:40px;border-radius:10px;font-size:15px}.dir-up{color:#86efac;font-weight:800}.dir-down{color:#fca5a5;font-weight:800}.pos{color:var(--up)}.neg{color:#fca5a5}.stat{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:var(--surface-2)}.stat b{font-size:15px}.stat span{font-size:11px;color:var(--text-3)}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 4px calc(10px + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--border);z-index:10}.nav button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:48px;min-width:0;padding:0;border:0;background:none;color:var(--text-3);font-size:11px;font-weight:600}.nav button[aria-current=page]{color:var(--gold-400);font-weight:800}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);max-width:440px;width:calc(100% - 32px);padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--purple-400);font-size:14px;font-weight:600;z-index:20}.toast.error{border-color:var(--down)}.list{display:flex;flex-direction:column;gap:6px}.order{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--surface-2);font-size:13px}.empty{padding:18px;text-align:center;color:var(--text-3);font-size:13px}.spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--gold-400);animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}