:root{--text: #eef2f8;--muted: #9aa7bd;--accent: #5ef2c0;--accent2: #6aa8ff;--danger: #ff6b8b;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .14);--glass-hi: rgba(255, 255, 255, .35);--blur: 22px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:#05070d;overflow:hidden}body:before{content:"";position:fixed;top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:-2;background:radial-gradient(38vmax 38vmax at 12% 18%,rgba(106,168,255,.55),transparent 60%),radial-gradient(34vmax 34vmax at 88% 12%,rgba(94,242,192,.45),transparent 60%),radial-gradient(42vmax 42vmax at 78% 88%,rgba(180,120,255,.5),transparent 62%),radial-gradient(36vmax 36vmax at 20% 92%,rgba(255,107,139,.4),transparent 60%);filter:blur(30px) saturate(140%);animation:drift 26s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120vmax 80vmax at 50% -10%,transparent,rgba(5,7,13,.7) 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E")}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.05) rotate(0)}to{transform:translate3d(3%,2%,0) scale(1.12) rotate(8deg)}}.glass{position:relative;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 40px #00000073,inset 0 1px 0 var(--glass-hi),inset 0 -1px #00000040}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%);opacity:.9}.app{display:flex;flex-direction:column;height:100vh;padding:14px;gap:14px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);display:flex;flex-direction:column;gap:16px;padding:24px}.auth-card h1{margin:8px 0 4px;font-size:24px}.auth-card p{margin:0;color:var(--muted);font-size:14px}.auth-card label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.auth-card input,.project-tools select,.share-fields input{background:#00000052;color:var(--text);border:1px solid var(--glass-border);border-radius:10px;padding:10px 12px;font:inherit}.auth-card input:focus,.project-tools select:focus,.share-fields input:focus{outline:none;border-color:var(--accent)}.primary-btn{background:linear-gradient(180deg,var(--accent),#35c99c);color:#04231a;border:none;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:wait}.text-btn{background:none;color:var(--accent2);border:none;padding:4px;cursor:pointer}.form-error{color:var(--danger);font-size:12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.brand{display:flex;align-items:baseline;gap:10px}.logo{font-weight:800;font-size:22px;letter-spacing:-.5px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.tag{color:var(--muted);font-size:13px}.asset{display:flex;gap:14px;align-items:baseline;font-size:13px}.asset .ver{color:var(--accent2)}.asset .fps{color:var(--muted);font-family:ui-monospace,monospace}.project-tools{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:12px}.project-tools select{min-width:170px;padding:7px 10px;font-size:12px}.share-panel{display:flex;align-items:center;gap:14px;padding:12px 16px;font-size:13px}.share-panel>div:first-child{display:flex;flex-direction:column;min-width:150px}.share-panel>div:first-child span{color:var(--muted)}.share-fields{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.share-fields span{color:var(--muted);font-family:ui-monospace,monospace}.share-fields input{flex:1;min-width:160px;padding:8px 10px}.share-fields button{background:var(--glass-strong);color:var(--text);border:1px solid var(--glass-border);border-radius:10px;padding:8px 11px;cursor:pointer}.share-panel a{color:var(--accent);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-panel em{color:var(--accent);font-style:normal}.player-layout{display:grid;grid-template-columns:1fr 360px;gap:14px;flex:1;min-height:0}.stage{display:flex;flex-direction:column;gap:12px;min-height:0}.video-wrap{flex:1;min-height:0;padding:10px;display:flex;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:contain;display:block;background:#000;border-radius:12px;cursor:pointer}.timeline{position:relative;padding:6px 14px 2px}.timeline input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff24;border-radius:999px;outline:none}.timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#fff,#cfe4ff);box-shadow:0 2px 8px #00000080,0 0 0 4px #6aa8ff40;cursor:pointer}.markers{position:relative;height:14px;margin:4px 2px 0}.marker{position:absolute;top:0;width:10px;height:14px;transform:translate(-50%);background:linear-gradient(180deg,var(--accent),#34c79b);border:none;border-radius:3px;cursor:pointer;padding:0;box-shadow:0 2px 6px #0006}.marker:hover{background:#fff}.transport{display:flex;align-items:center;gap:8px;padding:12px 14px}.transport button{background:var(--glass-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border:1px solid var(--glass-border);border-radius:12px;padding:9px 13px;font-size:15px;cursor:pointer;transition:transform .08s ease,border-color .15s ease}.transport button:hover{border-color:var(--accent2);transform:translateY(-1px)}.transport button:active{transform:translateY(0)}.transport .play{background:linear-gradient(180deg,var(--accent2),#4b86e6);border-color:transparent;color:#041018;font-weight:700;box-shadow:0 6px 18px #6aa8ff66}.tc-block{margin-left:12px;display:flex;flex-direction:column;align-items:flex-start;cursor:text;padding:2px 12px;border-left:1px solid var(--glass-border)}.tc{font-family:ui-monospace,Menlo,monospace;font-size:27px;font-weight:700;letter-spacing:1px;color:var(--accent);text-shadow:0 0 18px rgba(94,242,192,.45)}.tc-edit{background:#00000080;border:1px solid var(--accent);border-radius:8px;width:200px}.frameno{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.toggle{margin-left:auto;font-size:12px!important}.toggle.on{border-color:var(--accent)!important;color:var(--accent)}.comments{padding:16px;display:flex;flex-direction:column;min-height:0}.comments h3{margin:0 0 12px;font-size:15px;letter-spacing:.2px}.new-comment{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.new-comment .anchor{font-family:ui-monospace,monospace;font-size:12px;color:var(--accent)}.new-comment textarea{background:#00000059;color:var(--text);border:1px solid var(--glass-border);border-radius:12px;padding:10px;min-height:62px;resize:vertical;font-family:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.new-comment textarea:focus{outline:none;border-color:var(--accent)}.new-comment>button{background:linear-gradient(180deg,var(--accent),#35c99c);color:#04231a;border:none;border-radius:12px;padding:10px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #5ef2c059}.comments ul{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.comments li{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.comments li.active{border-color:var(--accent);box-shadow:0 0 0 1px #5ef2c059}.comments li.empty{color:var(--muted);background:transparent;border:1px dashed var(--glass-border);text-align:center;font-size:13px}.comments .jump{background:none;border:none;color:var(--accent);font-family:ui-monospace,monospace;font-size:13px;cursor:pointer;padding:0;display:flex;gap:8px;align-items:baseline}.comments .jump .fn{color:var(--muted);font-size:11px}.comments li p{margin:4px 0 0;font-size:14px}.hint{padding:11px 20px;color:var(--muted);font-size:13px}.hint b{color:var(--text)}.library{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;align-items:center}.chip{display:flex;align-items:center;gap:8px;white-space:nowrap;background:var(--glass);color:var(--text);border:1px solid var(--glass-border);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip.on{border-color:var(--accent);color:var(--accent)}.chip .st{color:var(--accent);font-size:10px}.chip:disabled{opacity:.55;cursor:wait}.upl-btn{margin-left:8px;background:var(--glass-strong);color:var(--text);border:1px solid var(--glass-border);border-radius:10px;padding:6px 12px;font-size:12px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upl-btn:hover{border-color:var(--accent)}.upl-btn.on{border-color:var(--accent);color:var(--accent)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:1;min-height:0}.compare-pane{display:flex;flex-direction:column;min-width:0;min-height:0;gap:8px}.compare-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px;font-size:13px;color:var(--muted)}.compare-head strong{color:var(--text)}.compare-head span{color:var(--accent2);font-family:ui-monospace,monospace}.compare-pane .player-layout{grid-template-columns:1fr}.compare-pane .comments{display:none}.uploader{padding:16px;display:flex;flex-direction:column;gap:12px}.dropzone{border:1.5px dashed var(--glass-border);border-radius:16px;padding:26px;text-align:center;color:var(--muted);transition:border-color .15s ease,background .15s ease;cursor:pointer}.dropzone.drag{border-color:var(--accent);background:#5ef2c014;color:var(--text)}.dropzone strong{color:var(--text)}.upload-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px}.upload-row .name{font-size:13px;display:flex;justify-content:space-between;gap:8px}.upload-row .name .st{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.bar{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .2s ease}.bar.transcode>span{background:linear-gradient(90deg,#b478ff,var(--accent2))}