:root{--bg: #0e0f12;--fg: #e7e9ee;--muted: #9aa0aa;--accent: #5eead4;--accent-2: #60a5fa}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 800px at 70% -20%,rgba(96,165,250,.2),transparent 60%),radial-gradient(1000px 600px at -10% 110%,rgba(94,234,212,.15),transparent 60%),var(--bg);color:var(--fg)}.wrap{min-height:100%;display:grid;place-items:center;padding:24px}.card{width:min(960px,100%);padding:40px 36px;border-radius:20px;background:#ffffff0a;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.headline{font-size:clamp(22px,2.2vw + 12px,28px);line-height:1.55;letter-spacing:.1px}.x{color:var(--accent);font-weight:800;text-shadow:0 0 18px rgba(94,234,212,.35)}.brand{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.star{display:inline-flex;width:18px;height:18px;font-weight:700;display:inline-block;margin-left:-4px;font-size:16px;line-height:1;vertical-align:.1em;cursor:pointer;background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;border-radius:0;box-shadow:none}.star:focus-visible{outline:none;text-shadow:0 0 0 2px rgba(96,165,250,.4),0 0 8px rgba(96,165,250,.9)}.tooltip{max-width:min(92vw,420px);box-sizing:border-box;padding:8px 10px;background:var(--bg);color:var(--fg);border:1px solid color-mix(in oklab,var(--fg) 22%,transparent);border-radius:8px;white-space:normal;word-break:break-word;box-shadow:0 10px 30px #0000002e,0 2px 10px #0000001f;z-index:9999}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;width:min(480px,calc(100vw - 48px));background:#11131a;color:var(--fg);padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 12px 36px #00000080;font-size:14px;line-height:1.4}.controls{margin-top:28px;display:flex;align-items:center;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:14px 18px;border-radius:12px;background:linear-gradient(135deg,#60a5fa26,#5eead426);color:var(--fg);font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #0006,inset 0 0 0 1px #ffffff0f}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.slotRow{display:flex;align-items:center;gap:16px}.slotLabel{font-weight:800}.slotBox{position:relative;height:44px;width:min(340px,40vw);overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.slotTrack{will-change:transform}.slotItem{height:44px;display:flex;align-items:center;padding:0 12px;color:var(--fg)}.muted{color:var(--muted)}.fadeInUp{animation:fadeInUp .3s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadeOutDown{animation:fadeOutDown .24s ease both}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}