:root{--bg:#0a0118;--card:#1f1140;--card2:#281550;--line:#3a2a5c;--pur:#a855f7;--purL:#c77dff;--blue:#4cc2ff;--pink:#ff4d9d;--green:#34d399;--amber:#f6b24b;--txt:#fff;--mut:#b9a9d6;--mut2:#8a7aa8;--font:"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{background:#05010d;color:var(--txt);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.frame{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px 12px}.phone{width:100%;max-width:412px;min-height:760px;background:radial-gradient(700px 460px at 18% 8%,rgba(168,85,247,.22),transparent 60%),radial-gradient(700px 460px at 85% 92%,rgba(76,194,255,.16),transparent 60%),linear-gradient(180deg,#120a26,#08010f);border:1px solid var(--line);border-radius:40px;padding:22px 18px 88px;position:relative;overflow:hidden}.screen{display:flex;flex-direction:column;gap:14px}.h1{font-size:26px;margin:6px 0;line-height:1.18}.h1,.h2{font-weight:800}.h2{font-size:18px;margin:4px 0}.muted{color:var(--mut);font-size:14px;line-height:1.55}.muted2{color:var(--mut2);font-size:12px}.kick{font-size:10.5px;letter-spacing:2.5px;color:var(--purL);text-transform:uppercase;font-weight:700}.lead{color:var(--mut);font-size:13.5px;line-height:1.55}.brand,.g{background:linear-gradient(90deg,var(--purL),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.brandbar{display:flex;align-items:center;gap:12px;justify-content:center}.logo-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pur),var(--blue));box-shadow:0 0 22px rgba(168,85,247,.55);flex:none}.logo-mark svg{width:22px;height:22px}.wordmark{font-size:20px;letter-spacing:5px;font-weight:800}.wordmark .sub{display:block;font-size:9px;letter-spacing:3px;color:var(--purL);text-transform:uppercase;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.card2{background:var(--card2)}.card.glow{background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(76,194,255,.1));border-color:rgba(168,85,247,.4)}.pill{display:inline-block;font-size:10.5px;color:var(--purL);background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);padding:5px 11px;border-radius:20px;margin:4px 5px 0 0}.row{gap:12px}.row,.spread{display:flex;align-items:center}.spread{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1.5px solid var(--line);background:var(--card2);color:var(--txt);padding:14px 16px;border-radius:16px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .12s,filter .12s}.btn:active{transform:translateY(1px) scale(.995)}.btn-primary{background:linear-gradient(135deg,var(--pur),var(--blue));border:none;box-shadow:0 12px 30px rgba(168,85,247,.4)}.btn-pink{background:linear-gradient(135deg,var(--pink),var(--pur));border:none}.btn-green{background:linear-gradient(135deg,var(--green),#10b981);border:none;box-shadow:0 12px 30px rgba(52,211,153,.32)}.btn-alt{background:transparent;color:var(--mut);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.input,.textarea{width:100%;background:var(--card);border:1.5px solid var(--line);color:var(--txt);border-radius:12px;padding:12px 14px;font-size:15px;font-family:inherit}.input:focus,.textarea:focus{outline:none;border-color:var(--pur)}label{font-size:13px;display:block;margin:10px 0 6px}.chip,label{color:var(--mut)}.chip{display:inline-flex;align-items:center;padding:9px 13px;border-radius:20px;border:1.5px solid var(--line);background:var(--card);font-size:12.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.15s}.chip.on{border-color:var(--pur);background:rgba(168,85,247,.18);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--pur),var(--blue));display:grid;place-items:center;font-weight:800;flex:none;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:22px}.score{font-weight:800;color:var(--purL)}.bar{height:8px;background:hsla(0,0%,100%,.08);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--pur),var(--blue));transition:width .6s cubic-bezier(.2,.8,.2,1)}.plan{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);cursor:pointer;transition:.15s}.plan.on{border-color:var(--pur);background:rgba(168,85,247,.14)}.rec{font-size:9.5px;font-weight:800;color:#0a0118;background:var(--purL);padding:3px 8px;border-radius:8px;margin-left:8px}.ring{width:148px;height:148px;margin:4px auto 0;place-items:center;background:conic-gradient(var(--pur) calc(var(--p, 0) * 1%),hsla(0,0%,100%,.07) 0)}.ring,.ring .inner{border-radius:50%;display:grid}.ring .inner{width:118px;height:118px;background:#0d0720;place-items:center;text-align:center}.ring .num{font-size:32px;font-weight:800}.ring .cap{font-size:10px;color:var(--mut);letter-spacing:1px}.stat{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.stat .v{font-weight:800;font-size:17px;color:var(--blue)}.stat .k{font-size:12px;color:var(--mut)}.bubble{max-width:80%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.45}.bubble.them{background:var(--card2);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}.bubble.me{background:linear-gradient(135deg,var(--pur),var(--blue));align-self:flex-end;border-bottom-right-radius:4px}.bubble.dim{opacity:.32}.bubble.hot{box-shadow:0 0 0 2px var(--amber)}.nav{position:absolute;left:0;right:0;bottom:0;height:66px;background:rgba(12,7,28,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex}.nav a{flex:1 1;display:grid;place-items:center;color:var(--mut2);font-size:11px;grid-gap:2px;gap:2px}.nav a.on{color:var(--purL)}.nav .ic{font-size:18px}.center{text-align:center}.spin{width:44px;height:44px;border:3px solid var(--line);border-top-color:var(--purL);border-radius:50%;animation:spin .9s linear infinite;margin:8px auto}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 1.6s ease-in-out infinite}.brandbar-v{display:flex;flex-direction:column;align-items:center;gap:8px}.hero-net{position:relative;height:288px;margin:6px -6px 0}.hero-net .net-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center;width:84px;height:84px;z-index:2}.hero-core:before{content:"";position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.5),rgba(76,194,255,.12) 55%,transparent 72%)}.orbit{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:3}.orbit img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--purL);background:var(--card2)}.orbit .pct{font-weight:800;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.ai-badge{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid rgba(168,85,247,.5);background:radial-gradient(circle,rgba(168,85,247,.18),transparent 70%);box-shadow:0 0 16px rgba(168,85,247,.35)}.play-circle{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(199,125,255,.8);font-size:8px;padding-left:1px}.ringm{--p:0;width:54px;height:54px;place-items:center;flex:none;background:conic-gradient(var(--pur) calc(var(--p) * 1%),hsla(0,0%,100%,.07) 0)}.ringm,.ringm .in{border-radius:50%;display:grid}.ringm .in{width:42px;height:42px;background:#150b2c;place-items:center;font-size:12.5px;font-weight:800}.toggle{width:42px;height:24px;border-radius:14px;background:hsla(0,0%,100%,.12);position:relative;cursor:pointer;flex:none;transition:.2s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.toggle.on{background:linear-gradient(135deg,var(--pur),var(--blue))}.toggle.on:after{left:20px}.ribbon{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:8.5px;font-weight:800;color:#0a0118;background:var(--purL);padding:3px 10px;border-radius:8px;letter-spacing:.5px}.cmp{width:100%;border-collapse:collapse;margin-top:8px;font-size:11px}.cmp td,.cmp th{padding:8px 5px;border-bottom:1px solid hsla(0,0%,100%,.07);text-align:center}.cmp th{color:var(--mut2);font-weight:700;font-size:10px}.cmp td:first-child,.cmp th:first-child{text-align:left;color:var(--mut)}.cmp .yes{color:var(--green);font-weight:800}.cmp .no{color:var(--mut2)}.cmp .pp{color:var(--purL);font-weight:800}.sliderrow{display:flex;align-items:center;gap:11px;margin-top:7px}.sliderrow input[type=range]{flex:1 1;accent-color:var(--pur)}.sliderrow .val{font-weight:800;font-size:14px;min-width:78px;text-align:right;color:var(--purL)}.hscroll{display:flex;gap:10px;overflow-x:auto;margin-top:9px;padding-bottom:4px}.hscroll::-webkit-scrollbar{height:0}.seg{display:flex;gap:7px;overflow-x:auto;margin-top:11px;padding-bottom:3px}.seg::-webkit-scrollbar{height:0}.seg .sg{flex:none;font-size:11.5px;font-weight:700;color:var(--mut);border:1.5px solid var(--line);background:var(--card);padding:8px 13px;border-radius:20px;cursor:pointer;white-space:nowrap}.seg .sg.on{background:linear-gradient(135deg,var(--pur),var(--blue));color:#fff;border-color:transparent}.segtabs{display:flex;gap:6px;margin-top:12px}.segtabs .st{flex:1 1;text-align:center;font-size:10px;font-weight:700;color:var(--mut);padding:8px 4px;border-radius:11px;border:1.5px solid var(--line);cursor:pointer}.segtabs .st.on{background:rgba(168,85,247,.18);border-color:var(--pur);color:#fff}.flow{display:flex;align-items:flex-start;justify-content:space-between;margin-top:8px}.flow .nd{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1 1;text-align:center}.flow .nd .ci{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:15px;color:var(--purL)}.flow .nd.on .ci{background:rgba(168,85,247,.25);border-color:var(--pur);box-shadow:0 0 14px rgba(168,85,247,.5)}.flow .nd .lb{font-size:8.5px;color:var(--mut2);line-height:1.25}.flow .nd .vl{font-size:11px;font-weight:800;color:#fff}.flow .ar{align-self:center;color:var(--mut2);padding:0 1px;margin-top:8px}.flow .ar,.kv{font-size:12px}.kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.kv b{font-weight:800}.pickgrid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:9px;gap:9px;margin-top:8px}.pick{position:relative;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:.15s}.pick .pi{font-size:21px}.pick .pt{font-weight:700;font-size:12.5px;margin-top:6px}.pick.on{border-color:var(--pur);background:rgba(168,85,247,.16)}.pick .chk{position:absolute;top:7px;right:7px;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent}.pick.on .chk{background:var(--pur);border-color:var(--pur);color:#fff}.venuecard{flex:none;width:150px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}.venuecard .img{height:78px;background:linear-gradient(135deg,#3a2160,#1a0e36);position:relative;background-size:cover;background-position:50%}.venuecard .img .tp{position:absolute;top:6px;left:6px;font-size:8px;font-weight:800;background:var(--pur);color:#fff;padding:2px 7px;border-radius:7px}.venuecard .bd{padding:9px}.venuecard .vn{font-weight:700;font-size:12px}.venuecard .vm{font-size:9.5px;color:var(--mut);margin-top:2px}.moment{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.moment .th{width:46px;height:46px;border-radius:10px;flex:none;background:linear-gradient(135deg,#3a2160,#1a0e36);background-size:cover;background-position:50%}.moment .mt{font-size:9.5px;color:var(--mut2)}.srow{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.srow .si{width:32px;height:32px;border-radius:9px;background:var(--card2);display:grid;place-items:center;font-size:15px;flex:none;color:var(--purL)}.srow .nm{font-weight:600;font-size:13px}.srow .ds{font-size:10.5px;color:var(--mut2)}.srow .rt{margin-left:auto;font-size:11.5px;color:var(--mut);font-weight:600;display:flex;align-items:center;gap:4px}.notif{display:flex;gap:10px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-top:9px}.notif .ni{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:17px;border:1.5px solid var(--line)}.notif .nt{font-weight:700;font-size:12.5px}.notif .nb{font-size:11px;color:var(--mut);margin-top:2px;line-height:1.4}.notif .ntm{font-size:9.5px;color:var(--mut2);margin-top:4px}.tag{font-size:9px;color:var(--purL);background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.3);padding:3px 8px;border-radius:10px;display:inline-block}.pent{display:block;margin:6px auto 0}