:root{--panel:rgba(8,16,31,.88);--line:rgba(140,185,255,.18);--text:#edf5ff;--muted:#aebbd0;--mint:#35f5d1;--blue:#79a7ff;--red:#ff6b88}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#06101d;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,9,17,.48),rgba(5,9,17,.88)),url('/assets/cute-ticker-race-bg.png') center top/cover no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 0%,rgba(121,167,255,.18),transparent 34%);pointer-events:none}
a{color:inherit;text-decoration:none}button,input{font:inherit}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:rgba(6,12,24,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:10px;font-weight:950}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--mint),var(--blue));color:#06101d}
.brand em{display:block;color:#91a3c1;font-style:normal;font-size:11px;font-weight:700}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.nav a{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.045);font-size:13px;font-weight:800;color:#dbe7fb}
.nav a.active{border-color:rgba(53,245,209,.56);background:rgba(53,245,209,.10);color:#fff}
.shell{width:min(1380px,calc(100% - 28px));margin:0 auto;padding:22px 0 70px}
.hero,.controlbar,.report-card{border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:0 20px 70px rgba(0,0,0,.32)}
.hero{padding:22px;margin-bottom:12px}
.eyebrow{display:inline-flex;color:var(--mint);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:950}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.055em;margin:10px 0 8px}
.hero p{margin:0;color:#b9c7dd;line-height:1.55}
.controlbar{position:sticky;top:65px;z-index:28;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin-bottom:12px;backdrop-filter:blur(14px)}
.current{min-width:0}.current strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;letter-spacing:-.02em;margin-top:4px}.current small{display:block;color:#9fb0cb;margin-top:4px}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.actions button,.drawer-tools button,.pager button,.icon-btn{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:#eaf3ff;font-weight:900;padding:10px 13px;cursor:pointer}
#historyBtn{border:0;background:linear-gradient(135deg,var(--mint),var(--blue));color:#06101d}
.report-card{position:relative;overflow:hidden;background:#fff;min-height:760px}
.report-frame{display:block;width:100%;border:0;background:#fff;min-height:760px}
.loading{position:absolute;inset:0;display:grid;place-items:center;color:#64748b;background:#fff;font-size:15px;z-index:2}
.loading.hidden{display:none}.loading.error{color:#991b1b;line-height:1.6;text-align:center;padding:30px}
.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.52);backdrop-filter:blur(4px)}
.history-drawer{position:fixed;top:0;right:0;z-index:90;width:min(520px,calc(100% - 18px));height:100vh;transform:translateX(105%);transition:transform .22s ease;background:#081120;color:var(--text);border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(0,0,0,.45);display:flex;flex-direction:column}
.history-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer-head h2{margin:8px 0 0;font-size:30px;letter-spacing:-.04em}.icon-btn{font-size:24px;line-height:1;width:42px;height:42px;padding:0}
.drawer-tools{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer-tools input{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(0,0,0,.24);color:white;padding:11px 13px}
.history-list{flex:1;overflow:auto;padding:12px;display:grid;gap:10px;align-content:start}
.history-item{width:100%;text-align:left;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);color:#eaf3ff;padding:14px;cursor:pointer}
.history-item:hover,.history-item.active{border-color:rgba(53,245,209,.58);background:rgba(53,245,209,.10)}
.history-item b{display:block;font-size:15px;margin-bottom:7px;line-height:1.35}.history-item span{display:block;color:#93a4bf;font-size:12px;line-height:1.45}
.history-empty{padding:18px;color:#9fb0cb}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.pager span{color:#aebbd0;font-size:13px}
@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;padding:14px}.shell{width:min(100% - 16px,1380px);padding-top:14px}.controlbar{top:105px;align-items:flex-start;flex-direction:column}.report-card,.report-frame{min-height:620px}}