:root { color-scheme: dark; --gold:#00F0FF; --amber:#A78BFA; --bg:#0B0718; --ivory:#F4F7FF; }
  * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
  html, body { margin:0; background:
    radial-gradient(ellipse at 12% 0%, rgba(0,240,255,.22), transparent 42%),
    radial-gradient(ellipse at 92% 18%, rgba(255,43,214,.2), transparent 40%),
    radial-gradient(ellipse at 50% 100%, rgba(124,92,255,.28), transparent 48%),
    #070414; overflow-x:hidden; max-width:100%; }
  body { font-family: Outfit, sans-serif; color: var(--ivory); min-height:100dvh; touch-action: manipulation; }
  body.lock { overflow:hidden; }
  button, select, input { font-family: inherit; }
  #app { width:min(100%,480px); margin:0 auto; min-height:100dvh; position:relative; overflow-x:hidden; background:
    radial-gradient(ellipse at 8% 6%, rgba(0,240,255,.16), transparent 34%),
    radial-gradient(ellipse at 100% 72%, rgba(255,43,214,.14), transparent 40%),
    #0B0718; }
  @media (min-width:520px){ #app { box-shadow: 0 0 0 1px rgba(0,240,255,.35), 0 0 48px rgba(255,43,214,.18); } }
  .serif { font-family: "Cormorant Garamond", Georgia, serif; }
  .mono { font-family: "IBM Plex Mono", ui-monospace, monospace; font-variant-numeric: tabular-nums; }
  .gold { background: linear-gradient(180deg,#F4FEFF 0%,#00F0FF 46%,#FF2BD6 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
  .glass { background: linear-gradient(180deg, rgba(0,240,255,.09), rgba(255,255,255,.025)); border:1px solid rgba(124,92,255,.32); box-shadow: 0 12px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(0,240,255,.2); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .tap { transition: transform .12s ease; position: relative; }
  .tap:active { transform: scale(.975); }
  .tap:active::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background: radial-gradient(circle at var(--x,50%) var(--y,50%), rgba(0,240,255,.32), transparent 58%); }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .hscroll { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:2px 16px 14px; -webkit-overflow-scrolling:touch; scrollbar-width:none; overscroll-behavior-x:contain; }
  .hscroll::-webkit-scrollbar { display:none; }
  .hscroll > * { flex:0 0 86%; scroll-snap-align:start; max-width:340px; }
  .meter { height:4px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
  .meter > span { display:block; height:100%; border-radius:inherit; box-shadow:0 0 10px rgba(0,240,255,.65); }
  .live-dot { width:7px; height:7px; border-radius:99px; background:#00F0FF; box-shadow:0 0 10px #00F0FF; animation: pulse 1.8s ease-in-out infinite; }
  @keyframes pulse { 50% { opacity:.35; transform:scale(.8); } }
  @keyframes sheen { to { background-position: 200% 50%; } }
  @keyframes rise { from { opacity:0; transform:translateY(12px);} to { opacity:1; transform:none;} }
  #main.enter { animation: rise .6s ease both; }
  section { scroll-margin-top: 78px; }
  .mark { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(0,240,255,.7); color:#00F0FF; font-size:11px; letter-spacing:.08em; font-weight:600; box-shadow: inset 0 0 12px rgba(0,240,255,.25), 0 0 16px rgba(0,240,255,.15); }
  .lang { appearance:none; background:#140824 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23A78BFA' d='M1 1l5 5 5-5'/></svg>") no-repeat right 8px center; color:#F4F7FF; border:1px solid rgba(124,92,255,.45); border-radius:999px; padding:6px 26px 6px 10px; font-size:16px; width:132px; max-width:132px; }
  .chip { border:1px solid rgba(124,92,255,.35); background:rgba(0,240,255,.06); color:#F4F7FF; border-radius:999px; padding:8px 12px; font-size:12px; letter-spacing:.02em; }
  .navpill { border:1px solid rgba(124,92,255,.28); color:#F4F7FF; background:transparent; border-radius:999px; padding:7px 12px; font-size:12px; white-space:nowrap; }
  #qa-input { flex:1 1 auto; min-width:0; width:auto; background:rgba(0,0,0,.35); border:1px solid rgba(124,92,255,.35); border-radius:14px; color:#F4F7FF; padding:12px 14px; font-size:16px; outline:none; }
  #qa-input:focus { border-color:#00F0FF; box-shadow:0 0 0 3px rgba(0,240,255,.15); }
  .spark { width:100%; height:56px; display:block; }
  #splash { position:fixed; top:0; bottom:0; left:50%; width:min(100%,480px); transform:translateX(-50%); z-index:60; background:#0B0718; overflow:hidden; transition: opacity .7s ease; }
  #splash.out { opacity:0; }
  #hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(1.65) contrast(1.22) brightness(.82) hue-rotate(18deg); pointer-events:none; }
  #splash .tint { position:absolute; inset:0; background:
    radial-gradient(ellipse at 12% 18%, rgba(0,240,255,.55), transparent 42%),
    radial-gradient(ellipse at 88% 78%, rgba(255,43,214,.62), transparent 48%),
    radial-gradient(ellipse at 50% 42%, rgba(124,92,255,.28), transparent 55%),
    linear-gradient(180deg, rgba(5,0,20,.12) 0%, rgba(8,0,24,.28) 42%, rgba(8,0,18,.84) 100%); }
  #splash .track { position:absolute; top:calc(env(safe-area-inset-top) + 12px); left:18px; right:18px; height:5px; border-radius:99px; background:rgba(255,255,255,.14); overflow:hidden; z-index:2; box-shadow:0 0 18px rgba(0,240,255,.55); }
  #bar { height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,#00F0FF,#7C5CFF,#FF2BD6,#00F0FF); background-size:200% 100%; animation:sheen 1.2s linear infinite; box-shadow:0 0 14px #00F0FF, 0 0 28px rgba(255,43,214,.8); }
  #splash .copy { position:absolute; left:0; right:0; bottom:0; padding:28px 22px calc(env(safe-area-inset-bottom) + 32px); z-index:2; text-align:center; }
  #splash .brand { color:#00F0FF; text-shadow:0 0 16px rgba(0,240,255,.85); }
  #secs { font-size:64px; line-height:1; background:linear-gradient(180deg,#F4FEFF 0%,#00F0FF 46%,#FF2BD6 100%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 16px rgba(0,240,255,.9)) drop-shadow(0 0 28px rgba(255,43,214,.55)); }
  #splash-c { color:#FF4DE1; text-shadow:0 0 12px rgba(255,43,214,.55); }
  #sheet-root { position:fixed; inset:0; z-index:70; }
  #sheet-root.hidden { display:none; }
  #sheet-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(6px); }
  #sheet-wrap { position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:center; }
  #sheet { width:min(100%,480px); max-height:88dvh; background:rgba(12,6,32,.9); border:1px solid rgba(0,240,255,.38); border-bottom:0; border-radius:22px 22px 0 0; box-shadow:0 -20px 80px rgba(40,0,60,.55), inset 0 1px 0 rgba(255,43,214,.35); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); transform:translateY(0); transition:transform .38s cubic-bezier(.22,.9,.3,1); display:flex; flex-direction:column; padding-bottom:env(safe-area-inset-bottom); }
  #sheet-scroll { overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:0 18px 28px; }
  #sheet-body p { margin:0 0 12px; font-size:13.5px; line-height:1.65; color:rgba(244,247,255,.84); }
  .handle { width:42px; height:4px; border-radius:99px; background:rgba(0,240,255,.7); box-shadow:0 0 12px rgba(0,240,255,.65); margin:10px auto 8px; }
  .up { color:#67E8F9; } .down { color:#FF4DE1; }
  .skeleton { height:28px; border-radius:8px; background:linear-gradient(90deg, rgba(0,240,255,.05), rgba(0,240,255,.2), rgba(0,240,255,.05)); background-size:200% 100%; animation:sheen 1.3s linear infinite; }
  .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation:none !important; transition:none !important; }
  }