:root{--bg:#07070b;--bg2:#0e0e15;--bg3:#15151f;--line:#1f1f2c;--txt:#f2f2f6;--dim:#8f8fa3;--dim2:#5c5c70;--red:#ff2d55;--red2:#ff5c7a;--accent:#7c5cff;--accent2:#a48cff;--ok:#3ddc97;--radius:14px;--font:var(--font-inter),system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--display:var(--font-bebas),Impact,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--accent);color:#fff}.top{gap:14px;padding:10px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0b0b12,var(--bg));position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.top{display:flex;align-items:center}.brand{font-family:var(--display);font-size:28px;letter-spacing:.08em;gap:8px;line-height:1}.badge .dot,.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,45,85,.6);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,45,85,.65)}70%{box-shadow:0 0 0 10px rgba(255,45,85,0)}to{box-shadow:0 0 0 0 rgba(255,45,85,0)}}.tag{color:var(--dim);font-size:12px;letter-spacing:.02em}.top-right{margin-left:auto;display:flex;align-items:center;gap:8px}.viewers{color:var(--dim);font-size:13px}.viewers b{color:var(--txt)}.ghost{background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--dim)}.ghost:hover{color:var(--txt);border-color:#3a3a4d}.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:16px;gap:16px;padding:16px 18px;max-width:1500px;margin:0 auto;height:calc(100vh - 53px);min-height:600px}.stage{gap:12px;min-width:0;overflow:auto}.side,.stage{display:flex;flex-direction:column}.side{background:var(--bg2);border:1px solid var(--line);min-height:0}.player,.side{border-radius:var(--radius);overflow:hidden}.player{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px var(--line);flex:none}.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.player video.on{opacity:1}.badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.12em}.badge.off{color:var(--dim)}.badge.off .dot{background:var(--dim2);animation:none;box-shadow:none}.controls{position:absolute;top:10px;right:10px;display:flex;gap:6px}.controls button{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;border-radius:10px;width:36px;height:34px;font-size:15px}.controls button:hover{background:rgba(0,0,0,.8)}.caption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.cap-title{font-family:var(--display);font-size:26px;letter-spacing:.04em;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.8)}.cap-by{font-size:12px;color:#d6d6e0;margin-top:3px}.cap-by b{color:#fff}.progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}.progress div{height:100%;width:0;background:var(--red);transition:width .25s linear}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(7,7,11,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;text-align:center;padding:20px}.overlay[hidden]{display:none}.ov-title{font-family:var(--display);font-size:44px;letter-spacing:.06em;line-height:1}.ov-sub{color:var(--dim);margin-top:8px;max-width:420px;font-size:13px}.ov-inner .spin{margin:0 auto 14px}.spin{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top:2px solid var(--accent2);animation:rot .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes rot{to{transform:rotate(1turn)}}.under{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:12px;gap:12px}.now,.pipeline{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;min-width:0}.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin-bottom:6px}.now-prompt{color:#cfcfda;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pipeline{display:flex;flex-direction:column;gap:8px}.pipe{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}.pipe .st{flex:none;width:76px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.pipe .st.ready{color:var(--ok)}.pipe .st.render{color:var(--accent2)}.pipe .st.write{color:#f9c74f}.pipe .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipe .t b{color:#fff}.pipe .t span{color:var(--dim)}.buffer{font-size:11px;color:var(--dim2);margin-top:auto}.buffer i{display:inline-block;height:4px;border-radius:2px;background:var(--accent);vertical-align:middle;margin-right:6px;transition:width .4s}.explain{display:flex;gap:18px;flex-wrap:wrap;color:var(--dim);font-size:12px;padding:0 4px}.explain b{color:var(--txt)}.explain .dim{margin-left:auto}.tabs{border-bottom:1px solid var(--line);flex:none}.tab,.tabs{display:flex}.tab{flex:1 1;background:transparent;border:0;padding:12px;color:var(--dim);font-weight:600;font-size:13px;border-bottom:2px solid transparent;align-items:center;justify-content:center;gap:6px}.tab.active{color:var(--txt);border-bottom-color:var(--red)}.pill{background:var(--bg3);border-radius:999px;padding:1px 7px;font-size:11px;color:var(--dim)}.panel{display:none;flex-direction:column;flex:1 1;min-height:0}.panel.active{display:flex}.propose{padding:12px;border-bottom:1px solid var(--line);flex:none}.propose textarea{width:100%;resize:none;background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--txt);outline:0}.propose textarea:focus{border-color:var(--accent)}.propose-row{display:flex;align-items:center;gap:10px;margin-top:8px}.hint{font-size:11px;color:var(--dim2);flex:1 1}.hint.err{color:var(--red2)}.hint.ok{color:var(--ok)}#proposeBtn,.chatform button[type=submit]{background:var(--red);border:0;border-radius:10px;padding:8px 16px;font-weight:700;color:#fff}#proposeBtn:disabled{opacity:.5;cursor:wait}#proposeBtn:hover:not(:disabled){background:var(--red2)}.pick{padding:8px 14px;font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);background:var(--bg3);flex:none;display:flex;align-items:center;gap:8px}.pick b{color:#fff}.pick:empty{display:none}.proposals{overflow-y:auto;flex:1 1;padding:8px}.empty{color:var(--dim2);text-align:center;padding:30px 10px;font-size:13px}.prop{display:flex;gap:10px;padding:10px;border-radius:12px;align-items:flex-start;transition:background .2s}.prop:hover{background:var(--bg3)}.prop.top{background:linear-gradient(90deg,rgba(124,92,255,.14),transparent)}.vote{flex:none;width:44px;background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:5px 0;display:flex;flex-direction:column;align-items:center;font-weight:700;line-height:1.1;font-size:13px}.vote small{font-size:10px;color:var(--dim);font-weight:500}.vote.on{background:var(--accent);border-color:var(--accent);color:#fff}.vote.on small{color:#e6e0ff}.vote:hover{border-color:var(--accent2)}.prop .body{min-width:0;flex:1 1}.prop .txt{font-size:13px;line-height:1.4;word-wrap:break-word}.prop .meta{font-size:11px;color:var(--dim2);margin-top:3px}.prop .meta b{color:var(--dim)}.prop.mine .meta b{color:var(--accent2)}.messages{flex:1 1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain}.msg{font-size:13px;line-height:1.4;word-wrap:break-word;animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}}.msg .n{font-weight:700;margin-right:5px}.msg.sys{color:var(--accent2);background:rgba(124,92,255,.08)}.msg.sys,.msg.win{font-size:12px;padding:6px 8px;border-radius:8px}.msg.win{color:#ffd166;background:rgba(255,209,102,.08)}.chatform{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line);flex:none}.chatform input{flex:1 1;min-width:0;background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:9px 12px;outline:0}.chatform input:focus{border-color:var(--accent)}.chatform .name{background:var(--bg3);border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.chatform button[type=submit]{padding:0 14px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#1b1b27;border:1px solid #33334a;color:#fff;padding:10px 16px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.clip-page{padding:20px}.clip-main,.gallery{max-width:960px;margin:0 auto}.clip-main video{width:100%;border-radius:var(--radius);background:#000;margin:18px 0 12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.clip-main h1,.gallery h1{font-family:var(--display);font-size:40px;letter-spacing:.04em;margin:4px 0;line-height:1}.by{color:var(--dim);font-size:13px;margin:4px 0 14px}.by b{color:#fff}.prompt{color:#cfcfda;background:var(--bg2);border:1px solid var(--line);padding:14px;line-height:1.55}.cta,.prompt{border-radius:12px}.cta{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:12px 20px;margin:18px 0}.cta:hover{background:var(--red2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block}.card video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block}.card .meta{padding:10px 12px;display:flex;justify-content:space-between;gap:8px;font-size:13px}.card .meta span{color:var(--dim);font-size:12px}@media (max-width:980px){.layout{grid-template-columns:1fr;height:auto;padding:10px}.side{height:70vh;min-height:460px}.under{grid-template-columns:1fr}.tag{display:none}.explain .dim{margin-left:0}.cap-title{font-size:20px}.ov-title{font-size:32px}}.user{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim)}.user img{width:24px;height:24px;border-radius:50%;border:1px solid var(--line)}.user b{color:var(--txt)}.signin{background:#fff;color:#111;border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.signin:hover{background:#eee}.signin svg{width:14px;height:14px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal .box{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:380px;text-align:center}.modal h3{font-family:var(--display);font-size:30px;letter-spacing:.05em;margin:0 0 6px;line-height:1}.modal p{color:var(--dim);font-size:13px;margin:0 0 16px}.modal .signin{padding:10px 18px;font-size:14px}.modal .close{display:block;margin:12px auto 0;background:transparent;border:0;color:var(--dim2);font-size:12px}.msg img{width:16px;height:16px;border-radius:50%;vertical-align:-3px;margin-right:4px}.nameedit{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}.nameedit input{flex:1 1;background:var(--bg3);border:1px solid var(--line);border-radius:8px;padding:6px 10px;outline:0}.nameedit button{background:var(--accent);border:0;border-radius:8px;padding:0 12px;font-weight:700;color:#fff}.prop .txt.win{color:#ffd166}.player video.dim{filter:brightness(.35) saturate(.6)}.explain .dim,.kbd{color:var(--dim2)}.kbd{font-size:11px}.unmute{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;animation:fade .4s ease}.unmute:hover{background:var(--red)}@media (max-width:980px){.unmute{top:auto;bottom:70px;font-size:12px}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8b44c7e6549520b2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6c25f6e897d845a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bebas Neue Fallback;src:local("Arial");ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.00%;size-adjust:76.72%}.__className_d758cf{font-family:Bebas Neue,Bebas Neue Fallback;font-weight:400;font-style:normal}.__variable_d758cf{--font-bebas:"Bebas Neue","Bebas Neue Fallback"}