:root{--bg:#0b0b10;--panel:#14141c;--panel-2:#1c1c27;--panel-3:#262633;--line:#23232f;--line-2:#2b2b38;--line-3:#3d3d4d;--text:#f2f2f7;--text-2:#dcdce6;--text-3:#c8c8d6;--muted:#a3a3b8;--dim:#9c9cb0;--accent:#2b7fff;--cyan:#2ee6ff;--cyan-hover:#8ff1ff;--amber:#ffb547;--red:#ff5c6c;--display:var(--font-archivo), system-ui, sans-serif;--body:var(--font-geist), system-ui, sans-serif;--mono-font:var(--font-mono), ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0}a{color:var(--cyan)}a:hover{color:var(--cyan-hover)}button{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.btn{border:1px solid var(--line-2);background:var(--panel-2);min-height:40px;color:var(--text);font:500 13px/1 var(--body);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:hover{background:var(--panel-3);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600;box-shadow:0 0 0 1px #2b7fff80,0 8px 28px #2b7fff59}.btn.pri:hover{color:var(--bg);background:#4a92ff;box-shadow:0 0 0 1px #8ff1ffb3,0 10px 36px #2b7fff8c}.btn.ghost{color:var(--text-3);background:0 0;border-color:#0000}.btn.ghost:hover{background:#ffffff0f}.btn.glass{-webkit-backdrop-filter:blur(10px);background:#1c1c279e;border-color:#ffffff1a}.btn.gpt{background:var(--text);border-color:var(--text);color:#000;font-weight:600}.btn.gpt:hover{color:#000;background:#fff}.btn.lg{min-height:48px;padding:0 20px;font-size:14px}.lbl{font:500 11px/1.2 var(--mono-font);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.mono{font-family:var(--mono-font)}.disp{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;font-weight:900;font-stretch:125%}.chip{background:var(--panel-2);border:1px solid var(--line-2);color:var(--text-3);font:500 12px/1.2 var(--mono-font);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.chip.on{color:var(--cyan);background:#0e2328;border-color:#1b5a66}.chip.warn{color:var(--amber);background:#2a2010;border-color:#6b4c1a}.dot{background:currentColor;border-radius:4px;width:7px;height:7px;display:inline-block;box-shadow:0 0 8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px}a.card{color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}a.card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px);box-shadow:0 18px 40px #00000073,0 0 0 1px #2b7fff40}.art{position:relative;overflow:hidden}.art>img.bg{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}a.card:hover .art>img.bg,a.card.art:hover>img.bg{transform:scale(1.04)}.ph{background:repeating-linear-gradient(135deg, var(--panel-2) 0 10px, #191922 10px 20px);border:1px solid var(--line-2);border-radius:10px}.scan{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.glow{color:var(--accent);text-shadow:0 0 24px #2b7fffa6,0 0 2px #8ff1ffe6}.hpbar{background:#0b0b10b3;border:1px solid #ffffff2e;border-radius:2px;height:12px;overflow:hidden}.hpbar>span{height:100%;display:block}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}textarea,input[type=text],input[type=email]{font:400 15px/1.5 var(--body);color:var(--text);background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px;width:100%;padding:10px 12px}textarea::placeholder,input::placeholder{color:var(--dim)}.plan{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:18px;padding:28px;display:flex}.plan ul{color:var(--text-2);flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:10px;display:flex}.gpt-logo{flex:none;width:18px;height:18px;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes pulse{50%{opacity:.45}}.pulse{animation:1.4s ease-in-out infinite pulse}.ell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel{background:#101017;border:1px solid #ffffff12;border-radius:16px}.act{color:var(--text-3);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:7px 10px;font-size:13px;display:flex}.act:hover{background:#ffffff08}.status-pill{color:#9ef3ff;background:#2ee6ff12;border:1px solid #2ee6ff38;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.btn.round{border-radius:999px}.btn.light{background:var(--text);border-color:var(--text);color:#0b0b10}.btn.light:hover{color:#0b0b10;background:#fff}.btn.sm{border-radius:999px;min-height:30px;padding:0 10px;font-size:12px}.tag{cursor:pointer;font:500 11px var(--mono-font);background:0 0;border:0;border-radius:6px;padding:4px 6px}.tag.ok{color:var(--cyan)}.tag.ok:hover{background:#2ee6ff14}.send{background:var(--text);color:#0b0b10;cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.send:disabled{color:var(--dim);cursor:default;background:#ffffff1f}.seg{background:#14141b;border:1px solid #ffffff12;border-radius:999px;padding:4px;display:inline-flex}.seg button{min-height:34px;color:var(--text-3);font:500 13px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px}.seg button.on{background:var(--text);color:#0b0b10}.checker{background-color:#15151c;background-image:linear-gradient(45deg,#1b1b24 25%,#0000 25% 75%,#1b1b24 75%),linear-gradient(45deg,#1b1b24 25%,#0000 25% 75%,#1b1b24 75%);background-position:0 0,8px 8px;background-size:16px 16px}.kbd{min-width:24px;height:24px;font:500 11px var(--mono-font);color:var(--text-2);border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.home{background:var(--bg)}.wrap{max-width:1240px;margin:0 auto;padding:120px clamp(16px,4vw,48px) 40px}.two-col{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.hero{isolation:isolate;flex-direction:column;min-height:920px;display:flex;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center 30%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-1;background:radial-gradient(42% 52% at 50% 46%,#0b0b10e0,#0b0b1059 70%,#0b0b101a),linear-gradient(#0b0b10b3 0%,#0b0b1000 18% 70%,#0b0b10 100%);position:absolute;inset:0}.topnav{flex-wrap:wrap;align-items:center;gap:24px;padding:20px clamp(16px,4vw,48px);display:flex}.brand{color:var(--text);font:700 17px var(--body);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{color:#fff}.navlinks{flex-wrap:wrap;gap:2px;margin-left:16px;display:flex}.navlinks a{color:var(--text-3);border-radius:999px;padding:10px 12px;font-size:14px;text-decoration:none}.navlinks a:hover{color:#fff;background:#ffffff0f}.pill{min-height:44px;font:500 14px/1 var(--body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.pill.light{background:var(--text);color:#0b0b10}.pill.light:hover{color:#0b0b10;background:#fff}.pill.ghost{color:#e6e6ee;background:#ffffff0a;border-color:#ffffff1f}.pill.ghost:hover{color:#fff;background:#ffffff14}.avatar{background:var(--line-2);border:1px solid var(--line-3);border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:inline-flex}.hero-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;padding:40px 16px 120px;display:flex}.hero-body h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(48px,7vw,92px);font-weight:800;font-stretch:118%;line-height:.98}.lede{max-width:560px;color:var(--text-3);margin:0;font-size:20px;line-height:1.5}.eyebrow-pill{color:#d6d6e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121219b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:inline-flex}.dot-live{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:4px;display:inline-block}.composer{text-align:left;-webkit-backdrop-filter:blur(20px);background:#1a1a23db;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;gap:14px;width:100%;margin-top:8px;padding:18px 18px 14px 22px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 0 0 6px #2b7fff14,0 30px 90px #0009}.composer:focus-within{border-color:#2ee6ffd9;box-shadow:0 0 0 1px #2ee6ff8c,0 0 22px #2ee6ff73,0 0 64px #2ee6ff38,0 0 120px #aa5aff2e,0 30px 90px #0009}.composer textarea{resize:none;width:100%;color:var(--text);font:400 18px/1.55 var(--body);background:0 0;border:0;outline:none;padding:0}.composer textarea:focus-visible{outline:none}.icon-btn{color:#e6e6ee;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-btn:hover{background:#ffffff0f}.pill-chip{min-height:36px;color:var(--text-3);font:500 13px/1 var(--body);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pill-chip.on{color:var(--cyan);border-color:#2ee6ff66}.send.lg{border-radius:22px;width:44px;height:44px}.sug{color:#d6d6e0;min-height:40px;font:400 14px/1 var(--body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10101699;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex}.sug:hover{color:#fff;border-color:#7fb2ff80}.eyebrow{font:500 12px/1 var(--mono-font);letter-spacing:.12em;text-transform:uppercase;color:#7fb2ff}.h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:48px;font-weight:800;font-stretch:112%;line-height:1.02}.body-lg{color:var(--muted);max-width:460px;margin:0;font-size:17px;line-height:1.6}.body{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.steps{flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none;display:flex}.steps li{color:var(--muted);align-items:baseline;gap:14px;font-size:16px;display:flex}.steps li span:first-child{font:500 13px var(--mono-font);color:#7fb2ff}.steps strong{color:var(--text);font-weight:600}.home .card{background:#121219;border:1px solid #ffffff12;border-radius:20px}.run{flex-direction:column;flex:1.2 520px;gap:14px;padding:22px;display:flex;box-shadow:0 40px 100px #00000080}.run .row{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.run .row.active{background:#2b7fff0f;border-color:#2b7fff59}.run .meta{color:var(--dim);margin-left:auto;font-size:12px}.bar{background:#1e1e28;border-radius:2px;height:4px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent), var(--cyan));height:100%;display:block}.showcase{aspect-ratio:21/9;min-height:300px;position:relative;overflow:hidden}.showcase .bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase .fighter{filter:drop-shadow(0 12px 18px #0009);position:absolute;bottom:7%}.hud{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:14px;display:grid;position:absolute;top:7%;left:4%;right:4%}.hud>div{flex-direction:column;gap:6px;display:flex}.hud b{font:700 14px var(--body);letter-spacing:.08em}.hud .hp{background:#0b0b1099;border:1px solid #ffffff40;border-radius:3px;width:100%;height:14px;display:flex;overflow:hidden}.hud .hp span{height:100%;display:block}.hud .timer{text-align:center;font:800 36px var(--display)}.price{background:#121219;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:18px;padding:26px;display:flex}.cta{min-height:44px;font:500 14px var(--body);color:var(--text);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:0 18px;text-decoration:none;display:inline-flex}.cta:hover{color:#fff;background:#ffffff1a}.cta.pri{background:var(--accent);color:#0b0b10;border-color:#0000}.cta.pri:hover{color:#0b0b10;background:#4a92ff}.cta.gpt{background:var(--text);color:#000;border-color:#0000}.cta.gpt:hover{color:#000;background:#fff}.cta-band{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:64px 32px;display:flex;position:relative;overflow:hidden;background:radial-gradient(60% 120% at 50% 0,#2b7fff38,#0000 70%),#121219!important}.foot{color:var(--dim);border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px clamp(16px,4vw,48px);font-size:13px;display:flex}@media (max-width:640px){.h2{font-size:34px}.hero{min-height:760px}.navlinks{display:none}}.owner-side{border-right:1px solid var(--line);flex-direction:column;flex:220px;gap:4px;max-width:240px;padding:20px 14px;display:flex}.owner-side a:not(.brand){min-height:40px;color:var(--text-3);border-radius:10px;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.owner-side a:not(.brand):hover,.owner-side a[aria-current=page]{color:#fff;background:#ffffff0f}.plan-row{width:100%;color:var(--text);font:400 14px var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.9fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.plan-row.head{cursor:default;border-top:0;padding-top:12px;padding-bottom:12px}.plan-row:not(.head):hover{background:#ffffff08}.plan-row.on{box-shadow:inset 3px 0 0 var(--accent);background:#2b7fff14}.field{color:var(--text-3);flex-direction:column;gap:6px;font-size:13px;display:flex}.field select{border:1px solid var(--line-2);background:var(--panel-2);min-height:42px;color:var(--text);font:400 14px var(--body);border-radius:10px;padding:0 10px}.toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle span{flex-direction:column;flex:1;gap:2px;font-size:14px;display:flex}.toggle small{color:var(--dim);font-size:12px}.toggle b{font-weight:500}.toggle input{appearance:none;background:var(--line-2);cursor:pointer;border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.toggle input:after{content:"";background:var(--text);border-radius:10px;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked{background:var(--accent)}.toggle input:checked:after{transform:translate(18px)}.gcard{color:var(--text);background:#121219;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.gcard:hover{color:#fff;border-color:#7fb2ff73;transform:translateY(-3px)}.gcard:hover .cover img{transform:scale(1.04)}.gcard:focus-visible,.tabs a:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.cover{aspect-ratio:16/10;background:#16161e;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.badge{min-height:28px;font:600 13px/1 var(--body);border-radius:999px;align-items:center;padding:0 11px;display:inline-flex;position:absolute;top:12px;left:12px}.badge.free{color:var(--cyan);background:#0b0b10cc;border:1px solid #2ee6ff59}.badge.paid{background:var(--amber);color:#1a1205}.badge.fan{color:var(--text-2);background:#0b0b10cc;border:1px solid #ffffff2e;left:auto;right:12px}.gtag{min-height:26px;color:var(--text-3);font:500 12px/1 var(--body);background:#ffffff12;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.tabs{background:#121219;border:1px solid #ffffff14;border-radius:999px;padding:4px;display:inline-flex}.tabs a{min-height:40px;color:var(--text-3);font:500 14px/1 var(--body);border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.tabs a:hover{color:#fff}.tabs a[aria-current=page]{background:var(--text);color:#0b0b10}.tabs a .n{font:500 12px var(--mono-font);opacity:.7}.btn.amber{background:var(--amber);border-color:var(--amber);color:#1a1205;font-weight:600}.btn.amber:hover{color:#1a1205;background:#ffc870}.inp{border:1px solid var(--line-2);width:100%;min-height:44px;color:var(--text);font:400 15px var(--body);background:#0e0e14;border-radius:12px;padding:0 14px}.inp:focus{border-color:#7fb2ff;outline:none}.choice{text-align:left;color:var(--text);font:inherit;cursor:pointer;background:#0e0e14;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex}.choice:hover{border-color:#ffffff3d}.choice[aria-pressed=true]{background:#2b7fff1a;border-color:#7fb2ff;box-shadow:inset 0 0 0 1px #7fb2ff}.choice:disabled{opacity:.45;cursor:not-allowed}.line{color:var(--text-3);justify-content:space-between;gap:12px;font-size:14px;display:flex}.line b{font:500 14px var(--mono-font);color:var(--text);font-variant-numeric:tabular-nums}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;font:500 12px var(--mono-font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-bottom:1px solid #ffffff14;padding:12px 16px}.tbl td{color:var(--text-2);white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:14px 16px}.tbl .num{text-align:right;font-family:var(--mono-font);font-variant-numeric:tabular-nums}.st{min-height:26px;font:500 12px var(--body);color:var(--text-2);background:#ffffff12;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.st.live{color:#8ff1ff;background:#2ee6ff1a}.st.warn{color:#ffc870;background:#ffb54724}.st.bad{color:#ff8c98;background:#ff5c6c1f}.sitenav{z-index:40;width:min(1180px,100% - 24px);animation:.7s cubic-bezier(.2,.8,.2,1) both navDrop;position:fixed;top:14px;left:50%;transform:translate(-50%)}.sitenav-bar{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0e0e1473;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:20px;padding:10px 10px 10px 18px;transition:background .3s,box-shadow .3s,padding .3s,border-color .3s;display:flex}.sitenav.scrolled .sitenav-bar{background:#0c0c12d1;border-color:#ffffff1f;padding-top:7px;padding-bottom:7px;box-shadow:0 18px 50px #00000073}.brand-mark{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}.sitenav-links{gap:2px;margin-left:8px;display:flex}.sitenav-links a{color:var(--text-3);font:500 14px var(--body);border-radius:999px;padding:10px 14px;text-decoration:none;transition:color .2s,background .2s;position:relative}.sitenav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));transform-origin:0;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:6px;left:14px;right:14px;transform:scaleX(0)}.sitenav-links a:hover:after{transform:scaleX(1)}.sitenav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sitenav-burger{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:none}.sitenav-burger span{background:var(--text);border-radius:2px;width:18px;height:2px;transition:transform .25s}.sitenav.open .sitenav-burger span:first-child{transform:translateY(4px)rotate(45deg)}.sitenav.open .sitenav-burger span:last-child{transform:translateY(-4px)rotate(-45deg)}.sitenav-sheet{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c12f0;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:4px;margin-top:8px;padding:14px;animation:.25s both sheetIn;display:flex}.sitenav-sheet[hidden]{display:none}.sitenav-sheet a:not(.pill){color:var(--text);font:600 20px var(--body);border-radius:14px;padding:14px 12px;text-decoration:none;animation:.35s both rise}.sitenav-sheet a:not(.pill):hover{background:#ffffff0d}.sitenav-sheet .pill{min-height:50px;margin-top:8px}@keyframes navDrop{0%{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.hero{min-height:100svh}.hero-film{z-index:-2;background:#05050a url(/video/hero-poster.jpg) 50%/cover no-repeat;position:absolute;inset:0}.hero-film video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.hero-film video.on{opacity:1}.hero .hero-shade{background:radial-gradient(48% 46% at 50% 52%,#08080dd1,#08080d61 72%,#08080d1f),linear-gradient(#08080d8c 0%,#08080d00 22% 66%,#0a0a0c 100%)}.hero-body{padding-top:120px}.rise{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}.shine{background:linear-gradient(100deg,#fff 20%,#8ff1ff 38%,#2b7fff 50%,#8ff1ff 62%,#fff 80%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shine}@keyframes shine{0%,to{background-position:100% 0}50%{background-position:0 0}}.scroll-cue{border:2px solid #ffffff59;border-radius:14px;justify-content:center;width:28px;height:44px;margin-left:-14px;display:flex;position:absolute;bottom:28px;left:50%}.scroll-cue span{background:#fff;border-radius:2px;width:4px;height:8px;margin-top:8px;animation:1.8s ease-in-out infinite cue}@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.marquee{padding:36px 0 8px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:14px;width:max-content;animation:60s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.mq-card{background:#16161e;border:1px solid #ffffff14;border-radius:18px;flex:none;width:180px;height:220px;margin:0;position:relative;overflow:hidden}.mq-card img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .5s;display:block}.mq-card:hover img{transform:scale(1.06)}.mq-card figcaption{background:linear-gradient(#0000,#08080deb);flex-direction:column;gap:2px;padding:30px 12px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.mq-card b{font:600 14px var(--body)}.mq-card span{font:500 11px var(--mono-font);color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.section{flex-direction:column;gap:40px;padding-top:clamp(80px,11vw,140px);display:flex}.sec-head{flex-direction:column;gap:16px;max-width:760px;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.step-card{background:#121219;border:1px solid #ffffff12;border-radius:22px;flex-direction:column;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.step-card:hover{border-color:#7fb2ff66;transform:translateY(-4px)}.step-media{aspect-ratio:16/9;background:#08080d;position:relative}.step-media video{object-fit:cover;width:100%;height:100%;display:block}.step-n{font:600 12px var(--mono-font);color:#8ff1ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080dbf;border:1px solid #ffffff24;border-radius:999px;padding:6px 10px;position:absolute;top:14px;left:14px}.step-text{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.step-text h3,.feat h3{font:600 19px/1.25 var(--body);margin:0}.step-text p,.feat p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.demo{flex-direction:column;align-items:center;gap:16px;display:flex}.demo-tabs{background:#121219;border:1px solid #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:center;padding:4px;display:inline-flex}.demo-tabs button{min-height:42px;color:var(--text-3);font:500 14px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 18px;transition:background .2s,color .2s}.demo-tabs button[aria-selected=true]{background:var(--text);color:#0b0b10}.demo-tabs button:focus-visible,.faq summary:focus-visible,.sitenav-burger:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.demo-frame{background:#0e0e14;border:1px solid #ffffff1a;border-radius:22px;width:100%;overflow:hidden;box-shadow:0 50px 120px #0009,0 0 0 1px #2b7fff1f,0 0 80px #2b7fff1f}.demo-chrome{border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;padding:12px 16px;display:flex}.demo-chrome i{background:#2b2b38;border-radius:6px;width:11px;height:11px}.demo-chrome span{font:500 12px var(--mono-font);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:8px;margin-left:12px;padding:5px 12px;overflow:hidden}.demo-video{aspect-ratio:16/9;object-fit:contain;background:#0b0b10;width:100%;animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-cap{color:var(--muted);text-align:center;margin:0;font-size:14px}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.feat{background:linear-gradient(#ffffff08,#ffffff03),#121219;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;gap:10px;padding:26px;transition:border-color .3s;display:flex}.feat:hover{border-color:#7fb2ff59}.feat-icon{color:#8ff1ff;background:#2b7fff1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;display:inline-flex}.feat-icon svg.i{width:20px;height:20px}.earn{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.earn-copy{flex-direction:column;flex:380px;gap:18px;display:flex}.earn-points{flex-direction:column;gap:12px;margin:4px 0 6px;padding:0;list-style:none;display:flex}.earn-points li{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:3px;padding:14px 18px;display:flex}.earn-points b{font-size:16px;font-weight:600}.earn-points span{color:var(--muted);font-size:15px;line-height:1.5}.earn-media{border:1px solid #ffffff1a;border-radius:22px;flex:1.3 480px;overflow:hidden;box-shadow:0 40px 100px #00000080}.earn-media video{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.earn-games{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px;display:grid}.faq-list{flex-direction:column;gap:10px;width:100%;max-width:820px;margin:0 auto;display:flex}.faq details{background:#121219;border:1px solid #ffffff12;border-radius:16px}.faq summary{cursor:pointer;font:600 17px var(--body);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--muted);transition:transform .25s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0;padding:0 22px 22px;font-size:15px;line-height:1.65}.cta-film{text-align:center;isolation:isolate;border:1px solid #ffffff14;border-radius:28px;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.cta-film .cta-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.cta-film:before{content:"";z-index:-1;background:radial-gradient(60% 70%,#08080dc7,#08080d73);position:absolute;inset:0}.cta-inner{flex-direction:column;align-items:center;gap:18px;max-width:720px;padding:48px 24px;display:flex}.foot-big{border-top:1px solid #ffffff12;margin-top:40px}.foot-cols{flex-wrap:wrap;gap:40px 64px;max-width:1240px;margin:0 auto;padding:56px clamp(16px,4vw,48px) 32px;display:flex}.foot-cols nav{flex-direction:column;gap:10px;font-size:14px;display:flex}.foot-cols nav b{font:500 12px var(--mono-font);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}.foot-cols nav a{color:var(--text-3);text-decoration:none}.foot-cols nav a:hover{color:#fff}.mobile-cta{display:none}@media (max-width:860px){.sitenav-links,.sitenav-actions .pill{display:none}.sitenav-burger{display:inline-flex}.mobile-cta{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c12d9;border:1px solid #ffffff1a;border-radius:999px;gap:8px;padding:8px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.mobile-cta .pill{flex:1;min-height:46px}.foot-big{padding-bottom:80px}.scroll-cue{display:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.marquee-track{animation:none}}.section,#pricing,#faq{scroll-margin-top:96px}html{background:#0a0a0c}body,.home{background:0 0}.grid-bg{--cell-w:240px;--cell-h:164px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 12px 12px,#52525b 0 3.5px,#17171c 4px 11px,#0000 11.5px),linear-gradient(#0000 11.5px,#2b2b33 11.5px 12.5px,#0000 12.5px),linear-gradient(90deg,#0000 11.5px,#2b2b33 11.5px 12.5px,#0000 12.5px);background-size:var(--cell-w) var(--cell-h);position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(80% 75% at 50% 35%,#000 25%,#0000 95%);mask-image:radial-gradient(80% 75% at 50% 35%,#000 25%,#0000 95%)}.grid-beam{will-change:transform;position:absolute;top:0;left:0}.grid-beam.h{width:180px;height:1px;top:calc(var(--row) * var(--cell-h) + 11.5px);background:linear-gradient(to right, transparent, var(--beam), transparent);animation:beam-x var(--dur) linear var(--delay) infinite}.grid-beam.v{width:1px;height:140px;left:calc(var(--col) * var(--cell-w) + 11.5px);background:linear-gradient(to bottom, transparent, var(--beam), transparent);animation:beam-y var(--dur) linear var(--delay) infinite}@keyframes beam-x{0%{transform:translate(-200px)}to{transform:translate(100vw)}}@keyframes beam-y{0%{transform:translateY(-160px)}to{transform:translateY(100vh)}}@media (prefers-reduced-motion:reduce){.grid-beam{display:none}}.baked{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 12% 72%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 12% 72%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.baked-soft{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.trailer{border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 50px 120px #0009}.trailer-video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.trailer-cap{pointer-events:none;background:linear-gradient(#0000,#050509eb);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:60px 24px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.trailer-cap b{font:800 22px var(--display);font-stretch:110%}.trailer-cap span:not(.st){color:var(--text-3);font-size:14px}.trailer-cap .pill{pointer-events:auto;margin-left:auto}.sound-video{position:relative}.sound-btn{z-index:2;color:#fff;min-height:40px;font:500 13px var(--body);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080db3;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute;top:14px;right:14px}.sound-btn:hover{background:#08080de6}.sound-btn:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.lmg-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.lmg-card{color:var(--text);background:#121219;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;height:100%;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}a.lmg-card:hover{color:#fff;border-color:#7fb2ff73;transform:translateY(-4px)}a.lmg-card:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.lmg-media{aspect-ratio:16/9;background:#000;position:relative}.lmg-media video{object-fit:cover;width:100%;height:100%;display:block}.lmg-text{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.lmg-text h3{font:600 17px/1.3 var(--body);margin:0}.lmg-text span{color:var(--muted);font-size:13px}.lmg-text .lmg-play{color:#8ff1ff;align-items:center;gap:6px;margin-top:6px;font-weight:500;display:inline-flex}.lmg-card.soon{opacity:.85}.pipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pipe-card{background:#121219;border:1px solid #ffffff12;border-radius:16px;transition:border-color .25s;overflow:hidden}.pipe-card:hover{border-color:#7fb2ff66}.pipe-card video{aspect-ratio:8/5;object-fit:cover;background:#000;width:100%;display:block}.pipe-text{font:600 15px var(--body);align-items:baseline;gap:10px;padding:12px 14px 14px;display:flex}.pipe-text span{font:500 12px var(--mono-font);color:#7fb2ff}.tile{color:var(--text);flex-direction:column;text-decoration:none;display:flex;position:relative}.tile-media{aspect-ratio:8/5;position:relative;overflow:hidden}.tile-media.wide{aspect-ratio:16/9}.tile-zoom{transition:transform .7s ease-out;position:absolute;inset:0}.tile:hover .tile-zoom{transform:scale(1.03)}.tile-zoom video{object-fit:cover;width:100%;height:100%;display:block}.tile-vignette{pointer-events:none;background:radial-gradient(70% 75% at 50% 42%,#0000 45%,#0a0a0cbf 100%),linear-gradient(#0000 50%,#0a0a0c99 75%,#0a0a0c 100%);position:absolute;inset:0}.tile-text{flex-direction:column;gap:6px;margin-top:-56px;padding:0 12%;display:flex;position:relative}.tile-text h3{font:700 21px/1.2 var(--body);text-shadow:0 2px 12px #000000e6;margin:0}.tile-text p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.tile-n{font:800 13px var(--body);color:#8ff1ff;font-variant-numeric:tabular-nums}.tile-link:hover h3{color:#fff}.tile-link:focus-visible{outline-offset:4px;border-radius:12px;outline:2px solid #7fb2ff}.pipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))!important;gap:40px!important}.steps-grid,.lmg-grid{gap:36px 28px}.demo-frame{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.trailer,.earn-media{box-shadow:none!important;border:0!important;border-radius:0!important}@media (max-width:640px){.tile-text{margin-top:-44px;padding:0 4px}}.trailer .sound-video{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.trailer .trailer-cap{pointer-events:auto;background:0 0;margin-top:-48px;padding:0 8%;position:relative}.sound-btn{top:12%;right:9%}.trailer-video{background:0 0}.hero-badge{color:#e6e6ee;min-height:40px;font:500 14px var(--body);-webkit-backdrop-filter:blur(14px);isolation:isolate;background:#0a0a0e8c;border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;text-decoration:none;display:inline-flex;position:relative}.hero-badge:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ang,0deg), #ffffff14, #2b7fff, #8ff1ff, #ffffff14 40%, #ffffff14);-webkit-mask-composite:xor;z-index:-1;padding:1px;animation:4s linear infinite spinBorder;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spinBorder{to{--ang:360deg}}.hero-badge:hover{color:#fff;background:#14141cb3}.hero-badge-tag{color:#04121f;height:30px;font:700 12px var(--body);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#2b7fff,#2ee6ff);border-radius:999px;align-items:center;padding:0 11px;display:inline-flex}.hero-badge svg.i{width:15px;height:15px;transition:transform .2s}.hero-badge:hover svg.i{transform:translate(3px)}.ideas{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:760px;display:flex}.ideas .try{font:500 12px var(--mono-font);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-right:4px}.sug{color:#c8c8d6;min-height:34px;font:400 13px/1 var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff09;border:1px solid #ffffff14;padding:0 14px;transition:background .2s,color .2s,border-color .2s,transform .2s}.sug:hover{color:#fff;background:#2b7fff24;border-color:#7fb2ff73;transform:translateY(-1px)}.wall{flex-direction:column;gap:16px;padding:28px 0 8px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.wall-row{gap:16px;width:max-content;animation:70s linear infinite wallLeft;display:flex}.wall-row.rev{animation:80s linear infinite wallRight}@keyframes wallLeft{to{transform:translate(-50%)}}@keyframes wallRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.wall-card{aspect-ratio:16/9;background:#111116;border:1px solid #ffffff14;border-radius:18px;flex:none;width:clamp(240px,26vw,380px);margin:0;transition:transform .35s,border-color .35s;position:relative;overflow:hidden}.wall-card:hover{z-index:1;border-color:#7fb2ff80;transform:scale(1.04)}.wall-card video{object-fit:cover;width:100%;height:100%;display:block}.wall-card figcaption{font:600 13px var(--body);color:#fff;opacity:0;background:linear-gradient(#0000,#050509d9);padding:26px 14px 10px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.wall-card:hover figcaption{opacity:1}@media (prefers-reduced-motion:reduce){.wall-row{animation:none}}.process{text-align:center;flex-direction:column;align-items:center;gap:22px;padding-top:clamp(64px,9vw,110px);display:flex}.process .eyebrow{color:#8ff1ff}.process .sound-video{-webkit-mask-composite:source-in;width:min(100%,1160px);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%),linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.process-video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.process .sound-btn{min-height:46px;padding:0 18px;font-size:15px;inset:auto auto 12% 9%}.process .reveal{justify-content:center;width:100%;display:flex}.sitenav-bar{-webkit-backdrop-filter:blur(22px)saturate(160%);background:#0a0a0fc7;border:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f}.sitenav.scrolled .sitenav-bar{background:#0a0a0fe6;border-color:#ffffff29}.sitenav-bar .brand{justify-self:start}.sitenav-links{justify-self:center;gap:4px;margin-left:0}.sitenav-links a{color:#ececf3;font-size:15px;font-weight:500}.sitenav-links a:hover{color:#fff;background:#ffffff14}.sitenav-actions{justify-self:end;margin-left:0}@media (max-width:860px){.sitenav-bar{grid-template-columns:1fr auto}}.sitenav-bar{padding-left:14px;padding-right:14px}.sitenav-bar,.sitenav.scrolled .sitenav-bar{-webkit-backdrop-filter:none;background:#0e0e14;border-color:#2a2a36;box-shadow:0 12px 40px #0000008c}.sitenav-sheet{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0e14}.wall{-webkit-mask-composite:source-in;gap:6px;padding:36px 0 24px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wall-row{gap:0}.wall-card{-webkit-mask-composite:source-in;background:0 0;border:0;border-radius:0;width:clamp(280px,30vw,460px);margin:0 -14px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 14% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 84%,#0000 100%),linear-gradient(#0000 0%,#000 14% 80%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.wall-card:hover{border-color:#0000;transform:none}.wall-card video{opacity:.85;transition:opacity .3s}.wall-card:hover video{opacity:1}.wall-card figcaption{text-align:center;text-shadow:0 2px 10px #000000e6;background:0 0;padding:0 0 18%}.yours-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.yours-head .pill svg.i{width:15px;height:15px}.yours-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:32px 28px;display:grid}.yours-card .tile-media img{object-fit:cover;width:100%;height:100%;display:block}.yours-status{height:26px;font:600 12px var(--body);color:#ffc870;background:#08080dbf;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute;top:14%;left:10%}.yours-status.ready{color:#8ff1ff}.yours-faces{margin-bottom:2px;display:flex}.yours-faces img{object-fit:cover;border:2px solid #0a0a0c;border-radius:15px;width:30px;height:30px;margin-left:-8px}.yours-faces img:first-child{margin-left:0}.yours-meta{color:var(--muted);font-size:13px}.yours-new{aspect-ratio:16/10;color:var(--text);text-align:center;border:1.5px dashed #7fb2ff59;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.yours-new:hover{color:#fff;background:#2b7fff0f;border-color:#7fb2ff}.yours-new:focus-visible{outline-offset:3px;outline:2px solid #7fb2ff}.yours-new b{font:700 18px var(--body)}.yours-new span:last-child{color:var(--muted);font-size:14px}.yours-plus{color:#04121f;background:linear-gradient(135deg,#2b7fff,#2ee6ff);border-radius:26px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.yours-plus svg.i{stroke-width:2.4px;width:24px;height:24px}.hero-body h1{text-wrap:balance;max-width:920px;font-size:clamp(44px,6.2vw,84px)}.wall:hover .wall-row{animation-play-state:running}.gameframe{aspect-ratio:16/9;border:1px solid var(--line-2);background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.gameframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.gameframe-start{color:#fff;font:700 22px var(--body);cursor:pointer;background:#05050973;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.gameframe-start small{font:500 13px var(--body);color:var(--text-3)}.gameframe-start:hover{background:#0505094d}.gameframe-error{color:#ffc0c6;background:#280a0eeb;border:1px solid #ff5c6c80;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.gameframe-error span{flex:260px}.embed{flex-direction:column;gap:10px;display:flex}.embed-frame{border-radius:20px;box-shadow:0 30px 80px -30px #000c,0 0 0 1px #ffffff0a}.embed-frame:fullscreen{aspect-ratio:auto;border-radius:0}.embed-start{background-position:50%;background-size:cover;gap:10px;transition:filter .2s}.embed-start:hover{filter:brightness(1.12)}.embed-start:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.embed-play{color:#0b0b10;background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .2s;display:grid;box-shadow:0 10px 40px #00000080}.embed-start:hover .embed-play{transform:scale(1.06)}.embed-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.share{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.share-h{font:600 15px/1.2 var(--body);color:var(--text)}.share-link{flex-wrap:wrap;gap:8px;display:flex}.share-link input{min-width:0;min-height:44px;color:var(--text-2);font:500 14px var(--mono-font);background:#00000059;border:1px solid #ffffff1f;border-radius:999px;flex:200px;padding:0 14px}.share-row{flex-wrap:wrap;gap:8px;display:flex}.share-btn{min-height:44px;color:var(--text-2);font:500 14px/1 var(--body);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.share-btn:focus-visible,.share-link input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.chatbox{background:#16161e;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:8px;margin:0 14px 14px;padding:12px 12px 10px 16px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.chatbox:focus-within{border-color:#2ee6ffd9;box-shadow:0 0 0 1px #2ee6ff80,0 0 18px #2ee6ff66,0 0 48px #2ee6ff2e,0 0 90px #aa5aff24}.chatbox .icon-btn{border-radius:17px;width:34px;height:34px}.composer{position:relative}.composer.is-drag,.chatbox.is-drag{border-style:dashed;border-color:#ff5cdce6;box-shadow:0 0 0 1px #ff5cdc80,0 0 28px #ff5cdc66,0 0 80px #ff5cdc2e}.drop-hint{z-index:2;border-radius:inherit;color:#ffd6f6;font:600 16px var(--body);pointer-events:none;background:#0c0a16d1;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.drop-hint svg.i{width:22px;height:22px}.attach-tray{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.attach-chip{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:8px;max-width:220px;padding:4px;display:flex}.attach-chip img,.attach-chip video{object-fit:cover;background:#000;border-radius:10px;flex:none;width:44px;height:44px}.attach-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.attach-chip button{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:none;justify-content:center;align-items:center;display:inline-flex}.attach-chip button:hover{color:#fff;background:#ffffff1a}.attach-error{color:#ffb4bd;margin:0;font-size:14px}.msg-files{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.msg-files a{border:1px solid #ffffff1f;border-radius:12px;display:block;overflow:hidden}.msg-files img,.msg-files video{object-fit:cover;background:#000;width:120px;height:90px;display:block}@media (prefers-reduced-motion:reduce){.composer,.chatbox{transition:none}}.gpt-pick{max-width:190px;min-height:32px;color:var(--cyan);font:500 12px var(--body);cursor:pointer;text-overflow:ellipsis;background:#0e2328;border:1px solid #2ee6ff59;border-radius:999px;padding:0 10px}.gpt-pick:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.gpt-card{text-align:left;background:radial-gradient(120% 80% at 0% 0%, #2ee6ff12, transparent 60%), var(--card,#121219);border-color:#2ee6ff38;flex-direction:column;gap:18px;width:100%;max-width:720px;padding:28px;display:flex}.gpt-badge{background:var(--text);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.gpt-steps{counter-reset:s;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.gpt-steps li{counter-increment:s;color:var(--text-2);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px 16px 52px;font-size:14px;line-height:1.55;display:flex;position:relative}.gpt-steps li:before{content:counter(s);width:24px;height:24px;color:var(--cyan);font:600 13px/24px var(--mono-font);text-align:center;background:#2ee6ff24;border-radius:12px;position:absolute;top:16px;left:16px}.gpt-steps .pill{align-self:flex-start}.gpt-paste{flex-wrap:wrap;gap:8px;display:flex}.gpt-paste input{min-width:0;min-height:44px;color:var(--text);font:500 14px var(--mono-font);background:#00000059;border:1px solid #ffffff24;border-radius:999px;flex:260px;padding:0 14px}.gpt-paste input:focus-visible{border-color:#2ee6ffd9;outline:none;box-shadow:0 0 0 1px #2ee6ff80,0 0 18px #2ee6ff59}.gpt-settings{flex-direction:column;gap:16px;display:flex}.gpt-field{flex-direction:column;gap:8px;font-size:14px;display:flex}.gpt-field>label{font-weight:600}.gpt-pick.lg{max-width:360px;min-height:44px;font-size:14px}.gpt-help{color:var(--muted);font-size:13px;line-height:1.5;display:block}.gpt-toggle{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.gpt-toggle input{width:20px;height:20px;accent-color:var(--cyan);flex:none;margin-top:2px}.gpt-toggle>span{flex-direction:column;gap:4px;display:flex}.gpt-note{margin:0;font-size:14px}.gpt-note.ok{color:var(--cyan)}.gpt-note.err{color:#ffb4bd}.gpt-note.warn{color:#ffd38a}.tabular{font-variant-numeric:tabular-nums}.agent-now{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff05,#0000);align-items:center;gap:12px;padding:14px 18px;display:flex}.agent-orb{background:#3a3a4a;border-radius:50%;flex:none;width:14px;height:14px;position:relative}.agent-now.live .agent-orb{background:radial-gradient(circle at 35% 35%, #bff8ff, var(--cyan) 45%, #7b5cff 100%);animation:1.6s ease-in-out infinite orb-pulse;box-shadow:0 0 14px #2ee6ffbf,0 0 34px #7b5cff73}.agent-now.live .agent-orb:after{content:"";border:2px solid #2ee6ffe6;border-color:#2ee6ffe6 #7b5cff99 #0000 #0000;border-radius:50%;animation:1.1s linear infinite spin;position:absolute;inset:-6px}.agent-now-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.agent-now-label{font:600 11px/1 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.agent-now.live .agent-now-label{color:var(--cyan)}.agent-now-task{color:var(--text);font-size:14px}.agent-now-time{font:500 13px var(--mono-font);color:var(--text-3);background:#ffffff0d;border-radius:8px;padding:4px 8px}@keyframes orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.agent-msg{flex-direction:column;gap:12px;display:flex}.agent-text{color:var(--text-2);flex-direction:column;gap:8px;font-size:14px;line-height:1.65;display:flex}.agent-text p{margin:0}.agent-text ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.agent-text strong{color:var(--text);font-weight:600}.user-msg{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:88%;display:flex}.user-bubble{white-space:pre-wrap;background:linear-gradient(135deg,#23233a,#1c1c2b);border:1px solid #ffffff0f;border-radius:18px 18px 6px;padding:10px 14px;font-size:14px;line-height:1.5}.feed-empty{color:var(--muted);border:1px dashed #ffffff24;border-radius:16px;flex-direction:column;gap:6px;padding:18px;font-size:14px;line-height:1.55;display:flex}.feed-empty b{color:var(--text);font-size:15px}.feed-empty.center{text-align:center;align-items:center;padding:48px 24px}.feed-error{color:#ffc0c6;background:#ff5c6c14;border:1px solid #ff5c6c4d;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.thinking{font:500 12px var(--mono-font);color:var(--text-3);align-items:center;gap:4px;display:inline-flex}.thinking span{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){margin-right:6px;animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{gap:12px;padding:0 0 14px;animation:.32s ease-out both step-in;display:flex;position:relative}.step:not(:last-child):before{content:"";background:linear-gradient(#2ee6ff59,#ffffff0f);border-radius:1px;width:2px;position:absolute;top:30px;bottom:2px;left:13px}.step-icon{width:28px;height:28px;color:var(--text-3);background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.step-icon svg.i{width:15px;height:15px}.step.is-done .step-icon{color:var(--cyan);background:#2ee6ff14;border-color:#2ee6ff40}.step.is-run .step-icon{color:#fff;background:linear-gradient(135deg,#2ee6ff59,#7b5cff59);border-color:#2ee6ff99;animation:1.6s ease-in-out infinite icon-glow;box-shadow:0 0 16px #2ee6ff59}.step.is-err .step-icon{color:#ff8b97;background:#ff5c6c1a;border-color:#ff5c6c59}.step-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding-top:4px;display:flex}.step-head{align-items:baseline;gap:10px;display:flex}.step-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.step.is-done .step-title{color:var(--text-2)}.step-meta{color:var(--dim);white-space:nowrap;font-size:12px}.step.is-run .step-meta{color:var(--cyan)}.step-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.step-error{color:#ffb4bd;font-size:13px}.step-bar{background:#ffffff0f;border-radius:2px;height:3px;position:relative;overflow:hidden}.step-bar:before{content:"";width:var(--p,0%);background:linear-gradient(90deg, var(--accent), var(--cyan));transition:width .4s;position:absolute;inset:0}.step-bar:after{content:"";background:linear-gradient(90deg,#0000,#2ee6ffd9,#0000);width:40%;animation:1.3s ease-in-out infinite bar-sweep;position:absolute;top:0;bottom:0}.step-audio{width:100%;height:34px}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes icon-glow{0%,to{box-shadow:0 0 10px #2ee6ff40}50%{box-shadow:0 0 22px #2ee6ff8c}}@keyframes bar-sweep{0%{left:-40%}to{left:100%}}.ref-strip{gap:6px;display:flex;overflow:hidden}.ref-strip img{object-fit:cover;border:1px solid #ffffff14;border-radius:8px;flex:none;width:44px;height:44px;animation:.35s ease-out both pop-in}.ref-strip img:nth-child(2){animation-delay:50ms}.ref-strip img:nth-child(3){animation-delay:.1s}.ref-strip img:nth-child(4){animation-delay:.15s}.ref-strip img:nth-child(5){animation-delay:.2s}.ref-strip img:nth-child(6){animation-delay:.25s}.code-card{color:#9fe9f5;background:#0a0d14;border:1px solid #2ee6ff26;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;font-size:12px;display:flex}.code-card.live{padding:12px}.code-line{background:linear-gradient(90deg,#2ee6ff2e,#7b5cff38,#2ee6ff2e) 0 0/200% 100%;border-radius:4px;height:7px;animation:1.4s linear infinite shimmer;display:block}.code-line:nth-child(2){animation-delay:.2s}.code-line:nth-child(3){animation-delay:.4s}.code-line:nth-child(4){animation-delay:.6s}.art-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.art-tile{background:#12121a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;margin:0;animation:.35s ease-out both pop-in;display:flex;overflow:hidden}.art-tile.pending{border-color:#2ee6ff59;box-shadow:0 0 18px #2ee6ff1f}.art-tile.failed{border-color:#ff5c6c66}.art-tile-media{aspect-ratio:16/10;background:#0d0d14;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.art-tile.tall .art-tile-media{aspect-ratio:3/4}.art-tile.big .art-tile-media{aspect-ratio:auto;height:150px}.art-tile-media a{display:contents}.art-tile-media img,.art-tile-media video{object-fit:cover;width:100%;height:100%;animation:.6s ease-out both reveal}.art-tile.tall .art-tile-media.checker img{object-fit:contain}.art-tile figcaption{color:var(--muted);justify-content:space-between;gap:6px;padding:6px 8px;font-size:11px;display:flex}.art-tile figcaption .ell{color:var(--text-2);min-width:0}.art-scan{background:linear-gradient(115deg,#2b7fff0f 20%,#2ee6ff38 45%,#7b5cff2e 55%,#2b7fff0f 80%) 0 0/250% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.art-scan:after{content:"";background:#2ee6ffe6;height:2px;animation:1.8s ease-in-out infinite scan;position:absolute;left:0;right:0;box-shadow:0 0 12px #2ee6ffe6}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes scan{0%{top:8%}50%{top:88%}to{top:8%}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes reveal{0%{opacity:0;filter:blur(8px);transform:scale(1.04)}to{opacity:1;filter:none;transform:none}}.next-steps{flex-wrap:wrap;align-items:center;gap:6px;padding:0 16px 10px;display:flex}.next-steps>span{font:600 11px/1 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-right:2px}.next-chip{color:#bdf6ff;min-height:32px;font:500 13px var(--body);cursor:pointer;background:#2ee6ff0f;border:1px solid #2ee6ff4d;border-radius:999px;padding:0 12px;transition:background .15s,border-color .15s,transform .15s}.next-chip:hover:not(:disabled){background:#2ee6ff24;border-color:#2ee6ff99}.next-chip:active:not(:disabled){transform:scale(.97)}.next-chip:disabled{opacity:.45;cursor:default}.next-chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.connect-callout{color:var(--text);background:linear-gradient(135deg,#2ee6ff1f,#7b5cff1f);border:1px solid #2ee6ff59;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.connect-callout:hover{color:var(--text);border-color:#2ee6ffb3}.connect-callout>span:nth-child(2){color:var(--text-3);flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.connect-callout b{color:var(--text);font-size:14px}.connect-go{font:600 13px var(--body);color:var(--cyan);white-space:nowrap}@media (prefers-reduced-motion:reduce){.agent-now.live .agent-orb,.agent-now.live .agent-orb:after,.step,.step.is-run .step-icon,.step-bar:after,.code-line,.art-tile,.art-tile-media img,.art-tile-media video,.art-scan,.art-scan:after,.ref-strip img,.thinking span{animation:none!important}}.gpt-auto{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.gpt-auto .pill.lg{min-height:48px;padding:0 22px;font-size:15px}.gpt-fallback{width:100%;color:var(--muted);font-size:13px}.gpt-fallback summary{cursor:pointer;color:var(--text-3)}.gpt-fallback[open]{flex-direction:column;gap:8px;display:flex}.study-shots{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.study-shots a{aspect-ratio:16/9;border:1px solid #ffffff14;border-radius:10px;display:block;overflow:hidden}.study-shots img{object-fit:cover;width:100%;height:100%;animation:.6s ease-out both reveal;display:block}.study-style{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.study-style .swatch{border:1px solid #ffffff26;border-radius:6px;width:22px;height:22px;animation:.3s ease-out both pop-in}.study-fonts{color:var(--muted);margin-left:4px;font-size:12px}.model-menu{position:relative}.model-btn{max-width:260px;min-height:40px;color:var(--text-2);font:500 13.5px var(--body);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:0 14px;text-decoration:none;transition:border-color .18s,background .18s;display:inline-flex}.model-btn:hover{background:#2ee6ff12;border-color:#2ee6ff73}.model-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.model-btn.on-plan{color:var(--text)}.model-btn .i{flex:none;width:14px;height:14px}.model-btn .chev{opacity:.6;transition:transform .18s;display:inline-flex}.model-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.model-btn-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-btn .dim{color:var(--muted)}.model-pop{z-index:40;text-align:left;background:#1c1c24;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;gap:14px;width:min(340px,100vw - 32px);padding:16px 18px 14px;animation:.18s ease-out model-pop;display:flex;position:absolute;bottom:calc(100% + 10px);box-shadow:0 24px 60px #0000008c}.model-pop.right{right:0}.model-pop.left{left:0}.model-pop.below{top:calc(100% + 10px);bottom:auto}@keyframes model-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.model-pop{animation:none}}.eff-head{grid-template-columns:36px 1fr 36px;align-items:start;gap:6px;display:grid}.eff-icon{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.eff-icon .i{width:20px;height:20px}button.eff-icon{cursor:pointer;transition:background .18s,color .18s}button.eff-icon:hover:not(:disabled){color:var(--text);background:#ffffff12}button.eff-icon:disabled{opacity:.35;cursor:default}button.eff-icon:focus-visible,.eff-model:focus-visible,.eff-models button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.eff-mid{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.eff-title{font:600 22px/1.25 var(--body);color:var(--cyan)}.eff-title.plain{color:var(--text);text-align:center;align-self:center;font-size:16px}.eff-model{max-width:100%;min-height:28px;color:var(--text-2);font:500 15px var(--body);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;padding:0 6px;display:inline-flex}.eff-model .i{opacity:.7;width:16px;height:16px}.eff-model:hover{color:var(--text)}.eff-model.static{cursor:default;color:var(--muted);font-size:13px}.eff-model.warn{color:#ffd38a}.eff-slider{height:48px;margin:2px 4px 0;position:relative}.eff-track{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:4px -4px;overflow:hidden}.eff-fill{width:calc(52px + (100% - 56px) * var(--f));background:var(--cyan);border-radius:999px;transition:width .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.eff-dots{pointer-events:none;position:absolute;inset:0}.eff-dot{top:50%;left:calc(24px + (100% - 48px) * var(--i));background:#ffffff59;border-radius:3px;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.eff-dot.on{background:#fff9}.eff-slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.eff-slider input::-webkit-slider-runnable-track{background:0 0;height:48px}.eff-slider input::-moz-range-track{background:0 0;height:48px}.eff-slider input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:48px;height:48px;transition:transform .15s;box-shadow:0 4px 14px #00000073}.eff-slider input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 14px #00000073}.eff-slider input:active::-webkit-slider-thumb{transform:scale(1.06)}.eff-slider input:focus-visible{outline:none}.eff-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--cyan), 0 4px 14px #00000073}.eff-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--cyan), 0 4px 14px #00000073}@media (prefers-reduced-motion:reduce){.eff-fill{transition:none}}.eff-help{text-align:center;color:var(--muted);margin:-2px 0 0;font-size:13px;line-height:1.45}.eff-models{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.eff-models button{min-height:44px;color:var(--text-2);font:500 14.5px var(--body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}.eff-models button:hover{color:var(--text);background:#ffffff0f}.eff-models button.sel{color:var(--text);background:#2ee6ff1a}.eff-models .i{width:18px;height:18px;color:var(--cyan)}.eff-switch{cursor:pointer;background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.eff-switch>span{flex-direction:column;gap:2px;min-width:0;display:flex}.eff-switch b{color:var(--text);font-size:14px;font-weight:600}.eff-switch small{color:var(--muted);font-size:12.5px;line-height:1.4}.eff-switch input{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:12px;flex:none;width:42px;height:24px;margin:0;transition:background .18s;position:relative}.eff-switch input:after{content:"";background:#fff;border-radius:9px;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px}.eff-switch input:checked{background:var(--cyan)}.eff-switch input:checked:after{transform:translate(18px)}.eff-switch input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.model-foot{border-top:1px solid #ffffff12;justify-content:space-between;gap:12px;padding-top:12px;font-size:12.5px;display:flex}.linkish{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.send.voice{background:var(--text);color:#0b0b10}.send.voice:hover{box-shadow:0 0 0 4px #ffffff1f}.send.voice .i{width:18px;height:18px}.send.voice.lg .i{width:20px;height:20px}.icon-btn.sm{border-radius:15px;width:30px;height:30px}.icon-btn.ok{background:var(--text);color:#0b0b10;border-color:#0000}.icon-btn.on{color:#ff9aa5;background:#ff5c6c29;border-color:#ff5c6c80}.dictate-live{color:var(--text-2);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:3px;font-size:13px;display:inline-flex}.dictate-live .mono{min-width:34px}.dictate-wave{align-items:center;gap:3px;height:18px;display:inline-flex}.dictate-wave i{background:var(--cyan);transform-origin:50%;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite dictate}.dictate-wave i:nth-child(2){animation-delay:-.8s}.dictate-wave i:nth-child(3){animation-delay:-.6s}.dictate-wave i:nth-child(4){animation-delay:-.4s}.dictate-wave i:nth-child(5){animation-delay:-.2s}@keyframes dictate{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.voice-dock{background:linear-gradient(#2ee6ff1a,#12121af5 70%);border:1px solid #2ee6ff59;border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;gap:8px;margin:0 12px;padding:10px 12px 12px;animation:.22s ease-out dock-in;display:flex;box-shadow:0 -10px 40px #2ee6ff1f}.voice-dock.speaking{border-color:#7b5cff8c;box-shadow:0 -10px 40px #7b5cff2e}.voice-dock.muted{box-shadow:none;border-color:#ff5c6c73}@keyframes dock-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chatbox.docked{border-color:#2ee6ff59;border-top-left-radius:0;border-top-right-radius:0}.voice-dock-top{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.voice-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:4px;flex:none;animation:1.4s ease-in-out infinite dot-pulse}.voice-dock.speaking .voice-dot{background:#a48bff;box-shadow:0 0 10px #7b5cff}.voice-dock.muted .voice-dot,.voice-dock.connecting .voice-dot{box-shadow:none;background:#ff5c6c;animation:none}@keyframes dot-pulse{50%{opacity:.35}}.voice-state{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.voice-state span{color:var(--text-2);font-weight:500}.voice-meta{color:var(--muted);flex:none;margin-left:auto;font-size:12px}.voice-dock-row{align-items:center;gap:10px;display:flex}.voice-wave{flex:1;min-width:0;height:40px;display:block}.voice-mute{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:20px;flex:none;justify-content:center;align-items:center;transition:background .18s,border-color .18s;display:inline-flex}.voice-mute:hover{background:#ffffff1f}.voice-mute.on{color:#fff;background:#ff5c6c;border-color:#ff5c6c}.voice-mute .i,.voice-end .i{width:18px;height:18px}.voice-mute:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.voice-end{color:#ff9aa5;min-height:40px;font:600 14px var(--body);cursor:pointer;background:#ff5c6c29;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px;transition:background .18s,color .18s;display:inline-flex}.voice-end:hover{color:#fff;background:#ff5c6c}.voice-end:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.voice-dock,.voice-dot{animation:none}}.voice-invite .btn{align-self:center;margin-top:6px}.credits-pill{min-height:36px;color:var(--text);background:#2ee6ff12;border:1px solid #2ee6ff4d;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:13px;display:inline-flex;position:relative}.credits-pill .i{width:17px;height:17px;color:var(--cyan)}.credits-pill b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.credits-unit{color:var(--muted)}.credits-pill.low{background:#ffd38a14;border-color:#ffd38a80}.credits-pill.low .i{color:#ffd38a}.credits-delta{color:#fff;font:700 11px var(--mono-font);pointer-events:none;background:#ff5c6c;border-radius:999px;padding:1px 7px;animation:2.4s ease-out forwards credit-float;position:absolute;top:-6px;right:8px}.credits-delta.up{color:#06181c;background:#3ddc97}@keyframes credit-float{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(-4px)}75%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.credits-delta{animation:none}}.approve-card{background:linear-gradient(#ffd38a14,#ffffff05);border:1px solid #ffd38a66;border-radius:16px;flex-direction:column;gap:10px;margin:6px 0 4px;padding:14px;animation:.22s ease-out dock-in;display:flex}.approve-head{align-items:baseline;gap:10px;display:flex}.approve-head>b{color:var(--text);font-size:15px}.approve-total{color:var(--text-2);margin-left:auto;font-size:13px}.approve-total b{color:#ffd38a;font-size:15px}.approve-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.approve-card li{background:#00000040;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.approve-icon{color:#ffd38a;background:#ffd38a1f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.approve-icon .i{width:14px;height:14px}.approve-title{min-width:0;color:var(--text);flex-direction:column;flex:1;font-size:13.5px;display:flex;overflow:hidden}.approve-title small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.approve-cost{font:600 12.5px var(--mono-font);color:#ffd38a;flex:none}.approve-mini{min-height:30px;color:var(--text-2);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;flex:none;padding:0 10px}.approve-mini.go{color:#ffd38a;background:#ffd38a29;border-color:#ffd38a73}.approve-mini:hover{background:#ffffff14}.approve-mini:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.approve-actions{justify-content:flex-end;gap:8px;display:flex}.approve-hint{color:var(--muted);font-size:12px}.step.is-skip .step-icon,.step.is-skip .step-title{color:var(--muted)}.agent-now.wait .agent-orb{background:#ffd38a;box-shadow:0 0 14px #ffd38a99}.agent-now.wait .agent-now-label{color:#ffd38a}.voice-dock.waiting{border-color:#ffd38a8c}.voice-dock.waiting .voice-dot{background:#ffd38a;box-shadow:0 0 10px #ffd38a}.auto-approve{min-height:34px;color:var(--muted);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 10px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.auto-approve .i{width:14px;height:14px}.auto-approve:hover{color:var(--text-2);border-color:#ffffff38}.auto-approve.on{color:#ffd38a;background:#ffd38a14;border-color:#ffd38a73}.auto-approve:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.aa-track{background:#ffffff2e;border-radius:8px;width:26px;height:15px;transition:background .18s;position:relative}.aa-track i{background:#fff;border-radius:6px;width:11px;height:11px;transition:transform .18s;position:absolute;top:2px;left:2px}.auto-approve.on .aa-track{background:#ffd38a}.auto-approve.on .aa-track i{background:#1b1406;transform:translate(11px)}@media (max-width:520px){.auto-approve span:not(.aa-track){display:none}}.history{background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex;position:relative}.hist-btn,.hist-open{min-height:32px;color:var(--text-2);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;transition:background .18s,color .18s;display:inline-flex}.hist-btn{width:32px}.hist-open{padding:0 10px}.hist-btn .i,.hist-open .i{width:16px;height:16px}.hist-btn:hover:not(:disabled),.hist-open:hover:not(:disabled){color:var(--text);background:#ffffff14}.hist-btn:disabled,.hist-open:disabled{opacity:.38;cursor:default}.hist-btn:focus-visible,.hist-open:focus-visible,.hist-item:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hist-error{color:#ffb4bd;padding:0 8px;font-size:12px}.hist-note{color:var(--cyan);font-size:12.5px;animation:.2s ease-out dock-in}.hist-pop{z-index:40;background:#1c1c24;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);padding:14px;animation:.18s ease-out model-pop;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 60px #0000008c}.hist-pop-head{justify-content:space-between;align-items:center;display:flex}.hist-pop-head b{font-size:15px}.hist-list{flex-direction:column;gap:4px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hist-item{width:100%;color:var(--text-2);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px;transition:background .18s;display:flex}.hist-item:hover:not(:disabled){background:#ffffff0f}.hist-item.current{cursor:default;background:#2ee6ff14;border-color:#2ee6ff73}.hist-item.ahead{opacity:.72}.hist-item img,.hist-thumb{object-fit:cover;width:40px;height:40px;font:600 12px var(--mono-font);color:var(--muted);background:#ffffff0f;border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hist-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hist-text b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.hist-text small{color:var(--muted);font-size:12px}.share-btn{min-height:36px;color:var(--text-2);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 12px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.share-btn .i{width:16px;height:16px}.share-btn:hover{color:var(--text);background:#ffffff0f}.share-btn.on{color:#ff9aa5;background:#ff5c6c1a;border-color:#ff5c6c80}.share-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.watch-shot{border:1px solid #ffffff1a;border-radius:10px;max-width:260px;margin-top:8px;display:block;overflow:hidden}.watch-shot img{width:100%;height:auto;display:block}.step-head .step-title{flex:0 auto;min-width:40%}.step-head .step-meta{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:55%;overflow:hidden}.idea-btn .i{width:19px;height:19px}.idea-btn .idea-spark{opacity:.55}.idea-btn:hover{color:#ffe08a;background:#ffe08a12;border-color:#ffe08a73}.idea-btn:hover .idea-spark{opacity:1}.idea-btn.thinking{color:#ffe08a;cursor:progress;background:#ffe08a1a;border-color:#ffe08a99;animation:1.1s ease-in-out infinite idea-glow;box-shadow:0 0 #ffe08a80}.idea-btn.thinking .idea-spark{opacity:1}@keyframes idea-glow{50%{box-shadow:0 0 18px 2px #ffe08a73}}@media (prefers-reduced-motion:reduce){.idea-btn.thinking{animation:none;box-shadow:0 0 14px #ffe08a66}}.composer textarea{field-sizing:content;min-height:3.2em;max-height:13em;overflow-y:auto}.paywall{width:min(1080px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:#101017;border:1px solid #ffffff1f;border-radius:24px;padding:0;overflow:auto;box-shadow:0 40px 120px #000000b3}.paywall::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04040ab8}.paywall[open]{animation:.22s ease-out pay-in}@keyframes pay-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.paywall[open]{animation:none}}.pay-inner{text-align:center;flex-direction:column;align-items:center;gap:28px;padding:clamp(20px,4vw,40px);display:flex;position:relative}.pay-close{width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:20px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.pay-close:hover{background:#ffffff1a}.pay-close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pay-head{flex-direction:column;align-items:center;gap:10px;max-width:640px;display:flex}.pay-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.pay-head p{color:var(--text-3);margin:0;font-size:15px;line-height:1.55}.pay-head p b{color:var(--text)}.pay-plans,.pay-packs{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.pay-plans h3,.pay-packs h3{margin:0;font-size:20px}.pay-packs>p{color:var(--muted);margin:-6px 0 0;font-size:14px}.pay-pack-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;display:grid}.pay-pack{background:#ffffff08;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:4px;padding:18px;display:flex}.pay-pack-note{color:var(--cyan);font-size:12.5px;font-weight:600}.pay-pack b{font-family:var(--display);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1.1}.pay-pack-unit{color:var(--muted);margin-top:-4px;font-size:13px}.pay-pack-price{color:var(--text-3);margin:6px 0 10px;font-size:15px}.pay-pack .cta[aria-disabled=true]{opacity:.45;pointer-events:none}.pay-loading{color:var(--muted)}.pay-foot{color:var(--muted);font-size:12.5px}.studio{flex-direction:column;height:100dvh;display:flex}.studio-head{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:12px 20px;display:flex}.studio-crumbs{align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.studio-crumbs a{color:var(--muted);white-space:nowrap;text-decoration:none}.studio-crumbs a:hover{color:var(--text)}.studio-crumbs>span[aria-hidden]{color:#4a4a5c}.studio-crumbs .ell{font-weight:600}.studio-actions{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex}.studio-body{flex:1;min-height:0;display:flex}.studio-panel{min-width:0;min-height:0}.studio-panel.agent{width:var(--agent-w,420px);flex-direction:column;flex:none;display:flex;container:agent/inline-size}.studio-panel.build{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.studio-panel.side{width:var(--side-w,340px);flex-direction:column;flex:none;gap:12px;padding:18px;display:flex;overflow-y:auto}.resizer{z-index:5;cursor:col-resize;touch-action:none;outline:none;flex:none;justify-content:center;width:11px;margin:0 -5px;display:flex;position:relative}.resizer>span{background:var(--line);width:1px;height:100%;transition:width .15s,background .15s,box-shadow .15s}.resizer:after{content:"";opacity:0;background:#ffffff2e;border-radius:3px;width:5px;height:36px;margin:-18px 0 0 -2.5px;transition:opacity .15s;position:absolute;top:50%;left:50%}.resizer:hover>span,.resizer.active>span,.resizer:focus-visible>span{background:var(--cyan);width:2px;box-shadow:0 0 12px #2ee6ff8c}.resizer:hover:after,.resizer:focus-visible:after{opacity:1;background:var(--cyan)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing iframe{pointer-events:none}.pane-switch{background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;gap:4px;margin:8px 12px 0;padding:6px;display:none}.pane-switch button{min-height:40px;color:var(--text-2);font:600 13.5px var(--body);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1}.pane-switch button[data-on=true]{background:var(--text);color:#0b0b10}.pane-switch button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (max-width:1099px){.hide-md{display:none!important}.pane-switch{width:min(360px,100% - 24px);margin-left:auto;display:flex}.pane-switch .ps-agent{display:none}.pane-switch .ps-build[aria-pressed=true]{background:var(--text);color:#0b0b10}.studio-body>.resizer:last-of-type{display:none}.studio-panel.side{flex:1;width:auto;display:none}.studio-body[data-pane=side] .studio-panel.side{display:flex}.studio-body[data-pane=side] .studio-panel.build{display:none}}@media (max-width:767px){.hide-sm{display:none!important}.studio-head{gap:10px;padding:10px 12px}.studio-actions{gap:6px}.studio-actions .btn{padding:0 12px}.studio-head .credits-unit{display:none}.pane-switch{width:auto;margin:8px 12px 0}.pane-switch .ps-agent{display:block}.pane-switch .ps-build[aria-pressed=true]:not([data-on=true]){color:var(--text-2);background:0 0}.studio-body>.resizer{display:none}.studio-panel.agent{flex:1;width:auto;display:none}.studio-body[data-pane=agent] .studio-panel.agent{display:flex}.studio-body[data-pane=agent] .studio-panel.build{display:none}.studio-panel.build,.studio-panel.side{padding:14px 12px}}.chat-tools{align-items:center;gap:6px;min-width:0;display:flex}.chat-tools>*{flex:none}.chat-tools .model-menu{flex:0 auto;min-width:0}.chat-tools .model-btn{max-width:100%}.chat-end{flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.auto-approve{white-space:nowrap;flex:none}@container agent (max-width:470px){.chat-tools:has(.model-menu) .aa-label{display:none}.chat-tools:has(.model-menu) .auto-approve{padding:0 6px 0 8px}.chat-tools .model-btn .dim{display:none}}@container agent (max-width:380px){.chat-tools .aa-label{display:none}.chat-tools .auto-approve{padding:0 6px 0 8px}}@container agent (max-width:360px){.chat-tools .model-btn-text,.chat-tools .model-btn .chev{display:none}.chat-tools .model-btn{padding:0 10px}}.approve-card li{flex-wrap:wrap}.approve-title{flex:160px}@container agent (max-width:470px){.approve-card li{row-gap:8px}.approve-card li .approve-cost{margin-left:auto}.approve-card li:has(.approve-mini) .approve-title{flex-basis:calc(100% - 40px)}.approve-card li:has(.approve-mini) .approve-cost{margin-left:36px;margin-right:auto}}.brand-word,.brand>span:last-child{white-space:nowrap;font-family:var(--display);letter-spacing:-.005em;font-size:1.12em;font-weight:800;font-stretch:110%}.apphead{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b10e0;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px);display:flex;position:sticky;top:0}.apphead-links{gap:4px;margin-left:12px;display:flex}.apphead-right{align-items:center;gap:10px;margin-left:auto;display:flex}.apphead-burger{display:none}.apphead-sheet{z-index:30;position:absolute;top:calc(100% + 4px);left:12px;right:12px}@media (max-width:899px){.apphead-links,.apphead-signout{display:none}.apphead-burger{display:inline-flex}}@media (max-width:639px){.hide-phone{display:none!important}}.tbl-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tbl-scroll .tbl{min-width:560px}.card-ph{background:radial-gradient(120% 90% at 20% 0,#2b7fff38,#0000 60%),radial-gradient(90% 80% at 100% 100%,#2ee6ff1f,#0000 60%),#14141c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-ph svg{fill:none;stroke:#ffffff38;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px;margin-top:-40px}.notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px;display:flex}.notfound h1{letter-spacing:-.02em;margin:0;font-size:clamp(34px,6vw,60px);line-height:1}.notfound p{max-width:440px;color:var(--text-3);margin:0;font-size:16px;line-height:1.55}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (pointer:coarse){.sug,.next-chip,.seg button,.btn,.btn.sm,.approve-mini,.share-btn,.hist-btn,.hist-open,.auto-approve,.model-btn,.chip{min-height:44px}.chatbox .icon-btn,.composer .icon-btn,.chatbox .send,.icon-btn.sm{border-radius:22px;width:44px;height:44px}.hist-btn{width:44px}.share-row a,.share-row button{min-height:44px}}@media (min-width:768px) and (max-width:1099px){.studio-panel.agent{width:min(var(--agent-w,420px), 48%)}}@media (pointer:coarse){.brand{min-height:44px}}.legal{color:var(--text-2);font-size:16px;line-height:1.7}.legal h2{color:var(--text);font:800 22px/1.25 var(--display);margin:40px 0 8px;font-stretch:105%}.legal h3{color:var(--text);margin:24px 0 4px;font-size:17px}.legal p,.legal li{max-width:68ch}.legal ul{flex-direction:column;gap:6px;padding-left:20px;display:flex}.legal a{color:var(--cyan)}.legal a:hover{color:var(--cyan-hover)}.btn-google,.btn-apple{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 16px;font-size:15px;line-height:20px;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out;display:flex}.btn-google{color:#e3e3e3;font-family:var(--font-roboto), Roboto, Arial, sans-serif;background:#131314;border:1px solid #8e918f;font-weight:500}.btn-google:hover{background:#1f1f20;border-color:#c4c7c5}.btn-apple{color:#000;background:#fff;border:1px solid #fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-weight:600}.btn-apple:hover{background:#ececec}.btn-google:focus-visible,.btn-apple:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.seg a{min-height:34px;color:var(--text-3);font:500 13px var(--body);border-radius:999px;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.seg a.on{background:var(--text);color:#0b0b10}.agrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px 16px;display:grid}.acard{flex-direction:column;gap:10px;min-width:0;display:flex}.acard-media{aspect-ratio:16/9;background:#16161e;border:1px solid #ffffff0f;border-radius:14px;transition:border-color .2s,transform .2s;display:block;position:relative;overflow:hidden}.acard-media img,.acard-media iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.acard-media img{object-fit:cover;transition:transform .4s}.acard-media iframe{pointer-events:none;background:#000;transition:opacity .25s}.acard:hover .acard-media{border-color:#7fb2ff80}.acard:hover .acard-media img{transform:scale(1.03)}.acard-media:focus-visible,.acard-title a:focus-visible,.acard-by:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.acard-price{min-height:24px;font:600 12px/1 var(--body);color:var(--cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0b10c7;border:1px solid #2ee6ff4d;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex;position:absolute;top:10px;left:10px}.acard-price.paid{background:var(--amber);color:#1a1205;border-color:#0000}.acard-fan{min-height:24px;font:500 12px/1 var(--body);color:var(--text-2);background:#0b0b10c7;border:1px solid #ffffff29;border-radius:999px;align-items:center;padding:0 9px;display:inline-flex;position:absolute;top:10px;right:10px}.acard-loading{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;position:absolute;bottom:10px;right:10px}.acard-row{align-items:flex-start;gap:12px;display:flex}.acard-row>div{flex:1}.acard-title{font:600 16px/20px var(--body);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.acard-title a{color:var(--text);text-decoration:none}.acard-meta{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.acard-by{color:var(--text-3);text-decoration:none}.acard-by:hover{color:#fff;text-decoration:underline}.acard-play{background:var(--text);color:#0b0b10;min-height:28px;font:600 13px/1 var(--body);border-radius:999px;flex:none;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.acard-play:hover{background:#fff}.achips{z-index:15;padding:10px 0;scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0b10e0;gap:6px;margin:0 calc(-1*clamp(16px,4vw,48px));padding-inline:clamp(16px,4vw,48px);display:flex;position:sticky;top:61px;overflow-x:auto}.achips::-webkit-scrollbar{display:none}.achips a{color:#fff9;min-height:36px;font:500 14px/1 var(--body);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.achips a:hover{color:#fff;background:#ffffff0f}.achips a[aria-current=page]{color:#0b0b10;background:var(--text)}.achips a .n{font:500 11px var(--mono-font);opacity:.65}.achips a:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}@media (prefers-reduced-motion:reduce){.acard-media,.acard-media img{transition:none}.acard:hover .acard-media img{transform:none}}.aplayer{background:#070709;gap:16px;min-height:calc(100dvh - 61px);padding:16px;display:flex}.aplayer-main{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.aplayer-stage{background:#070709;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.aplayer-stage:fullscreen{padding:0}.aplayer-stage:fullscreen .aplayer-frame{border:0;border-radius:0;max-height:100dvh}.aplayer-frame{background:#000;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:1280px;max-height:calc(100dvh - 160px);position:relative;overflow:hidden}.aplayer-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.aplayer-bar{background:#15151d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex}.aplayer-tool{color:#ffffffa6;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.aplayer-tool:hover{color:#fff;background:#ffffff14}.aplayer-tool[aria-pressed=true]{color:#0b0b10;background:var(--text)}.aplayer-tool:focus-visible{outline-offset:2px;outline:2px solid #7fb2ff}.aplayer-sep{background:#ffffff1f;width:1px;height:20px;margin:0 4px}.aplayer-panel{background:#121219;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;flex:none;align-self:flex-start;gap:16px;width:360px;max-height:calc(100dvh - 93px);padding:20px;display:flex;position:sticky;top:77px;overflow-y:auto}.aplayer-panel h1{font:700 24px/1.15 var(--body);margin:0}.aplayer-dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;display:grid}.aplayer-dl dt{color:var(--muted)}.aplayer-dl dd{text-align:right;margin:0}@media (max-width:960px){.aplayer{flex-direction:column;padding:10px}.aplayer-frame{max-height:none}.aplayer-panel{width:auto;max-height:none;position:static}}.cropper-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050509b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cropper{background:#121219;flex-direction:column;gap:14px;width:min(100%,760px);max-height:calc(100dvh - 32px);padding:20px;display:flex;overflow:auto}.cropper-drop{text-align:center;min-height:220px;color:var(--text-3);border:2px dashed #ffffff2e;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:14px;display:flex;position:relative}.cropper-drop:hover,.cropper-drop:focus-within{border-color:#7fb2ff}.cropper-drop b{color:var(--text);font-size:17px}.cropper-frame{cursor:grab;touch-action:none;background:#000;border-radius:12px;flex:none;width:100%;position:relative;overflow:hidden}.cropper-frame:active{cursor:grabbing}.cropper-frame.crop-avatar{aspect-ratio:1;align-self:center;width:min(100%,420px)}.cropper-frame.crop-banner{aspect-ratio:16/9}.cropper-circle{pointer-events:none;border-radius:50%;outline:2px solid #fffc;position:absolute;inset:0;box-shadow:0 0 0 9999px #0000008c}.cropper-safe{pointer-events:none;border:2px dashed #2ee6ff;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cropper-safe span,.cropper-desktop span{color:#fff;background:#0009;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:11px}.cropper-desktop{pointer-events:none;border-top:1px solid #ffffff8c;border-bottom:1px solid #ffffff8c;justify-content:flex-end;align-items:flex-end;height:29.4%;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cropper-desktop span{margin:0 6px -22px 0}.avatar{color:#0b0b10;background:linear-gradient(135deg,#2b7fff,#2ee6ff);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.chan-banner{aspect-ratio:6.2;background:radial-gradient(120% 140% at 85% 10%,#2ee6ff8c 0%,#2b7fff73 35%,#0b0b1000 70%),linear-gradient(120deg,#0d1b3d 0%,#142a66 45%,#0b0b10 100%);border-radius:18px;width:100%;min-height:120px;position:relative;overflow:hidden}.chan-banner img{object-fit:cover;width:100%;height:100%;display:block}.chan-head{flex-wrap:wrap;align-items:flex-start;gap:12px 24px;margin-top:14px;padding:0 clamp(8px,2vw,24px);display:flex;position:relative}.chan-head>.avatar{margin-top:-62px}.chan-head .avatar{border:4px solid var(--bg,#0b0b10)}@media (max-width:640px){.chan-banner{aspect-ratio:4;border-radius:12px}.chan-head>.avatar{margin-top:-40px;width:84px!important;height:84px!important}}.studio.is-full{z-index:200;background:#050508;height:100dvh;position:fixed;inset:0}.studio.is-full .studio-head,.studio.is-full .pane-switch,.studio.is-full .studio-panel.side,.studio.is-full .studio-body>.resizer{display:none!important}.studio.is-full .studio-body{height:100dvh}.studio.is-full .studio-panel.agent{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e0e14eb;border-right:1px solid #ffffff14;flex:none;width:360px;max-width:100%;transition:width .2s ease-out;display:flex!important}.studio.is-full.rail-expanded .studio-panel.agent{width:max(420px,40vw)}.studio.is-full.rail-collapsed .studio-panel.agent{display:none!important}.studio.is-full.rail-compact .studio-panel.agent>div:has(>.panel)>.panel:first-child{display:none!important}.studio.is-full.rail-compact .connect-callout{display:none}.studio.is-full .studio-panel.build{background:#000;flex:1;justify-content:center;align-items:center;gap:0;padding:0;position:relative;overflow:hidden;display:flex!important}.studio.is-full .studio-panel.build>div:first-child{display:none!important}.studio.is-full .studio-panel.build>p{color:var(--muted)}.studio.is-full .gameframe{border:0;border-radius:0;width:min(100%,177.778dvh);max-height:100dvh}.rail-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 12px;display:flex}.rail-btn{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.rail-btn:hover{color:#fff;background:#ffffff1a}.rail-btn:focus-visible,.rail-pill:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.rail-btn:disabled{opacity:.45;cursor:default}.rail-pill{z-index:210;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:44px;color:var(--text-2);font:500 14px var(--body);cursor:pointer;background:#0e0e14e0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #00000080}.rail-pill:hover{color:#fff}.play-toast{z-index:5;color:var(--text);pointer-events:auto;background:#0e0e14e6;border:1px solid #2ee6ff59;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;animation:.2s ease-out toast-in;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.studio.is-full .studio-panel.agent{transition:none}.play-toast{animation:none}}@media (max-width:767px) and (orientation:portrait){.studio.is-full .studio-body{flex-direction:column-reverse}.studio.is-full .studio-panel.agent{border-top:1px solid #ffffff1a;border-right:0;border-radius:18px 18px 0 0;height:46dvh;transition:height .2s ease-out;width:100%!important}.studio.is-full.rail-expanded .studio-panel.agent{height:86dvh}.studio.is-full .studio-panel.build{flex:1;min-height:0}.studio.is-full .gameframe{width:100%}.rail-pill{bottom:14px;left:50%;transform:translate(-50%)}}.cp-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 6px;padding:6px 8px 6px 6px;display:flex;position:relative}.cp-row.current{background:#2ee6ff0f;border-color:#2ee6ff66}.cp-row.ahead{opacity:.62}.cp-row.ahead:hover,.cp-row.ahead:focus-within{opacity:1}.cp-thumb{object-fit:cover;background:#ffffff0f;border-radius:8px;flex:none;width:36px;height:36px}.cp-num{font:600 11px var(--mono-font);color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.cp-text{flex-direction:column;flex:140px;gap:1px;min-width:0;display:flex}.cp-text b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cp-text small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.cp-btn{min-height:32px;color:var(--text-2);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;flex:none;padding:0 12px;transition:background .18s,color .18s,border-color .18s}.cp-btn:hover:not(:disabled){color:var(--text);background:#ffffff14;border-color:#ffffff47}.cp-btn:disabled{opacity:.4;cursor:default}.cp-btn:focus-visible,.cp-row .approve-mini:focus-visible,.cp-divider .linkish:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.cp-badge{font:600 11.5px var(--body);letter-spacing:.02em;color:var(--cyan);background:#2ee6ff1f;border:1px solid #2ee6ff59;border-radius:999px;flex:none;padding:4px 10px}.cp-confirm{color:var(--text-2);background:#1c1c24;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;flex:100%;align-items:center;gap:8px 12px;padding:8px 10px;font-size:12.5px;animation:.18s ease-out dock-in;display:flex}.cp-confirm>span:first-child{flex:200px}.cp-confirm-btns{gap:6px;margin-left:auto;display:inline-flex}.cp-divider{color:var(--muted);align-items:center;gap:10px;margin:8px 0 10px;font-size:12px;display:flex}.cp-divider .cp-line{background:#ffd38a47;flex:1;min-width:12px;height:1px}.cp-divider>span:not(.cp-line){color:#ffd38a;text-align:center}.cp-divider .linkish{color:var(--text-2);min-height:32px;font-size:12px}.cp-trimmed{color:var(--dim);font-size:11.5px}@media (prefers-reduced-motion:reduce){.cp-confirm{animation:none}}.view-open:not(.panel){appearance:none;font:inherit;color:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0}.view-open{cursor:zoom-in;display:block}.view-open.panel{width:100%;font:inherit;padding:0}.view-open:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px}.view-backdrop{z-index:120;background:#040408e6;place-items:center;padding:24px;animation:.16s ease-out view-fade;display:grid;position:fixed;inset:0}.view-dialog{background:#121218;border:1px solid #ffffff1a;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;width:min(1280px,100%);height:min(940px,100dvh - 48px);min-height:0;padding:14px;display:grid;box-shadow:0 30px 80px #0009}.view-head{align-items:center;gap:10px;min-width:0;display:flex}.view-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.view-titles h2{color:var(--text);margin:0;font-size:17px;font-weight:650}.view-titles small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.view-chip{min-height:36px;color:var(--text-2);font:500 12.5px var(--body);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;flex:none;padding:0 12px}.view-chip.on{color:var(--cyan);background:#2ee6ff14;border-color:#2ee6ff73}.view-close{width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;flex:none;place-items:center;display:grid}.view-close .i,.view-arrow .i{width:20px;height:20px}.view-close:hover,.view-arrow:hover,.view-chip:hover{background:#ffffff1a}.view-close:focus-visible,.view-arrow:focus-visible,.view-chip:focus-visible,.view-thumb:focus-visible,.view-original:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.view-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0a0a0f;border-radius:14px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.view-media{justify-content:center;align-items:center;width:100%;height:100%;animation:.16s ease-out view-in;display:flex}.view-media img,.view-media video{object-fit:contain;max-width:100%;max-height:100%;display:block}.view-media.checker{border-radius:14px}.view-frames{grid-template-rows:auto minmax(0,1fr);place-items:center;gap:10px;width:100%;height:100%;padding:12px;display:grid}.view-frames img{image-rendering:pixelated;max-height:100%}.view-anim{image-rendering:pixelated;background-repeat:no-repeat;border-radius:10px;display:block}.view-audio{flex-direction:column;align-items:center;gap:16px;width:min(520px,100%);padding:24px;display:flex}.view-audio span{color:var(--cyan);font-size:64px}.view-audio audio{width:100%}.view-arrow{z-index:2;width:48px;height:48px;color:var(--text);cursor:pointer;background:#0c0c12b8;border:1px solid #ffffff29;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.view-arrow.prev{left:12px}.view-arrow.next{right:12px}.view-info{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.view-qa{border-radius:999px;padding:4px 10px;font-size:12.5px}.view-qa.ok{color:#7ee2a8;background:#7ee2a81a}.view-qa.bad{color:#ff9aa5;background:#ff5c6c1a}.view-qa.soft{color:#f2c879;background:#f2c8791a}.view-from{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.view-from img{object-fit:cover;border-radius:5px;width:30px;height:40px}.view-prompt{min-width:0;color:var(--muted);flex:260px;font-size:12.5px}.view-prompt summary{cursor:pointer;color:var(--text-2);align-items:center;min-height:28px;display:inline-flex}.view-prompt p{max-height:120px;margin:6px 0 0;line-height:1.5;overflow:auto}.view-actions,.view-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-actions .btn,.view-confirm .btn{min-height:44px}.view-approved{color:#7ee2a8!important;border-color:#7ee2a866!important}.view-spacer{flex:1}.view-original{color:var(--muted);padding:8px 4px;font-size:12.5px;text-decoration:underline}.view-confirm{color:var(--text-2);background:#1c1c24;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px;font-size:13.5px}.view-confirm>span:first-child{flex:260px}.view-confirm .inp{flex:220px;min-height:44px}.view-confirm-btns{gap:8px;margin-left:auto;display:inline-flex}.view-strip{scrollbar-width:thin;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.view-thumb{width:64px;height:48px;color:var(--cyan);cursor:pointer;opacity:.62;background:#1a1a22;border:2px solid #0000;border-radius:8px;flex:none;padding:0;transition:opacity .15s,border-color .15s;overflow:hidden}.view-thumb img,.view-thumb video{object-fit:cover;width:100%;height:100%;display:block}.view-thumb.checker img{object-fit:contain}.view-thumb[aria-current=true]{border-color:var(--cyan);opacity:1}.view-thumb:hover{opacity:1}@keyframes view-fade{0%{opacity:0}to{opacity:1}}@keyframes view-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.view-backdrop,.view-media{animation:none}}@media (max-width:720px){.view-backdrop{padding:0}.view-dialog{width:100%;height:100dvh;max-height:100dvh;padding:10px 10px max(10px, env(safe-area-inset-bottom));border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto auto}.view-arrow{display:none}.view-head{flex-wrap:wrap}.view-titles{flex:calc(100% - 64px)}.view-titles small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.view-chip{order:3}.view-actions{flex-wrap:nowrap;padding-top:6px;position:sticky;bottom:0;overflow-x:auto}.view-actions .btn{flex:none}.view-spacer{display:none}.view-thumb{width:52px;height:40px}.view-prompt p{max-height:80px}}.code-using{color:var(--muted);font-size:11.5px;font-family:var(--body);margin-top:4px;display:block}.net-pill{z-index:3;color:var(--cyan);font:500 12px var(--body);font-variant-numeric:tabular-nums;pointer-events:none;background:#08080ec7;border:1px solid #2ee6ff59;border-radius:999px;padding:6px 10px;position:absolute;top:12px;left:12px}.aplayer-online{align-items:center;gap:8px;min-width:0;display:inline-flex}.aplayer-online .net-text{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:12.5px;overflow:hidden}.badge-online{font:600 11px var(--body);color:var(--cyan);background:#2ee6ff1f;border:1px solid #2ee6ff59;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.online-toggle{align-items:center;gap:8px;display:inline-flex}.online-pick{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.online-pick select{min-height:32px;color:var(--text);background:#1a1a22;border:1px solid #ffffff29;border-radius:8px;margin-left:4px}.fight-online{color:var(--text-2);background:#2ee6ff0d;border:1px solid #2ee6ff40;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;font-size:13px;display:flex}.fight-online .toggle-inline{color:var(--text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.fight-online-hint{color:var(--muted)}.fight-online-join{gap:6px;display:inline-flex}.fight-online-join .inp{text-transform:uppercase;letter-spacing:.12em;text-align:center;width:88px;min-height:34px}.fight-online .net-text{color:var(--cyan);font-variant-numeric:tabular-nums}