:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e9e9f3;background:#0e101b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:1px solid #303448;border-radius:9px;padding:11px 15px;background:#252838;color:#eaeaf3;font-weight:650}button:hover{filter:brightness(1.19)}button:disabled{opacity:.5;cursor:default}input{background:#171a29;color:white;border:1px solid #35394e;border-radius:9px;padding:13px;min-width:0;outline:none}input:focus{border-color:#7773fa}a{color:inherit;text-decoration:none}.hide{display:none!important}.top{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #282b3c;padding:0 26px;background:#141624}.brand{font-size:23px;letter-spacing:-1px;font-weight:800}.brand span:not(.brandmark){color:#a49cff}.brandmark{display:inline-grid;place-items:center;background:#745cef;color:white;border-radius:12px;width:35px;height:35px;font-size:17px;letter-spacing:0;margin-right:6px}.right{display:flex;align-items:center;gap:22px}.light,.muted{color:#85899f}.light{font-size:13px}.pill{background:#1d302d;color:#64d5a5;padding:7px 13px;border-radius:40px;font-size:12px;font-weight:700}.home{position:relative;overflow:hidden;padding:83px 24px;min-height:calc(100vh - 70px)}.glow{position:absolute;pointer-events:none;inset:0;background:radial-gradient(ellipse at 50% 0,#39316366,transparent 57%)}.hero{position:relative;max-width:760px;margin:auto;text-align:center}.label,.smalltag{color:#aca3fa;font-weight:800;font-size:11px;letter-spacing:1.8px}.hero h1{font-size:clamp(36px,5vw,65px);letter-spacing:-2.8px;line-height:1.12;margin:22px 0}.hero h1 em{color:#b7a8ff;font-style:normal}.hero p{color:#a3a5b6;font-size:17px;line-height:1.7;max-width:630px;margin:0 auto 26px}.hero-actions{display:flex;gap:10px;max-width:560px;margin:auto}.hero-actions input{flex:1}.primary{background:#7865ef;border-color:#7865ef;color:#fff}.hero small{display:block;margin-top:18px;color:#8589a0}.feature-grid{position:relative;max-width:970px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-grid article{background:#191c2c;border:1px solid #30334a;border-radius:15px;padding:25px}.feature-grid article>div{font-size:25px;color:#ab9dff}.feature-grid h3{font-size:16px}.feature-grid p{color:#9295aa;font-size:13px}.room{height:calc(100vh - 70px);display:grid;grid-template-columns:235px minmax(0,1fr) 305px}.sidebar{border-right:1px solid #2a2d40;background:#171928;padding:21px 13px;display:flex;flex-direction:column;min-height:0}.room-head{padding:9px 11px 18px}.mini{font-size:10px;letter-spacing:1.5px;font-weight:800}.room-head h2{font-size:19px;overflow-wrap:anywhere;margin:9px 0}.roomid{font-size:11px;color:#7f839b}.sidebtn{text-align:left;border:0;background:transparent;font-weight:500;color:#b7b9cb;margin:2px 0;padding:13px}.sidebtn.selected{background:#302d4e;color:#c8c0ff}.divider{height:1px;background:#2d3041;margin:20px 0}.sidebar h4{font-size:13px;margin:0 12px 14px}.sidebar h4 span{float:right;color:#9699ab}.members{display:grid;gap:10px;padding:0 9px}.member{display:flex;gap:9px;align-items:center;font-size:13px}.avatar{width:30px;height:30px;border-radius:50%;background:#4c4973;display:grid;place-items:center;font-weight:800}.role{font-size:10px;color:#aaa0fd}.sidebar-bottom{margin-top:auto;font-size:12px;color:#b3b5c8;padding:12px}.sidebar-bottom small{display:block;color:#73778b;margin-top:6px}.maincol{display:flex;flex-direction:column;padding:20px 23px;min-width:0;overflow:auto}.searchbar{display:flex;gap:8px;margin-bottom:17px;align-items:center}.searchbar input{flex:1}.mag{font-size:26px;color:#9f9bb6}.video-area{position:relative;background:#080a12;border:1px solid #303245;border-radius:12px;overflow:hidden;width:100%;aspect-ratio:16/9;max-height:62vh;flex-shrink:0}.video-area #player{width:100%;height:100%;position:absolute;inset:0}.placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#e1e2ef}.placeholder h2{margin:12px 0 0;font-size:19px}.placeholder p{color:#9295aa;font-size:14px}.playbig{display:grid;place-items:center;background:#272440;width:74px;height:74px;border-radius:22px;color:#aa9bff;font-size:27px}.controls{display:flex;align-items:center;justify-content:space-between;padding:15px 0 19px;gap:12px;border-bottom:1px solid #303246}.nowplaying{display:flex;flex-direction:column;gap:6px;min-width:0}.nowplaying strong{font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ctrl-actions{display:flex;gap:9px;flex-shrink:0}.bottom-section{margin-top:6px}.tabs{display:flex;gap:20px;border-bottom:1px solid #2c3042}.tab{padding:15px 5px;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:#9b9db2}.tab.active{color:#c0b8ff;border-color:#9684ff}.tab span{background:#302f44;border-radius:5px;padding:2px 7px;font-size:11px}.tabcontent{padding-top:15px;color:#b8bac9;font-size:13px}.tracks.empty{color:#74798f;padding:24px;text-align:center}.track{display:flex;align-items:center;gap:12px;background:#1a1d2e;padding:9px;margin:6px 0;border-radius:8px}.track .thumb{width:64px;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.track .track-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track button{padding:7px 9px;font-size:12px}.chatcol{border-left:1px solid #2a2d40;background:#171928;display:flex;flex-direction:column;min-height:0}.chathead{border-bottom:1px solid #303144;padding:21px;display:flex;justify-content:space-between;align-items:center}.chathead strong,.chathead small{display:block}.chathead strong{font-size:15px}.chathead small{color:#8589a0;font-size:11px;margin-top:5px}.chatlive{font-size:9px;color:#64d5a5;font-weight:800}.messages{flex:1;overflow-y:auto;padding:17px 16px}.msg{margin-bottom:14px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.msg .who{color:#b4a7ff;font-weight:800;font-size:12px}.msg time{color:#6f7388;font-size:10px;margin-left:7px}.msg .bubble{margin-top:3px;color:#d6d8e6}.msg.system{font-size:11px;color:#82869b;text-align:center}.chatForm{display:flex;gap:7px;border-top:1px solid #303144;padding:13px}.chatForm input{flex:1;font-size:13px}.chatForm button{padding:9px 12px}dialog{border:1px solid #3b3d55;background:#1c1e30;color:#eeeef8;border-radius:14px;width:min(450px,calc(100vw - 30px));box-shadow:0 25px 100px #000a}dialog::backdrop{background:#060712bd}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:5px 0 20px}.iconbtn{background:transparent;border:0;padding:6px}.modal-body{display:grid;gap:12px}.modal-body input{width:100%}.modal-body p{font-size:13px;color:#a5a8be;line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#373154;color:white;padding:12px 20px;border:1px solid #7665de;border-radius:9px;z-index:4;font-size:13px}@media(max-width:1050px){.room{grid-template-columns:185px minmax(0,1fr) 250px}.maincol{padding:14px}.searchbar{flex-wrap:wrap}.searchbar input{flex-basis:75%}}@media(max-width:760px){.top{padding:0 14px}.light{display:none}.room{height:auto;display:flex;flex-direction:column}.sidebar{order:2;border:0}.sidebar-bottom{display:none}.maincol{order:0;overflow:visible}.chatcol{order:1;height:360px;border:0}.searchbar{gap:7px}.searchbar input{flex-basis:80%}.video-area{max-height:none}.controls{flex-wrap:wrap}.hero-actions{flex-direction:column}.feature-grid{grid-template-columns:1fr;margin-top:50px}.home{padding-top:56px}}

/* Media collaboration v0.2 */
.media-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 15px;background:#141c2c;border-bottom:1px solid #2a344b}.media-toolbar button,.stage-title button{background:#263047;color:#e9efff;border:1px solid #3d4b65;border-radius:8px;padding:9px 12px;cursor:pointer}.media-toolbar button.active{background:#185c63;border-color:#38caba}.media-toolbar button:disabled{opacity:.4;cursor:not-allowed}.media-toolbar .mini{flex:1;min-width:180px}.media-stage{background:#080e18;padding:12px}.stage-title{display:flex;justify-content:space-between;align-items:center;color:#e9efff;margin-bottom:8px}.media-stage video{display:block;width:100%;max-height:60vh;background:#000;border-radius:10px}.camera-grid{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px}.camera-tile{position:relative;width:185px;max-width:46%;aspect-ratio:16/10;background:#101828;border:1px solid #344159;border-radius:9px;overflow:hidden}.camera-tile video{width:100%;height:100%;object-fit:cover}.camera-tile span{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:3px 8px;font-size:12px}.camera-tile audio{display:none} @media(max-width:650px){.media-toolbar button{flex:1 1 40%}}