:root{--bg-page: #0a0616;--bg-app: #0e0820;--text: #f4eeff;--text-2: #b9aed4;--muted: #a99dc7;--faint: #8478a0;--faintest: #6b6088;--magenta: #ff2fb9;--violet: #8b5cff;--cyan: #29e0ff;--pink-hi: #ff7ad1;--urgent: #ff5d8f;--green: #35d07a;--orange: #ff8a3d;--orange-2: #ffb27a;--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .12);--border-2: rgba(255, 255, 255, .14);--grad-brand: linear-gradient(90deg, #ff2fb9, #8b5cff, #29e0ff);--grad-cta: linear-gradient(90deg, #ff2fb9, #8b5cff);--grad-chip: linear-gradient(135deg, #ff2fb9, #8b5cff);--grad-bar: linear-gradient(90deg, #29e0ff, #8b5cff, #ff2fb9);--grad-gold: linear-gradient(135deg, #ffc53d, #ff6f3d);--r-btn: 16px;--r-card: 20px;--shadow-cta: 0 14px 30px -10px rgba(139, 92, 255, .9)}*{box-sizing:border-box}html,body{margin:0;padding:0}::-webkit-scrollbar{width:0;height:0}body{background:var(--bg-page);color:var(--text);font-family:Outfit,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}button{font-family:inherit}a{color:var(--cyan);text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes glow{0%,to{transform:translate(0)}50%{transform:translate(24px,-18px)}}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burst{0%{transform:scale(.5);opacity:0}25%{transform:scale(1.12);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1) translateY(-14px);opacity:0}}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}.shell{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100dvh;background:var(--bg-app);overflow:hidden;display:flex;flex-direction:column}.glow{position:fixed;border-radius:50%;filter:blur(22px);z-index:0;pointer-events:none}.glow-a{top:-40px;left:-30px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,47,185,.45),transparent 70%);animation:glow 7s ease-in-out infinite}.glow-b{bottom:40px;right:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(41,224,255,.3),transparent 70%);animation:glow 9s ease-in-out infinite}.scroll{flex:1;position:relative;z-index:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.wordmark{font-weight:700;font-size:22px;letter-spacing:-.4px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar{position:sticky;top:0;z-index:12;background:#0e0820b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);padding:max(18px,env(safe-area-inset-top)) 18px 12px}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap8{gap:8px}.iconbtn{width:32px;height:32px;border-radius:10px;background:var(--glass);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text);font-size:16px;cursor:pointer}.pill{display:flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-weight:700;font-size:12px;white-space:nowrap}.pill-live{background:#35d07a1f;border:1px solid rgba(53,208,122,.3);color:#8eebb4}.pill-streak{background:#ff8f3d24;border:1px solid rgba(255,143,61,.32);color:var(--orange-2);font-weight:800}.dot{width:6px;height:6px;border-radius:50%}.dot-green{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.4s infinite}.cta{width:100%;padding:16px;border:none;border-radius:var(--r-btn);background:var(--grad-cta);color:#fff;font-weight:600;font-size:18px;cursor:pointer;box-shadow:var(--shadow-cta);transition:filter .15s}.cta:hover{filter:brightness(1.08)}.cta:disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--faintest);box-shadow:none;cursor:not-allowed}.btn-ghost{width:100%;padding:14px;border:1px solid var(--border-2);border-radius:14px;background:var(--glass);color:var(--text);font-weight:600;font-size:16px;cursor:pointer}.page{padding:14px 20px 28px;display:flex;flex-direction:column;gap:14px;animation:pop .35s ease}.title{font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.6px}.title-sm{font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.4px}.sub{font-size:14px;color:var(--muted);font-weight:500}.body2{font-size:15px;color:var(--text-2);font-weight:500;line-height:1.5}.field{width:100%;border:1px solid var(--border-2);background:var(--glass);border-radius:14px;padding:12px 15px;color:var(--text);font-family:inherit;font-weight:500;font-size:15px;outline:none}textarea.field{border-radius:18px;padding:14px 16px;font-size:17px;resize:none}.field:focus{border-color:#8b5cff80}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid rgba(255,255,255,.16);background:var(--glass-2);border-radius:999px;padding:8px 13px;font-weight:600;font-size:13px;color:#c9bee6;cursor:pointer}.chip-warn{border-color:#ff2fb980;background:#ff2fb91f;color:var(--pink-hi)}.fmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fmt{border:1px solid var(--border-2);background:var(--glass-2);color:#c9bee6;border-radius:14px;padding:12px 8px;font-weight:500;font-size:15px;cursor:pointer;text-align:center}.fmt-on{border-color:transparent;background:var(--grad-chip);color:#fff;font-weight:600;box-shadow:0 8px 20px -8px #ff2fb9b3}.hint{text-align:center;font-size:12px;color:var(--faint);font-weight:600}.bars{display:flex;flex-direction:column;gap:12px}.bar-row{display:flex;flex-direction:column;gap:5px}.bar-head{display:flex;justify-content:space-between;font-weight:600;font-size:15px}.bar-track{height:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--grad-bar);transition:width .7s cubic-bezier(.2,.8,.2,1)}.mine{color:var(--cyan);font-size:12px}.livecount{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px;color:var(--muted)}.optbtn{width:100%;padding:17px;border-radius:16px;border:1px solid var(--border-2);background:var(--glass);font-weight:600;font-size:19px;color:var(--text);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.optbtn:hover{background:#8b5cff38;border-color:#8b5cff80}.card{background:var(--glass-2);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px}.hero{background:linear-gradient(135deg,#ff2fb924,#29e0ff1a);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:center;gap:8px;margin-top:4px}.section-title{font-weight:700;font-size:15px}.section-note{font-size:12px;color:var(--faint);font-weight:600}.stat{flex:1;background:var(--glass-2);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px 13px;display:flex;flex-direction:column;gap:7px}.stat-head{display:flex;justify-content:space-between;align-items:baseline}.stat-name{font-weight:700;font-size:13px}.stat-meta{font-size:11px;color:var(--faint);font-weight:600}.mini-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.mini-fill{height:100%;border-radius:999px;transition:width .5s ease}.qcard{position:relative;overflow:hidden}.qcard-hot{position:absolute;top:0;right:0;background:linear-gradient(135deg,#ff2fb9,#ff6f3d);color:#fff;font-weight:700;font-size:10px;letter-spacing:.6px;padding:5px 12px;border-bottom-left-radius:14px}.avatar{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.qtext{font-weight:600;font-size:19px;line-height:1.25}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.share-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-weight:600;font-size:11px;color:var(--text-2)}.share-ico{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#fff}.adslot{border:1px dashed rgba(255,255,255,.16);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:12px;background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 8px,#ffffff0d 8px,#ffffff0d 16px);min-height:66px}.adslot-tag{font-family:monospace;font-size:10px;color:var(--faintest);font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0820d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:20;text-align:center;padding:24px}.loader{width:52px;height:52px;border-radius:50%;border:5px solid rgba(255,255,255,.1);border-top-color:var(--magenta);animation:spin .8s linear infinite}.loader-sm{width:20px;height:20px;border-width:3px;border-top-color:var(--cyan)}.badge{align-self:flex-start;background:#8b5cff33;border:1px solid rgba(139,92,255,.4);color:#c9bee6;font-weight:600;font-size:12px;padding:6px 12px;border-radius:999px}.info-pill{background:#29e0ff1a;border:1px solid rgba(41,224,255,.24);border-radius:14px;padding:11px 14px;font-size:13px;color:#bff3ff;font-weight:500}.quote{width:100%;background:var(--glass-2);border:1px dashed rgba(255,47,185,.4);border-radius:16px;padding:13px 15px;font-style:italic;font-weight:500;color:var(--muted);font-size:14px;text-align:left}.toast{position:fixed;left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom));max-width:448px;margin:0 auto;background:#29e0ff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(41,224,255,.3);color:#bff3ff;border-radius:16px;padding:13px 16px;font-weight:700;font-size:14px;text-align:center;z-index:40;animation:pop .3s ease}.social{position:fixed;left:16px;bottom:max(20px,env(safe-area-inset-bottom));max-width:74%;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);color:var(--text);border-radius:14px;padding:10px 14px;font-weight:600;font-size:13px;z-index:30;animation:pop .3s ease}.reward-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:45;pointer-events:none}.reward{background:var(--grad-chip);color:#fff;font-weight:800;font-size:25px;padding:16px 28px;border-radius:20px;box-shadow:0 22px 55px -10px #ff2fb9e6;animation:burst .95s ease forwards;white-space:nowrap}.newpill{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:14;background:var(--grad-cta);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:999px;box-shadow:0 10px 24px -8px #ff2fb9e6;cursor:pointer;animation:bob 1.6s ease-in-out infinite;white-space:nowrap}.pull{height:54px;margin-top:-54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.pull-label{font-weight:600;font-size:11px;color:var(--faint)}.consent{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:456px;margin:0 auto;background:#140c28f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-2);border-radius:18px;padding:16px;z-index:50;box-shadow:0 20px 50px -10px #0009}.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.btn-sm{padding:12px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--border-2)}.legal{padding:16px 20px 40px;z-index:1;position:relative}.legal h1{font-size:24px}.legal h2{font-size:17px;margin-top:22px}.legal p,.legal li{color:var(--text-2);font-size:14px;line-height:1.6}.legal a{word-break:break-word}.center-col{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.icon-circle{width:66px;height:66px;border-radius:50%;background:#ff2fb926;border:1px solid rgba(255,47,185,.4);display:flex;align-items:center;justify-content:center;font-size:30px}