@font-face{font-family:Basier Circle;src:url(/fonts/basiercircle-regular-webfont.woff2)format("woff2"),url(/fonts/basiercircle-regular-webfont.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Basier Circle;src:url(/fonts/basiercircle-medium-webfont.woff2)format("woff2"),url(/fonts/basiercircle-medium-webfont.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Basier Circle;src:url(/fonts/basiercircle-semibold-webfont.woff2)format("woff2"),url(/fonts/basiercircle-semibold-webfont.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Basier Circle;src:url(/fonts/basiercircle-bold-webfont.woff2)format("woff2"),url(/fonts/basiercircle-bold-webfont.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--page:#0b0b0c;--card:#161618;--fill:#212124;--soft:#2a2a2e;--tint:#36363b;--line:#2c2c30;--ink:#f4f4f5;--ink-hover:#d9d9dc;--ink-2:#b4b4ba;--ink-3:#8a8a92;--on-ink:#141414;--danger:#f0646f;--ok:#8fdcb0;--ok-soft:#1a2e23;--ok-soft-hover:#1f3a2b;--ok-tint:#24452f;--radius-xs:6px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-pill:999px;--space-1:6px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px;--space-6:18px;--space-7:24px;--space-8:28px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--page);font-family:Basier Circle,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background:var(--page);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink-2);outline-offset:2px}.muted{color:var(--ink-3)}.small{font-size:13px}.error{color:var(--danger);margin:0}.h1{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.spacer{flex:1}.push-right{margin-left:auto}.empty{padding:4px 0}.center-screen{place-items:center;min-height:100vh;padding:16px;display:grid}.card,.panel{background:var(--card);border-radius:var(--radius-lg)}.card{padding:var(--space-8);width:100%;max-width:420px}.panel{padding:var(--space-7)}.section-title{letter-spacing:-.025em;min-width:0;margin:0;font-size:24px;font-weight:700;line-height:1.15}.section-title em{color:var(--ink-2);font-style:normal;font-weight:400}.section-title.small-title{font-size:18px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--fill);min-height:42px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;padding:9px 18px;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--soft)}.btn.small{min-height:34px;padding:5px 14px;font-size:13px}.btn.primary{background:var(--ink);color:var(--on-ink)}.btn.primary:hover:not(:disabled){background:var(--ink-hover)}.btn.on-fill{background:var(--card)}.btn.on-fill:hover{background:var(--tint)}.btn:disabled{opacity:.4;cursor:default}.icon-btn{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn.small{width:28px;height:28px}.icon-btn:hover:not(:disabled){background:var(--soft);color:var(--ink)}.icon-btn.danger:hover{color:var(--danger)}.icon-btn.ok{color:var(--ink);background:var(--tint)}.icon-btn:disabled{opacity:.35;cursor:default}.link{color:var(--ink);text-underline-offset:2px;cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.field{gap:var(--space-2);color:var(--ink-2);font-size:13px;display:grid}input[type=password],input[type=text],.name-input,.inline-input,textarea,select{background:var(--fill);border-radius:var(--radius-sm);border:0;outline:none;width:100%;padding:11px 14px;transition:background .15s}input:hover,textarea:hover,select:hover{background:var(--soft)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink-3);outline-offset:0}.inline-input{font-weight:inherit;font-size:inherit;padding:6px 10px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b4b4ba' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.login{gap:var(--space-6);display:grid}.logo{--logo-h:20px;align-items:flex-start;gap:calc(var(--logo-h) * .32);flex-shrink:0;line-height:1;display:inline-flex}.logo img{height:var(--logo-h);width:auto;display:block}.logo-word{font-size:calc(var(--logo-h) * .98);letter-spacing:-.01em;color:#8a8a8f;margin-top:calc(var(--logo-h) * -.07);font-weight:500}.editable{align-items:center;gap:4px;min-width:0;max-width:100%;display:inline-flex}.editable-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editable .icon-btn{opacity:0}.editable:hover .icon-btn,.editable .icon-btn:focus-visible{opacity:1}@media (hover:none){.editable .icon-btn{opacity:1}}.admin{gap:var(--space-7);max-width:1420px;min-height:100vh;padding:var(--space-7);grid-template-columns:256px minmax(0,1fr);align-items:start;margin:0 auto;display:grid}.sidebar{top:var(--space-7);padding:var(--space-5);flex-direction:column;gap:2px;max-height:calc(100vh - 48px);display:flex;position:sticky}.sidebar-top{justify-content:space-between;align-items:center;padding:8px 8px 18px;display:flex}.sidebar-items{flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.sidebar-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:16px 12px 6px;font-size:10.5px;font-weight:500}.sidebar-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;min-height:40px;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:11px;padding:0 12px;font-size:14px;transition:background .15s;display:flex}.sidebar-item:hover{background:var(--fill);color:var(--ink)}.sidebar-item.active{background:var(--tint);color:var(--ink);font-weight:500}.sidebar-item.logout{margin-top:14px}.sidebar-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count{border-radius:var(--radius-xs);background:var(--fill);color:var(--ink-2);font-variant-numeric:tabular-nums;padding:4px 7px;font-size:11px;font-weight:500;line-height:1}.sidebar-item.active .count{background:var(--card)}.storage-card{margin-top:var(--space-4);background:var(--fill);border-radius:var(--radius-md);gap:6px;padding:14px 14px 12px;display:grid}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:500}.storage-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.storage-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.storage-card .progress{height:5px}.storage-cost{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;padding-top:10px;display:flex}.storage-cost strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.tiny{font-size:11.5px}.new-folder{gap:var(--space-2);padding:6px 2px;display:grid}.new-folder-actions{justify-content:flex-end;gap:var(--space-1);display:flex}.admin-main{gap:var(--space-7);min-width:0;display:grid}.view-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.admin-main .panel>.small-title{margin-bottom:var(--space-6)}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;color:var(--ink-2);background:var(--fill);justify-items:center;gap:6px;padding:26px 20px;font-size:14px;transition:background .18s;display:grid}.dropzone strong{color:var(--ink);font-weight:600}.dropzone:hover,.dropzone.active{background:var(--soft)}.drop-icon{border-radius:var(--radius-sm);background:var(--card);width:44px;height:44px;color:var(--ink);place-items:center;margin-bottom:6px;display:grid}.uploads{margin-top:var(--space-4)}.uploads,.video-list{gap:var(--space-4);margin-bottom:0;padding:0;list-style:none;display:grid}.video-list{margin-top:0}.upload-row,.video-row{padding:var(--space-5);background:var(--fill);border-radius:var(--radius-md);align-items:center;gap:14px;transition:background .18s;display:flex}.video-row:hover{background:var(--soft)}.upload-info,.video-info{flex:1;gap:2px;min-width:0;display:grid}.video-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.download-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-text{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.folder-select{border-radius:var(--radius-pill);background-color:var(--card);flex-shrink:0;width:180px;padding:8px 34px 8px 14px;font-size:13px}.folder-select:hover{background-color:var(--tint)}.upload-row .progress{flex:1}.progress{background:var(--card);border-radius:99px;height:6px;overflow:hidden}.progress-bar{background:var(--ink);height:100%;transition:width .2s}.upload-row.error .progress-bar{background:var(--danger)}.row-actions{align-items:center;gap:2px;display:flex}.badge{color:var(--ink-2);border-radius:var(--radius-pill);background:var(--card);flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.has{color:var(--ink);background:var(--tint)}.mobile-only{display:none}.review-header{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-7);display:flex}.review-heading{align-items:center;gap:var(--space-5);min-width:0;display:flex}.topbar-divider{background:var(--line);align-self:stretch;width:1px}.review-title{min-width:0;display:grid}.review-title .h1,.review-title .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.back-link{color:var(--ink-3);align-items:center;gap:4px;width:fit-content;display:inline-flex}.back-link:hover{color:var(--ink)}.folder-page{min-height:100vh}.folder-main{max-width:1180px;margin:0 var(--space-7) var(--space-7)}@media (width>=1230px){.folder-main{margin:0 auto var(--space-7)}}.folder-heading{margin-bottom:var(--space-6)}.folder-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.folder-card{background:var(--fill);border-radius:var(--radius-md);padding:var(--space-1);flex-direction:column;transition:background .18s;display:flex}.folder-card:hover{background:var(--soft)}.folder-thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;display:block;position:relative;overflow:hidden}.folder-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.thumb-play{background:var(--ink);width:50px;height:50px;color:var(--on-ink);border-radius:50%;place-items:center;margin:auto;padding-left:3px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0}.folder-thumb:hover .thumb-play{transform:scale(1.08)}.folder-card-body{gap:2px;padding:12px 10px 10px;display:grid}.folder-card-body a.title-text:hover{text-underline-offset:3px;text-decoration:underline}.folder-card-actions{margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.review{flex-direction:column;height:100dvh;display:flex}.review-body{gap:var(--space-5);min-height:0;padding:0 var(--space-7) var(--space-7);flex:1;grid-template-columns:minmax(0,1fr) 380px;display:grid}.player-panel{padding:var(--space-3);flex-direction:column;min-height:0;display:flex}.comments{min-height:0;padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.comments-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:4px 4px 0;display:flex}.seg{gap:4px;display:flex}.seg button{border-radius:var(--radius-pill);background:var(--fill);min-height:32px;color:var(--ink-2);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.seg button:hover{background:var(--soft);color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);font-weight:500}.seg .n{opacity:.7;font-variant-numeric:tabular-nums;font-size:11px}.comment-list{gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--tint) transparent;flex-direction:column;flex:1;min-height:0;margin-right:-10px;padding-right:10px;display:flex;overflow-y:auto}.comment-list::-webkit-scrollbar{width:6px}.comment-list::-webkit-scrollbar-thumb{background:var(--tint);border-radius:99px}.comment-list::-webkit-scrollbar-track{background:0 0}.thread{background:var(--fill);border-radius:var(--radius-md);padding:4px;transition:background .15s}.thread:hover{background:var(--soft)}.thread.now,.thread.active{background:var(--tint)}.comment{border-radius:14px;padding:10px 12px}.comment:not(.reply){cursor:pointer}.comment.reply{background:#00000038;margin:2px 0 2px 22px}.thread.resolved{background:var(--ok-soft)}.thread.resolved:hover{background:var(--ok-soft-hover)}.thread.resolved.now,.thread.resolved.active{background:var(--ok-tint)}.thread.resolved>.comment:not(.reply) .comment-body{color:var(--ink-2)}.meta-actions{align-items:center;gap:4px;display:inline-flex}.meta-actions .icon-btn.small{width:30px;height:30px;color:var(--ink-3);opacity:.7}.meta-actions .icon-btn.small:hover{opacity:1}.comment-meta{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.comment-meta strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.comment-date{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.meta-actions,.comment-meta .pill,.comment-meta .time-chip{flex-shrink:0}.comment-body{white-space:pre-wrap;word-break:break-word;color:var(--ink);margin:6px 0 0}.pill{border-radius:var(--radius-pill);background:var(--tint);color:var(--ink-2);padding:2px 8px;font-size:11px;font-weight:500}.meta-actions .done-btn{margin-left:8px}.done-btn{background:var(--card);width:28px;height:28px;color:var(--ink-3);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,color .15s;display:grid}.done-btn:hover{color:var(--ink)}.done-btn.static{cursor:default}.done-btn.on{background:var(--ok);color:#10241a}.resolved-note{color:var(--ok);align-items:center;gap:4px;margin-top:6px;font-weight:500;display:inline-flex}.text-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;font-size:12.5px;font-weight:500;display:inline-flex}.text-btn:hover{color:var(--ink)}.text-btn.danger:hover{color:var(--danger)}.reply-toggle{margin:0 0 6px 12px}.reply-form,.edit-box{gap:var(--space-2);display:grid}.reply-form{padding:4px 8px 8px 30px}.edit-box{margin-top:6px}.reply-form textarea,.reply-form .name-input,.edit-box textarea{background:var(--card);resize:vertical;font-size:14px}.edit-actions{justify-content:flex-end;gap:var(--space-1);display:flex}.time-chip{font-variant-numeric:tabular-nums;color:var(--on-ink);background:var(--ink);border-radius:var(--radius-pill);flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}.composer{gap:var(--space-3);display:grid}.composer-box{align-items:flex-start;gap:var(--space-3);background:var(--fill);border-radius:var(--radius-md);padding:12px 14px;transition:background .15s;display:flex}.composer-box:hover,.composer-box:focus-within{background:var(--soft)}.composer-box .time-chip{margin-top:2px}.composer-box textarea{resize:none;background:0 0;border:0;min-height:96px;padding:0;font-size:15px}.composer-box textarea:focus-visible{outline:none}.composer-actions{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.player{flex-direction:column;flex:auto;min-height:0;display:flex}.player:fullscreen{background:var(--card);padding:var(--space-3)}.stage{border-radius:var(--radius-md);cursor:pointer;background:#000;flex:1;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.stage video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-center{background:#0000004d;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.stage-msg{color:var(--ink);border-radius:var(--radius-pill);background:#161618cc;padding:6px 14px;font-size:14px}.big-play{background:var(--ink);width:76px;height:76px;color:var(--on-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding-left:4px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.big-play:hover:not(:disabled){transform:scale(1.06)}.big-play:disabled{color:var(--ink);cursor:default;background:#161618d9;padding-left:0}.spinner{border:3px solid #fff3;border-top-color:var(--ink);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls{padding:var(--space-3) var(--space-2) 0;flex-shrink:0;gap:2px;display:grid}.track{cursor:pointer;touch-action:none;align-items:center;height:18px;display:flex;position:relative}.track-rail{background:var(--fill);border-radius:99px;width:100%;height:5px;position:relative;overflow:hidden}.track:hover .track-rail{height:7px}.track-buffered,.track-played{position:absolute;inset:0 auto 0 0}.track-buffered{background:var(--tint)}.track-played{background:var(--ink)}.track-head{background:var(--ink);border:3px solid var(--card);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.track-tooltip{background:var(--ink);color:var(--on-ink);border-radius:var(--radius-pill);pointer-events:none;font-variant-numeric:tabular-nums;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;bottom:22px;transform:translate(-50%)}.markers{height:24px;position:relative}.marker{border:2px solid var(--card);background:var(--ink-2);width:19px;height:19px;color:var(--on-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:10px;font-weight:700;transition:transform .12s,background .12s;display:grid;position:absolute;top:3px;transform:translate(-50%)}.marker.resolved{background:var(--ok);color:#10241a}.marker:hover,.marker.active{background:var(--ink);z-index:1;transform:translate(-50%)scale(1.2)}.control-row{align-items:center;gap:4px;display:flex}.timecode{font-variant-numeric:tabular-nums;margin-left:4px;font-size:13px}.buffer-label{margin-right:6px}.volume{width:80px;accent-color:var(--ink)}:root{--neon:#ff2bd6}.annotation{z-index:2;pointer-events:none;position:absolute;overflow:visible}.annotation.editable{pointer-events:auto;cursor:crosshair;touch-action:none}.annotation polyline{fill:none;stroke:var(--neon);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #000000e6)drop-shadow(0 0 6px #ff2bd68c)}.stage.is-drawing{cursor:crosshair}.draw-hint{z-index:3;color:#fff;border-radius:var(--radius-pill);pointer-events:none;background:#161618cc;padding:5px 12px 5px 26px;font-size:13px;font-weight:500;position:absolute;top:12px;left:12px}.draw-hint:before{content:"";background:var(--neon);width:8px;height:8px;box-shadow:0 0 8px var(--neon);border-radius:50%;margin-top:-4px;position:absolute;top:50%;left:11px}.draw-tools{align-items:center;gap:2px;min-width:0;display:flex}.draw-toggle.on{background:var(--neon);color:#1a0516}.draw-toggle.on:hover:not(:disabled){background:#ff5ae0}.drawing-flag{color:var(--neon);flex-shrink:0;place-items:center;display:inline-grid}@media (width<=1000px){.admin{padding:var(--space-4);gap:var(--space-4);grid-template-columns:1fr}.sidebar{max-height:none;padding:var(--space-4);position:static}.sidebar-top{padding:2px 4px 12px}.sidebar-items{gap:var(--space-1);flex-direction:row;overflow-x:auto}.sidebar-heading{display:none}.sidebar-item{background:var(--fill);border-radius:var(--radius-pill);flex-shrink:0;width:auto}.sidebar-label{overflow:visible}.new-folder{flex-shrink:0;width:260px;padding:0}.desktop-only{display:none}.storage-card{margin-top:var(--space-3)}.mobile-only{display:inline-grid}.admin-main{gap:var(--space-4)}.panel{padding:var(--space-5)}}@media (width<=900px){.review-body{padding:0 var(--space-3) var(--space-3);gap:var(--space-3);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.player-panel{padding:var(--space-2);border-radius:var(--radius-md)}.stage{aspect-ratio:16/9;border-radius:var(--radius-sm);flex:none;width:100%;min-height:0;max-height:42vh}.comments{border-radius:var(--radius-md);padding:var(--space-3)}.comments-head{display:none}.composer-box textarea{height:44px;min-height:44px}.composer-actions .muted{display:none}.composer-actions{justify-content:flex-end}.review-header{padding:var(--space-3) var(--space-4)}.folder-main{margin:0 var(--space-3) var(--space-3)}}@media (width<=600px){.review-header .logo,.review-header .topbar-divider{display:none}.folder-page .review-header .logo{display:inline-flex}.video-row{flex-wrap:wrap}.video-info{flex-basis:100%}.folder-select{flex:1;width:auto}.volume,.buffer-label,.hide-xs{display:none}.section-title{font-size:20px}}
