:root{--bg: #0f1418;--surface: #16202a;--elev: #232b35;--border: #2f4458;--text: #f2f7fb;--muted: #a9bccf;--accent: #7aa2ff;--accent-2: #6ce1ff;--gutter: clamp(12px, 4vw, 20px);--space: clamp(8px, 2vw, 16px);--radius: clamp(10px, 2vw, 16px);--radius-sm: clamp(6px, 1.5vw, 10px);--control: clamp(32px, 6vw, 44px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 70% -20%,#7aa2ff1a,#7aa2ff08 50%,#7aa2ff00 85%),radial-gradient(800px 400px at 10% -10%,#6ce1ff1a,#6ce1ff05 45%,#6ce1ff00 80%),linear-gradient(180deg,#ffffff03,#00000005),var(--bg);background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:normal;color:var(--text)}@font-face{font-family:CalSans;src:url(/fonts/CalSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RedHatDisplay;src:url(/fonts/RedHatDisplay-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}body{--font-body: "RedHatDisplay", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "CalSans", var(--font-body);font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}strong,b{font-weight:700}img,video{max-width:100%;height:auto}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:#7aa2ff2e;border-radius:8px;border:2px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:#7aa2ff4d}html,body{scrollbar-width:thin;scrollbar-color:rgba(122,162,255,.18) transparent}@media (hover: hover){html:hover::-webkit-scrollbar-thumb,body:hover::-webkit-scrollbar-thumb,*:hover::-webkit-scrollbar-thumb{background:#7aa2ff3d}}a{color:inherit}.container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--gutter)}.no-gutter{padding-left:0!important;padding-right:0!important}main.container.no-gutter{max-width:none}html,body{overflow-x:hidden}body,#root{max-width:100%}.tool-controls{position:relative}.tool-color{position:relative;width:38px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#0d141e;cursor:pointer;padding:0}.tool-color input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer}.tool-color .swatch{width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff26}.tool-color:focus-within,.tool-color:hover{border-color:var(--accent);box-shadow:0 0 0 1px #7aa2ff59}.tool-slider{display:flex;align-items:center;gap:6px;background:#0d141eb3;padding:4px 8px;border:1px solid var(--border);border-radius:8px}.tool-slider input[type=range]{appearance:none;-webkit-appearance:none;width:90px;height:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px;outline:none;cursor:pointer}.tool-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 2px #0d141e;cursor:pointer;transition:transform .12s ease,background .2s}.tool-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.05)}.tool-slider input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:4px}.tool-slider input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 2px #0d141e;cursor:pointer}.tool-slider .val{font-size:10px;font-weight:600;color:var(--muted);min-width:26px;text-align:right}.header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#1a2230eb,#121821e0);-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);border-bottom:1px solid rgba(47,68,88,.45)}.header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:36px;pointer-events:none;z-index:1;background:linear-gradient(180deg,#12182100,#0a0c1099)}.header-inner{display:flex;align-items:center;justify-content:center;height:clamp(60px,9vw,80px)}.header-inner{position:relative}.orb-actions{position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);display:inline-flex;gap:12px;align-items:center}.orb-btn{--size: 40px;width:var(--size);height:var(--size);min-width:var(--size);border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;display:inline-grid;place-items:center;color:#fff;box-shadow:0 2px 10px #00000040;cursor:pointer;transition:background .15s ease,border-color .15s ease;overflow:hidden;filter:none;padding:0}.orb-btn:hover{background:#ffffff14;border-color:#fff3}.orb-btn:focus{outline:none;box-shadow:none}.orb-btn:active{transform:translateY(1px);box-shadow:none}.orb-avatar{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block;aspect-ratio:1 / 1}.orb-btn img.orb-avatar{display:block}.notif-dot{position:absolute;right:6px;top:6px;width:10px;height:10px;background:#ffd24d;border-radius:999px;box-shadow:0 0 0 4px #ffd24d1f,0 0 10px 6px #ffd24d0f;border:2px solid rgba(20,18,16,.08)}.orb-btn{position:relative}.orb-btn.has-unread{box-shadow:0 6px 26px #ffd24d14}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;text-decoration:none}.brand-badge{display:none}.brand-logo{width:36px;height:36px;border-radius:6px;display:inline-block;vertical-align:middle;margin-right:12px;filter:drop-shadow(0 3px 14px rgba(0,0,0,.6))}.header-orb.always-centered{position:static;width:120px;height:88px;display:flex;align-items:center;justify-content:center}.header-orb .orb-sun{width:86px;height:86px;border-radius:50%;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-orb .orb-sun img{width:86px;height:86px;border-radius:50%;display:block;--logo-scale: 1;transform:scale(var(--logo-scale));transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.header-orb.pulsing .orb-sun img{animation:logoPulse .5s ease-out;filter:drop-shadow(0 0 10px rgba(122,162,255,.6)) drop-shadow(0 0 20px rgba(108,225,255,.35))}@keyframes logoPulse{0%{transform:scale(calc(var(--logo-scale) * 1));filter:drop-shadow(0 0 0 rgba(122,162,255,0))}40%{transform:scale(calc(var(--logo-scale) * 1.06));filter:drop-shadow(0 0 12px rgba(122,162,255,.65))}to{transform:scale(calc(var(--logo-scale) * 1));filter:drop-shadow(0 0 10px rgba(122,162,255,.6))}}.orb-controls{display:inline-flex;gap:8px;align-items:center}.orb-buttons,.orb-suggest,.orb-suggest-item,.orb-suggest-footer{display:none!important}.orb-searchbar{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.orb-searchbar form{margin:0}.orb-searchbar .search-input{width:min(420px,38vw);height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0f285a59;color:var(--text);outline:none}.orb-searchbar .search-input::placeholder{color:#c8dcffa6}.orb-searchbar .search-input:focus{border-color:#7aa2ff80;box-shadow:0 0 0 2px #7aa2ff26}.header,main.container,.container,.card,.footer,.mobile-menu,.menu-backdrop{position:relative;z-index:2}@media (max-width: 600px){body:before{opacity:.38}body:after{opacity:.22}}.tabs{display:flex;gap:8px;align-items:center}.tab{text-decoration:none;padding:calc(var(--space) * .5) var(--space);border-radius:var(--radius-sm);font-weight:600;color:var(--muted)}.tab.active{color:var(--text);background:linear-gradient(90deg,#7aa2ff26,#6ce1ff1a);border:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--space) * .5) var(--space);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--elev);color:var(--text);font-weight:700;cursor:pointer;font-family:var(--font-body)}.btn.ghost{background:transparent;color:var(--muted)}.btn.block{width:100%}.icon-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.icon-action{display:grid;grid-template-rows:auto auto;justify-items:center;gap:6px;min-width:64px}.icon-button{width:44px;height:44px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;display:grid;place-items:center;color:var(--text);cursor:pointer;padding:0;box-shadow:0 2px 10px #00000040}.icon-button:hover{background:#ffffff14;border-color:#fff3}.icon-button.danger{border-color:#ff787880;color:#ff9b9b;background:#ff505014}.icon-button.danger:hover{background:#ff50501f;border-color:#ff8c8ca6}.icon{width:22px;height:22px;display:block}.icon-label{font-size:12px;color:var(--muted)}.chip-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:#0d141e;color:var(--text);font-weight:700;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.chip-btn:hover{border-color:#7aa2ff8c;box-shadow:0 0 0 2px #7aa2ff1a inset}.chip-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px #7aa2ff2e inset;background:linear-gradient(180deg,#0d141e,#101a27)}.chip-btn.small{padding:2px 8px;font-size:12px}.constellation-wrap{position:relative;width:100%;height:clamp(420px,60vh,720px);overflow:hidden;border-radius:var(--radius);background:radial-gradient(800px 400px at 50% 20%,#7aa2ff14,#7aa2ff00)}.constellation-canvas{position:absolute;inset:0;pointer-events:none}.constellation-layer{position:absolute;inset:0}.constellation-star{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;box-shadow:0 0 18px #ffe98f99,0 0 6px #ffd24de6;background:radial-gradient(circle,#ffe98f,#ffd24d 60%,#ffb300)}.constellation-node{position:absolute;transform:translate(-50%,-50%);width:64px;height:84px;text-align:center}.constellation-node .avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:1px solid var(--border);background:#0d141e;cursor:pointer}.constellation-node .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.constellation-node .label{font-size:12px;color:var(--muted);margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.constellation-tooltip{position:absolute;pointer-events:none;background:#121821f2;border:1px solid var(--border);border-radius:10px;padding:8px;width:220px;box-shadow:0 12px 30px #00000059;z-index:5}.constellation-tooltip .thumb{width:100%;height:120px;border-radius:8px;overflow:hidden;background:#0d141e;display:grid;place-items:center}.constellation-tooltip .thumb img{width:100%;height:100%;object-fit:cover;display:block}.constellation-tooltip .title{margin-top:6px;font-weight:700;font-size:13px}.zoom-ctrl{position:absolute;right:8px;top:8px;bottom:8px;width:46px;display:grid;grid-template-rows:auto 1fr auto;gap:6px;align-items:center;justify-items:center;padding:6px;border-radius:12px;background:#0f141e8c;border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.zoom-ctrl .btn{width:32px;height:32px;padding:0;border-radius:10px}.zoom-ctrl input[type=range]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;height:100%;width:10px;background:transparent;cursor:pointer}.zoom-ctrl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 2px #0d141e}.zoom-ctrl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(180deg,var(--accent),var(--accent-2));width:10px;border-radius:6px}.zoom-ctrl .val{font-size:11px;color:var(--muted)}.input,.select,textarea.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body)}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.card{background:linear-gradient(180deg,#1e293b59,#12182199);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space);box-shadow:0 6px 18px #00000040}.card .split{display:flex;gap:20px}.grid{display:grid;gap:var(--space)}.grid.two{grid-template-columns:1fr}@media (min-width: 1000px){.grid.two{grid-template-columns:1fr 1fr}}.grid.three{grid-template-columns:repeat(1,1fr)}@media (min-width: 900px){.grid.three{grid-template-columns:repeat(3,1fr)}}.grid.four{grid-template-columns:repeat(1,1fr)}@media (min-width: 1000px){.grid.four{grid-template-columns:repeat(4,1fr)}}.create-grid{--gap: clamp(12px, 1.8vw, 20px);--header-offset: 72px;--rows: 2;--cols: 5;--namebar-h: 46px;--tileW-from-w: calc((100vw - (var(--gap) * (var(--cols) + 1))) / var(--cols));--tileH-available: calc(100vh - var(--header-offset) - (var(--gap) * (var(--rows) + 1)));--tileH: calc(var(--tileH-available) / var(--rows));--thumbH: calc(var(--tileH) - var(--namebar-h));--tileW-from-h: calc(var(--thumbH) * .7071428571);--tileW: min(var(--tileW-from-w), var(--tileW-from-h));display:grid;grid-template-columns:repeat(var(--cols),var(--tileW));grid-template-rows:repeat(var(--rows),var(--tileH));gap:var(--gap);width:calc((var(--cols) * var(--tileW)) + (var(--gap) * (var(--cols) - 1)));margin-left:auto;margin-right:auto;height:calc(100vh - var(--header-offset));align-content:center}.project-card{position:relative;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#1e293b40,#1218218c);box-shadow:0 6px 16px #00000047;overflow:hidden;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.project-card:hover{transform:translateY(-2px);border-color:#7aa2ff73;box-shadow:0 10px 22px #00000059}.project-card{width:var(--tileW);height:var(--tileH);display:flex;flex-direction:column}.project-card .card-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px}.project-card .owner-tag{position:absolute;left:10px;bottom:54px;font-size:11px;color:var(--muted);opacity:.9}.project-card.new-tile .namebar{color:var(--text)}.create-page{width:100vw;max-width:none;margin:0;padding-left:0;padding-right:0;overflow:hidden}.a3-thumb{position:relative;width:100%;height:var(--thumbH);background:#0d141e;border-bottom:1px solid var(--border);display:grid;place-items:center;flex:0 0 auto}.a3-thumb img{width:100%;height:100%;object-fit:cover;display:block}.a3-thumb.placeholder{background:radial-gradient(220px 160px at 40% 35%,#7aa2ff0f,#7aa2ff00),radial-gradient(200px 140px at 70% 65%,#6ce1ff0f,#6ce1ff00),#0d141e}.a3-thumb.plus{border:1px dashed var(--border);background:#ffffff05}.big-plus{font-size:clamp(32px,10vw,48px);color:#ffffffb3;line-height:1}.namebar{height:46px;display:grid;place-items:center;font-weight:900;color:var(--text);background:linear-gradient(180deg,#141c28e6,#0c121cf2);border-top:1px solid var(--border);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:15px;letter-spacing:.2px}@media (min-width: 1200px){.create-grid{--header-offset: 120px;--gap: 28px;--namebar-h: 54px }.project-card{border-radius:16px}.namebar{height:54px;font-size:15px}}@media (max-width: 1100px){.create-grid{--cols: 4 }}@media (max-width: 900px){.create-grid{--cols: 3 }}@media (max-width: 700px){.create-grid{--cols: 2;--rows: 3 }}.create-page~.footer{display:none}.create-scroll{position:relative;width:100vw;--topPad: 12px;--bottomPad: 18px;height:calc(100vh - 72px - var(--topPad) - var(--bottomPad));overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;overscroll-behavior-inline:contain;overscroll-behavior:contain;padding-top:var(--topPad);padding-bottom:var(--bottomPad);background:linear-gradient(180deg,#0000,#0000001a 94%,#0000003d)}.create-scroll::-webkit-scrollbar{height:12px;background:transparent}.create-scroll::-webkit-scrollbar-thumb{background:#7aa2ff47;border-radius:8px}.create-scroll{scrollbar-width:thin}.create-track{display:grid;grid-auto-flow:column;align-items:center;gap:clamp(12px,2vw,24px);--namebar-h: 46px;--gapX: clamp(12px, 2vw, 24px);--tileH: calc(100vh - 72px - var(--topPad) - var(--bottomPad) - 2*var(--gapX));--thumbH: calc(var(--tileH) - var(--namebar-h));--tileW: calc(var(--thumbH) * .7071428571);--padX: max(12px, 2vw);padding-left:var(--padX);padding-right:var(--padX)}.create-track>.end-spacer{width:20px;height:1px}.create-track>.project-card{width:var(--tileW);height:var(--tileH);flex:0 0 auto}.create-track>.project-card .a3-thumb{height:var(--thumbH)}.shimmer{position:relative;overflow:hidden;background:#0f1621;border-radius:12px;min-height:16px}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff14,#fff0);transform:translate(-100%);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translate(100%)}}.carousel-wrap{position:relative}.carousel{position:relative;width:100%}.carousel-track{width:100%}.carousel::-webkit-scrollbar{display:none}.carousel{-ms-overflow-style:none;scrollbar-width:none}.dot{transition:background .3s,transform .3s}.dot.active{transform:scale(1.1)}.videos-grid{display:grid;gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(clamp(160px,42vw,220px),1fr));justify-content:center;align-items:start}@media (max-width: 1200px){.videos-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(150px,42vw,200px),1fr))}}@media (max-width: 700px){.videos-grid{grid-template-columns:repeat(1,1fr)}}.videos-layout{display:flex;gap:20px;align-items:flex-start}.main-col{flex:1 1 auto;min-width:0}.aside-col{flex:0 1 320px;width:320px;min-width:0}@media (max-width: 900px){.videos-layout{flex-direction:column}.aside-col{width:100%}.creators-box{order:2}.videos-box{order:1}.member-panel{display:none}.page-with-panel{padding-right:0}}@media (max-width: 480px){.video-thumb{aspect-ratio:16/9;max-height:220px}.carousel,.carousel-shimmer{max-height:300px}.carousel-ctrl{width:38px;height:38px}.profile-circle{width:36px;height:36px}.brand{font-size:16px}.brand-logo{width:28px;height:28px}}@media (max-width: 900px){.header-inner{height:auto;padding:8px 0;align-items:center;flex-wrap:wrap;justify-content:space-between}.tabs{display:none!important}.brand{margin-right:6px}}.mini-menu{display:none;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}.mini-menu svg{color:var(--muted)}.mini-menu:hover svg{color:var(--text)}@media (max-width: 900px){.mini-menu{display:inline-block}}.search-dropdown{width:320px;max-width:calc(100vw - 32px)}.search-dropdown .card{padding:12px}.search-dropdown .card .input{margin:0}.header-search-input{padding-left:40px}.header-search{position:relative}.header-search:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.6;font-size:16px;pointer-events:none}.header-search-input:focus{outline:2px solid var(--accent);outline-offset:0}.btn.big-plus{font-size:20px;padding:6px 12px;border-radius:10px}.mobile-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:linear-gradient(180deg,#1a2230f2,#121821f2);border:1px solid var(--border);border-radius:12px;padding:8px;display:grid;gap:6px;z-index:30;box-shadow:0 10px 30px #00000073;animation:menuDrop .18s ease-out;transform-origin:top center}.menu-link{text-decoration:none;color:var(--text);padding:10px 12px;border-radius:8px;display:block;transition:background .15s ease,transform .05s ease}.menu-link:hover{background:#7aa2ff14}.menu-link:active{transform:translateY(1px)}@media (min-width: 901px){.mobile-menu{display:none!important}}.menu-backdrop{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 420px){.brand{font-size:15px}.tab{padding:6px 8px}.profile-circle{width:34px;height:34px}}.video-card{padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden}.video-thumb{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius) var(--radius) 0 0;margin:0;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#0f1725,#0b1018);border:none;max-height:clamp(200px,40vw,360px);overflow:hidden}.video-thumb img{display:block;width:100%;height:100%;object-fit:cover}.video-meta{padding:12px;display:flex;flex-direction:column;gap:6px}.creators-box{background:linear-gradient(180deg,#1e293b59,#12182180);border:1px solid rgba(47,68,88,.6);border-radius:14px;padding:12px;box-shadow:0 10px 30px #00000073}.creators-box h3{margin-top:0}.videos-box{padding:12px;border-radius:14px}.pagination{display:flex;gap:8px;align-items:center}.pagination .btn{padding:6px 10px}.pagination .btn.primary{color:#fff;background:#1e90ff;border:1px solid rgba(30,144,255,.9);box-shadow:0 6px 18px #1e90ff2e,0 10px 30px #1e90ff2e,0 0 30px #1e90ff59}.pagination .btn.primary:hover{box-shadow:0 8px 20px #1e90ff38,0 14px 40px #1e90ff38,0 0 42px #1e90ff73}.pagination .btn.primary:active{box-shadow:0 6px 14px #1e90ff2e,0 8px 20px #1e90ff2e,0 0 28px #1e90ff52}.video-meta{display:flex;flex-direction:column;gap:4px}.video-meta .title{font-weight:700;line-height:1.2}.video-meta .small{font-size:12px}.users-list-vertical{display:flex;flex-direction:column;gap:12px}.user-row{padding:10px 12px;display:flex;align-items:center;gap:14px;min-height:68px}.avatar-sm{width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:#0d141e;display:grid;place-items:center;color:var(--muted);font-weight:700}.user-col{flex:1;display:flex;flex-direction:column}.user-col .name{font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.profile-circle{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;font-weight:700}.profile-initials{color:var(--muted)}.slide{scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#0d141e}.slide-media{width:100%;aspect-ratio:16 / 9;max-height:430px;display:grid;place-items:center;background:linear-gradient(180deg,#0e1726,#0a1018)}.slide-title{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#0a1018cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:700}.carousel-ctrl{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);width:var(--control);height:var(--control);border-radius:50%;display:grid;place-items:center;cursor:pointer;z-index:12}.carousel-ctrl.left{left:8px}.carousel-ctrl.right{right:8px}.carousel-ctrl:hover{background:#ffffff1f;transform:translateY(-50%) scale(1.03)}.thumb{height:100%;width:100%;display:grid;place-items:center}.carousel-shimmer{aspect-ratio:16 / 9;max-height:clamp(260px,48vw,430px);width:100%;border-radius:var(--radius)}.pills{display:inline-flex;gap:8px;background:var(--surface);border:1px solid var(--border);padding:6px;border-radius:12px}.pill{padding:8px 12px;border-radius:10px;cursor:pointer;color:var(--muted)}.pill.active{background:var(--elev);color:var(--text);border:1px solid var(--border)}.footer{display:none!important}body{padding-bottom:0}.invite-container{position:relative}.invite-tab{position:absolute;right:0;top:40px;transform:translate(50%);writing-mode:vertical-rl;text-orientation:mixed;background:var(--elev);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;font-weight:700}.invite-panel{position:absolute;right:calc(50% + 8px);top:0;width:260px;height:100%;background:var(--card);border-left:2px solid var(--border);padding:10px;box-shadow:-6px 0 18px #0006;transform:translate(100%);transition:transform .28s ease-in-out;overflow:hidden}.invite-panel.expanded{transform:translate(0)}.invite-panel .btn{padding:6px 8px;font-size:13px}.invite-panel div{padding:2px 0}.invite-panel{font-size:13px}.member-panel{width:260px;position:fixed;right:0;top:72px;bottom:0;padding:12px 14px;background:var(--card);display:flex;flex-direction:column;gap:8px;z-index:60;align-items:stretch;box-shadow:inset 1px 0 #ffffff05,-6px 0 18px #0000004d}.member-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.member-dropdown{margin-top:8px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid rgba(255,255,255,.03);padding:10px;border-radius:8px;max-height:360px;overflow:auto}.member-panel .btn.ghost{padding:6px 8px;font-size:13px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:28px;padding:4px;border-radius:8px}.icon-btn{position:relative;display:inline-grid;place-items:center;width:36px;height:28px;padding:4px;border-radius:8px}.icon-btn svg{color:var(--muted);width:18px;height:14px;display:block}.icon-btn:hover svg{color:var(--text)}.icon-btn{cursor:pointer;transition:background .12s ease,transform .06s ease,color .12s ease}.icon-btn:hover{background:#ffffff0f}.icon-btn:active{transform:translateY(1px)}.icon-btn.disabled{opacity:.4;cursor:default;pointer-events:none}.icon-btn.up.active svg{color:var(--accent);filter:drop-shadow(0 0 6px rgba(122,162,255,.35))}.icon-btn.down.active svg{color:#ff7a7a;filter:drop-shadow(0 0 6px rgba(255,122,122,.35))}.icon-btn.up:hover svg,.icon-btn.down:hover svg{color:var(--text)}.icon-btn.reply:hover svg,.icon-btn.send:hover svg{color:var(--text)}.invite-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#051226;font-weight:800;font-size:12px;border-radius:999px;border:1px solid rgba(255,255,255,.06)}.member-panel .member-header{padding-right:6px}@media (min-width: 900px){.page-with-panel{padding-right:300px}}.dropzone{position:relative;border:1px dashed var(--border);border-radius:12px;min-height:80px;display:grid;place-items:center;color:var(--muted)}.dropzone.active{border-color:var(--accent);background:#7aa2ff14;color:var(--text)}.drag-over-line{height:2px;background:var(--accent);border-radius:2px;margin:4px 0;opacity:0;transition:opacity .12s}.item.folder.highlight{outline:2px solid var(--accent);outline-offset:2px}.children{margin-left:22px;border-left:1px dashed var(--border);padding-left:12px}.tree{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tree ul{list-style:none;padding-left:0;margin:0}.tree-row{position:relative;display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(36,48,67,.6)}.tree-row:last-child{border-bottom:none}.tree-row:hover{background:#7aa2ff0f}.tree-row .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indent{width:14px;flex:0 0 14px}.twisty{width:16px;height:16px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transform:rotate(-90deg);transition:transform .15s ease}.twisty.open{transform:rotate(0)}.icon{width:18px;text-align:center}.tree-actions{display:flex;gap:6px}.tree .children{margin-left:22px;border-left:1px dashed var(--border);padding-left:8px}.tree .drag-over-line{position:absolute;left:0;right:0;height:2px;background:var(--accent);border-radius:2px;opacity:0}.tree .drag-over-line.top{top:-1px}.tree .drag-over-line.bottom{bottom:-1px}.item.drag-target-before .drag-over-line.top,.item.drag-target-after .drag-over-line.bottom{opacity:1}.item.folder.highlight{outline:2px solid var(--accent);outline-offset:-2px}.timeline-bar{position:relative}.timeline-bar .segment{transition:background .15s,flex .25s}.timeline-bar .segment:hover{background:#173048}.timeline-bar .segment.active{background:linear-gradient(90deg,#264b73,#1c2f44);box-shadow:inset 0 0 0 1px var(--accent)}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-2);box-shadow:0 0 4px var(--accent-2)}.cuts-strip{scrollbar-width:thin}.cuts-strip::-webkit-scrollbar{height:8px}.cuts-strip::-webkit-scrollbar-track{background:#0b1116}.cuts-strip::-webkit-scrollbar-thumb{background:#223445;border-radius:4px}.cuts-strip::-webkit-scrollbar-thumb:hover{background:#2d4c66}.cut-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.segment{background:#0f1822}.segment.active{background:linear-gradient(90deg,#264b73,#1c2f44);box-shadow:inset 0 0 0 1px var(--accent)}.segment:not(.active):hover{background:#173048}.segment.drag-over{outline:2px solid var(--accent-2);z-index:20;box-shadow:0 0 0 3px var(--accent-2),0 2px 12px #0006}.timeline-dropzone{min-width:18px;height:80px;display:inline-block;background:transparent;transition:background .15s}.timeline-dropzone.active{background:#6ce1ff1f}