:root{--background: #ffffff;--foreground: #0e100f;--surface: #f5f3ff;--surface-2: #ece8ff;--purple: #836EF9;--purple-hi: #6E54FF;--purple-lo: rgba(131, 110, 249, .1);--border: rgba(131, 110, 249, .2);--muted: #71717a;--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.display{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.purple{color:var(--purple)}.ok{color:var(--ok)}.warn{color:var(--warn)}.danger{color:var(--danger)}@keyframes orb-breathe{0%,to{transform:scale(1) translate(0);opacity:.55}50%{transform:scale(1.15) translate(12px,-8px);opacity:.8}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.4}94%{opacity:1}97%{opacity:.7}98%{opacity:1}}@keyframes number-glow{0%,to{text-shadow:0 0 0 rgba(110,84,255,0)}50%{text-shadow:0 0 18px rgba(110,84,255,.5)}}@keyframes neon-ring{0%,to{box-shadow:0 0 #6e54ff8c,0 0 24px #6e54ff40}50%{box-shadow:0 0 0 6px #6e54ff26,0 0 40px #6e54ff73}}@keyframes shimmer-text{0%{background-position:-200% center}to{background-position:200% center}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);animation:orb-breathe 9s ease-in-out infinite}.orb-1{width:420px;height:420px;background:#836ef938;top:-120px;left:-80px}.orb-2{width:340px;height:340px;background:#c4b5fd4d;bottom:-100px;right:-60px;animation-delay:-3s}.orb-3{width:240px;height:240px;background:#836ef929;top:40%;left:55%;animation-delay:-6s}.dot-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(131,110,249,.14) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse at 30% 20%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 20%,black 0%,transparent 70%)}.scanline-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.scanline{position:absolute;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,rgba(110,84,255,.05),transparent);animation:scan-line 7s linear infinite}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-left{display:flex;align-items:center;gap:.75rem}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--gradient, linear-gradient(135deg, #836EF9, #C4B5FD));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 0 18px #836ef966}.logo-word{font-family:var(--font-display);font-weight:700;letter-spacing:-.3px;font-size:1.1rem}.nav-right{display:flex;align-items:center;gap:.75rem}.ticker{position:relative;z-index:10;overflow:hidden;border-bottom:1px solid var(--border);background:var(--surface)}.ticker-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.ticker-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.ticker-item .sep{color:var(--purple)}.ticker-item .ink{color:var(--foreground)}.ticker-item .pl{color:var(--purple)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;animation:card-enter .45s ease both}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.2px}.card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.btn{position:relative;font-family:var(--font-display);font-weight:600;font-size:.85rem;border-radius:12px;padding:.65rem 1.35rem;cursor:pointer;transition:all .18s ease;border:1px solid transparent}.btn:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#836ef9,#6e54ff);color:#fff}.btn-primary:hover{box-shadow:0 0 22px #6e54ff80}.btn-primary.active{animation:neon-ring 2s ease-in-out infinite}.btn-ghost{background:transparent;border-color:var(--purple);color:var(--purple-hi)}.btn-ghost:hover{background:var(--purple-lo)}.btn-outline{background:transparent;border-color:var(--border);color:var(--foreground)}.btn-outline:hover{border-color:var(--purple)}.btn-shimmer{background:linear-gradient(110deg,#836ef9 20%,#c4b5fd,#836ef9 60%);background-size:200% auto;color:#fff;animation:shimmer-text 3s linear infinite}.pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:99px;padding:.3rem .85rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(131,110,249,.28);background:#836ef912;color:var(--purple-hi)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-live{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 1.6s infinite}.stat{border-radius:12px;background:#836ef912;border:1px solid rgba(131,110,249,.15);padding:.85rem 1.1rem}.stat-value{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--purple-hi);animation:flicker 5s linear infinite;font-variant-numeric:tabular-nums}.stat-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:.15rem}.block-badge{border-radius:var(--radius);border:1px solid rgba(131,110,249,.35);background:linear-gradient(135deg,#f5f3ff,#ece8ff);padding:1.5rem;text-align:center}.block-badge.locked{animation:neon-ring 2.4s ease-in-out infinite}.block-badge .hero-num{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-1px;color:var(--purple-hi);animation:flicker 4s linear infinite}.block-badge.locked .hero-num{animation:number-glow 2s ease-in-out infinite}.receipt-grid{display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-mono);font-size:.75rem}.receipt-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:8px}.receipt-row:nth-child(odd){background:#836ef90d}.receipt-row.settle-row{background:#836ef924;font-weight:700}.slot-map{display:flex;flex-wrap:wrap;gap:.4rem}.slot-cell{width:2.6rem;height:2.6rem;border-radius:9px;background:#836ef90f;border:1px solid rgba(131,110,249,.18);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.55rem}.slot-cell.green{background:#16a34a1f;border-color:#16a34a66;color:var(--ok)}.feed{display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.feed-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:9px;background:#836ef90d;font-size:.78rem}.alloc-row{display:flex;align-items:center;gap:.75rem;padding:.55rem .7rem;border-radius:9px;border-bottom:1px solid rgba(131,110,249,.1);transition:background .15s}.alloc-row:hover{background:#836ef914}.bar-track{background:var(--surface-2);border-radius:6px;height:7px;flex:1;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#836ef9,#c4b5fd);height:100%;border-radius:6px;transition:width .6s ease}.qr-frame{position:relative;border:2px solid var(--purple);border-radius:14px;padding:.75rem;background:#fff;overflow:hidden}.qr-frame:after{content:"";position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(to bottom,transparent,rgba(110,84,255,.18),transparent);animation:scan-line 2.6s linear infinite}.qr-box{background:#fff;border-radius:10px;padding:.5rem}.tilt-card{transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.phone-wrap{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1.5rem;max-width:440px;margin:0 auto}.phone-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:1rem 1.25rem;color:var(--foreground);font-family:var(--font-display);font-size:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.phone-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #6e54ff33}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.chip{border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;min-height:44px;transition:all .15s}.chip:hover,.chip.sel{border-color:var(--purple);background:var(--purple-lo);color:var(--purple-hi)}.btn-big{width:100%;padding:1.05rem;font-size:1.05rem;min-height:56px}.lb-hero{text-align:center;padding:2.5rem 1rem 1.5rem}.lb-hero .big{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,6vw,4rem);color:var(--purple-hi);animation:flicker 4s linear infinite;letter-spacing:-1px}.lb-table{width:100%;border-collapse:collapse;font-size:.82rem}.lb-table th{text-align:left;color:var(--muted);font-weight:500;padding:.5rem .75rem;border-bottom:1px solid var(--border);text-transform:uppercase;font-size:.65rem;letter-spacing:.08em}.lb-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(131,110,249,.1);font-family:var(--font-mono);font-size:.78rem}.footer{position:relative;z-index:10;border-top:1px solid var(--border);padding:1.25rem 1rem;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.footer a{color:var(--purple-hi);text-decoration:none}.host-main{position:relative;z-index:10;max-width:1440px;margin:0 auto;padding:1.25rem 1.5rem 2rem}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:1.25rem}.host-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(420px,1.6fr);gap:1.25rem;align-items:start}@media (max-width: 1000px){.host-grid{grid-template-columns:1fr}}.details-dev{position:relative;z-index:10;max-width:1440px;margin:0 auto;padding:0 1.5rem 2rem}.details-dev summary{cursor:pointer;color:var(--muted);font-size:.75rem;font-family:var(--font-mono)}.details-dev pre{font-size:.7rem;color:var(--muted);overflow-x:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#836ef94d;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}