.landing{position:relative;min-height:100vh;overflow-x:hidden;color:#e8eaed;background:linear-gradient(165deg,#0c0e14,#0f1117 45%,#0a0c12)}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 15%,transparent 70%);mask-image:radial-gradient(ellipse 90% 80% at 50% 0%,black 15%,transparent 70%)}.landing-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:landing-float 14s ease-in-out infinite}.landing-orb-a{width:480px;height:480px;top:-140px;left:-100px;background:#4f8cff33}.landing-orb-b{width:400px;height:400px;right:-80px;top:30%;background:#6366f124;animation-delay:-4s}.landing-orb-c{width:320px;height:320px;left:35%;bottom:-80px;background:#ef5f5f14;animation-delay:-8s}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-18px) scale(1.04)}66%{transform:translate(-16px,12px) scale(.96)}}.landing-reveal{animation:landing-fade-up .75s cubic-bezier(.22,1,.36,1) both}.landing-reveal-d1{animation-delay:.05s}.landing-reveal-d2{animation-delay:.12s}.landing-reveal-d3{animation-delay:.2s}.landing-reveal-d4{animation-delay:.28s}.landing-reveal-d5{animation-delay:.36s}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.landing-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem}.landing-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.landing-logo img{border-radius:11px;box-shadow:0 8px 24px #4f8cff40}.landing-logo strong{display:block;font-size:1.05rem;line-height:1.2}.landing-logo small{display:block;font-size:.72rem;color:#9aa0a6;font-weight:500}.landing-nav-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.landing-nav-links a{color:#9aa0a6;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s}.landing-nav-links a:hover{color:#e8eaed}.landing-nav-admin{padding:.4rem .85rem!important;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e8eaed!important}.landing-nav-admin:hover{border-color:#4f8cff73;background:#4f8cff1a}.landing-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem}.landing-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;margin-bottom:1.25rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#c8cdd8;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.landing-rec-dot{width:8px;height:8px;border-radius:50%;background:#ef5f5f;box-shadow:0 0 12px #ef5f5fb3;animation:landing-pulse 1.8s ease-in-out infinite}@keyframes landing-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.landing-title{margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.landing-title span{background:linear-gradient(135deg,#4f8cff,#8b5cf6 55%,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-lead{margin:0 0 1.75rem;max-width:32rem;font-size:1.08rem;line-height:1.65;color:#9aa0a6}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;border-radius:12px;font-size:.95rem;font-weight:650;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s,background .15s}.landing-btn:hover{transform:translateY(-2px)}.landing-btn-primary{color:#fff;background:linear-gradient(135deg,#4f8cff,#6366f1);box-shadow:0 10px 32px #4f8cff59}.landing-btn-primary:hover{filter:brightness(1.06);box-shadow:0 14px 40px #4f8cff73}.landing-btn-ghost{color:#e8eaed;background:#ffffff0a;border-color:#ffffff1a}.landing-btn-ghost:hover{border-color:#4f8cff66;background:#4f8cff14}.landing-btn-xl{flex-direction:column;padding:1.1rem 1.5rem;min-width:260px;border-radius:16px}.landing-btn-xl small{font-size:.78rem;font-weight:500;opacity:.85}.landing-btn-icon{font-size:1.25rem;line-height:1}.landing-hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.landing-hero-tags li{font-size:.78rem;color:#9aa0a6;padding:.28rem .65rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.landing-hero-visual{position:relative;perspective:1200px}.landing-mock-glow{position:absolute;top:10%;right:5%;bottom:10%;left:5%;background:radial-gradient(circle,rgba(79,140,255,.25),transparent 65%);filter:blur(40px);animation:landing-pulse 3s ease-in-out infinite}.landing-mock{position:relative;width:min(100%,340px);margin:0 auto;border-radius:16px;background:#080a0e;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px #0000008c;transform:rotateY(-8deg) rotateX(4deg);animation:landing-mock-tilt 8s ease-in-out infinite;overflow:hidden}@keyframes landing-mock-tilt{0%,to{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(2deg) translateY(-8px)}}.landing-mock-titlebar{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;font-size:.72rem;font-weight:600;color:#9aa0a6;border-bottom:1px solid rgba(255,255,255,.06)}.landing-mock-keys kbd{font-size:.62rem;padding:2px 5px;margin-left:2px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8cdd8}.landing-mock-body{padding:.85rem;display:flex;flex-direction:column;gap:.65rem}.landing-mock-label{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#5c6478;margin-bottom:.35rem}.landing-mock-tabs{display:flex;gap:.35rem}.landing-mock-tabs span{flex:1;text-align:center;font-size:.68rem;padding:.4rem;border-radius:8px;background:#ffffff08;color:#8b93a7}.landing-mock-tabs span.active{background:#4f8cff26;color:#5b8def;border:1px solid rgba(91,141,239,.35)}.landing-mock-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.landing-mock-status .rec{color:#ef5f5f;font-weight:700;animation:landing-pulse 1.2s infinite}.landing-mock-status .time{font-family:Consolas,monospace;font-weight:700}.landing-mock-status .dim{color:#5c6478;font-size:.65rem}.landing-mock-bar{height:4px;border-radius:999px;background:#ffffff0f;overflow:hidden}.landing-mock-progress{display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f8cff,#6366f1);animation:landing-progress 2.5s ease-in-out infinite}@keyframes landing-progress{0%,to{width:45%}50%{width:78%}}.landing-mock-share{display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-size:.65rem;color:#8b93a7}.landing-mock-url{font-family:Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-mock-hud{position:absolute;top:18%;right:-8%;display:flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:10px;font-size:.72rem;font-family:Consolas,monospace;font-weight:700;background:#06080cf2;border:1px solid rgba(239,95,95,.45);box-shadow:0 12px 32px #00000073;animation:landing-hud-float 5s ease-in-out infinite}.landing-mock-hud-rec{color:#ef5f5f;font-size:.62rem;letter-spacing:.06em}.landing-mock-hud .warn{color:#f6d365}.landing-mock-hud small{font-size:.55rem;font-weight:500;color:#8b93a7;font-family:Segoe UI,sans-serif}@keyframes landing-hud-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-section{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.landing-section-alt{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff04}.landing-section-head{text-align:center;max-width:560px;margin:0 auto 2.5rem}.landing-section-head h2{margin:0 0 .65rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em}.landing-section-head p{margin:0;color:#9aa0a6;font-size:1.02rem;line-height:1.55}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.landing-feature{padding:1.35rem 1.25rem;border-radius:18px;background:#12151ebf;border:1px solid rgba(255,255,255,.07);transition:transform .2s,border-color .2s,box-shadow .2s}.landing-feature:hover{transform:translateY(-4px);border-color:#4f8cff40;box-shadow:0 16px 40px #00000059}.landing-feature-icon{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;margin-bottom:.85rem;border-radius:10px;font-size:1rem;background:#4f8cff1f;border:1px solid rgba(79,140,255,.2)}.landing-feature h3{margin:0 0 .5rem;font-size:1.05rem}.landing-feature p{margin:0;font-size:.88rem;line-height:1.55;color:#9aa0a6}.landing-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.landing-step{display:flex;gap:1rem;padding:1.35rem;border-radius:18px;background:#12151e99;border:1px solid rgba(255,255,255,.07)}.landing-step-n{font:800 1.5rem/1 Consolas,monospace;color:#4f8cff59;flex-shrink:0}.landing-step h3{margin:0 0 .4rem;font-size:1rem}.landing-step p{margin:0;font-size:.88rem;line-height:1.55;color:#9aa0a6}.landing-download{padding-bottom:5rem}.landing-download-card{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:2rem 2.25rem;border-radius:24px;background:#12151ee0;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px #0006}.landing-download-card h2{margin:0 0 .5rem;font-size:1.75rem}.landing-download-version{margin:0 0 .75rem;color:#9aa0a6}.landing-download-changelog{margin:0 0 1rem;font-size:.92rem;line-height:1.5;color:#c8cdd8}.landing-download-reqs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.landing-download-reqs li{font-size:.85rem;color:#9aa0a6;padding-left:1rem;position:relative}.landing-download-reqs li:before{content:"·";position:absolute;left:0;color:#4f8cff;font-weight:700}.landing-download-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-download-hint{margin:0;max-width:280px;font-size:.72rem;line-height:1.45;color:#5c6478;text-align:center}.landing-download-hint code{font-size:.68rem;color:#8b93a7}.landing-link-muted{font-size:.85rem;color:#9aa0a6;text-decoration:none}.landing-link-muted:hover{color:#4f8cff}.landing-footer{position:relative;z-index:1;text-align:center;padding:2rem 1.5rem 2.5rem;border-top:1px solid rgba(255,255,255,.06)}.landing-footer-brand{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:700}.landing-footer-brand img{border-radius:7px}.landing-footer p{margin:0 0 1rem;font-size:.88rem;color:#9aa0a6}.landing-footer-links{display:flex;justify-content:center;gap:1.25rem}.landing-footer-links a{color:#9aa0a6;text-decoration:none;font-size:.88rem}.landing-footer-links a:hover{color:#4f8cff}@media(max-width:960px){.landing-hero{grid-template-columns:1fr;gap:2.5rem;padding-bottom:3rem}.landing-hero-visual{order:-1}.landing-mock{transform:none;animation:landing-mock-mobile 6s ease-in-out infinite}@keyframes landing-mock-mobile{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-mock-hud{right:4%;top:8%}.landing-features,.landing-steps{grid-template-columns:1fr}.landing-download-card{grid-template-columns:1fr;text-align:center}.landing-download-reqs{align-items:center}.landing-nav-links a:not(.landing-nav-admin){display:none}}@media(max-width:640px){.landing-nav{padding:1rem}.landing-section{padding:3rem 1rem}.landing-download-card{padding:1.5rem}.landing-btn-xl{width:100%}}@media(prefers-reduced-motion:reduce){.landing-reveal,.landing-orb,.landing-mock,.landing-mock-hud,.landing-rec-dot,.landing-mock-progress,.landing-mock-glow{animation:none!important}}*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2f3d;--text: #e8eaed;--muted: #9aa0a6;--primary: #4f8cff;--primary-hover: #3d7aef;--danger: #e5534b;--success: #3fb950;--radius: 8px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.loading-screen,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0;font-size:1.5rem}.subtitle{margin:0;color:var(--muted);font-size:.875rem}.tabs{display:flex;gap:.5rem}.tabs button{flex:1;padding:.5rem;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:var(--radius);cursor:pointer}.tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:var(--muted)}input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:1rem}input:focus{outline:2px solid var(--primary);outline-offset:1px}.btn{padding:.6rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-size:.875rem;transition:background .15s}.btn:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:transparent}.btn.sm{padding:.35rem .65rem;font-size:.8rem}.error{color:var(--danger);font-size:.875rem}.banner.error{background:#e5534b26;border:1px solid var(--danger);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header h1{margin:0;font-size:1.5rem}.header-actions{display:flex;gap:.5rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1.5rem;align-items:start}@media(max-width:960px){.layout{grid-template-columns:1fr}}.table-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.admin-toolbar{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.admin-search{flex:1;min-width:180px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.875rem}.admin-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.875rem}.author-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.65rem 1rem;border-bottom:1px solid var(--border)}.chip{padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:.75rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--primary);color:var(--text)}.chip.active{background:#4f8cff26;border-color:var(--primary);color:var(--primary)}.bulk-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem 1rem;background:#4f8cff14;border-bottom:1px solid var(--border);font-size:.875rem}.table-wrap{overflow-x:hidden}.table-footer{margin:0;padding:.5rem 1rem;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}.admin-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;padding:.65rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;font-size:.875rem;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.col-check{width:2.25rem;text-align:center}.col-author{width:5.5rem}.col-size{width:6.5rem;white-space:nowrap}.col-date{width:5.25rem;white-space:nowrap;color:var(--muted);font-size:.8rem}.col-status{width:5.75rem}.file-table th.col-size,.file-table td.col-size,.file-table th.col-status,.file-table td.col-status{overflow:visible;text-overflow:clip}.col-status .status{white-space:nowrap}.col-actions{width:6.5rem}.col-check input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary)}.author-cell{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-action{width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);font-size:.75rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.icon-action:hover:not(:disabled){border-color:var(--primary);color:var(--text)}.icon-action.primary{color:var(--primary);border-color:#4f8cff59;background:#4f8cff14}.icon-action.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:#e5534b1a}.preview-panel{position:sticky;top:1.5rem;background:linear-gradient(165deg,#1a1d27fa,#0f1117fa);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;gap:1rem}.preview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.preview-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary)}.preview-author-tag{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#4f8cff1f;border:1px solid rgba(79,140,255,.25);color:var(--primary)}.preview-title{margin:0;font-size:.9rem;font-weight:600;line-height:1.4;word-break:break-word;color:var(--text)}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.preview-stat{padding:.65rem .75rem;border-radius:10px;background:#00000038;border:1px solid var(--border)}.preview-stat-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem}.preview-stat-value{font-size:.85rem;font-weight:500}.preview-stat-warn{color:#e6a23c}.preview-share-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.preview-share-row{display:flex;gap:.35rem}.preview-share-row input{flex:1;min-width:0;padding:.45rem .6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--muted);font-size:.75rem;font-family:Consolas,monospace}.preview-share-row .btn{min-width:2rem;padding-left:.5rem;padding-right:.5rem}.preview-share-row a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.preview-player-card{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000;box-shadow:0 8px 24px #0006}.preview-empty-state{text-align:center;padding:3rem 1.5rem;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.preview-empty-icon{width:3rem;height:3rem;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#4f8cff1a;border:1px solid rgba(79,140,255,.2);color:var(--primary);font-size:1rem}.preview-empty-state p{margin:0 0 .35rem;font-size:.95rem;color:var(--text);font-weight:500}.preview-empty-state span{font-size:.8rem}.preview-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0 0 .75rem;font-size:.8rem}.preview-meta div{display:flex;flex-direction:column;gap:.15rem}.preview-meta dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.preview-meta dd{margin:0}.preview-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.preview-links a.btn,.actions a.btn{text-decoration:none;display:inline-flex;align-items:center}.file-table tbody tr{cursor:pointer}.file-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem}.file-table th,.file-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis}.file-table th{background:#0003;color:var(--muted);font-weight:500}.file-table tr.selected{background:#4f8cff14}.file-table tr:hover{background:#ffffff05}.filename{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:.25rem;justify-content:flex-end}.empty{text-align:center;color:var(--muted);padding:2rem!important}.status{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;text-transform:uppercase}.status-ready{background:#3fb95026;color:var(--success)}.preview-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.preview-section h2{margin:0 0 .75rem;font-size:1rem}.preview-name{margin:0 0 .75rem;font-size:.875rem;color:var(--muted);word-break:break-all}.preview-empty{color:var(--muted);text-align:center;padding:3rem 1rem;border:1px dashed var(--border);border-radius:var(--radius)}.player-wrap{position:relative;background:#000;border-radius:var(--radius);overflow:hidden}.video-player{width:100%;display:block;max-height:none;aspect-ratio:16 / 9;object-fit:contain}.player-loading,.player-error{padding:2rem;text-align:center;color:var(--muted);font-size:.875rem}.player-error{color:var(--danger)}.public-view{min-height:100vh;max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.watch-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;position:relative;overflow:hidden;background:radial-gradient(120% 80% at 0% 0%,rgba(79,140,255,.14),transparent 55%),radial-gradient(90% 60% at 100% 100%,rgba(99,102,241,.1),transparent 50%),linear-gradient(165deg,#0c0e14,#0f1117 45%,#0a0c12)}.watch-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 20%,transparent 75%)}.watch-glow{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.55}.watch-glow-a{width:420px;height:420px;top:-120px;left:-80px;background:#4f8cff2e}.watch-glow-b{width:360px;height:360px;right:-60px;bottom:-80px;background:#3fb9501a}.watch-shell{width:min(1680px,calc(100vw - 2.5rem));position:relative;z-index:1}.watch-layout{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:1.5rem;align-items:stretch}.watch-sidebar{position:relative;display:flex;flex-direction:column;min-height:100%;background:#12151ee0;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.watch-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,141,239,.55) 30%,rgba(99,102,241,.55) 70%,transparent);pointer-events:none}.watch-sidebar-inner{display:flex;flex-direction:column;gap:1.1rem;flex:1;min-height:100%;padding:1.75rem 1.5rem 1.5rem}.watch-sidebar-divider{height:1px;background:#ffffff12;margin:.15rem 0}.watch-sidebar .watch-brand-block{justify-self:unset}.watch-secure-badge--sidebar{justify-self:unset;width:100%;white-space:normal;text-align:center;padding:.6rem .85rem;font-size:.88rem}.watch-chips--sidebar{flex-direction:column;align-items:stretch}.watch-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.watch-info-row{display:flex;align-items:center;gap:.45rem;font-size:.92rem;color:var(--muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.45rem .85rem}.watch-info-row:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-right:-.25rem}.watch-info-row--size:before{background:#4f8cff}.watch-info-row--date:before{background:#8b93a7}.watch-info-row--dur:before{background:#ef5f5f}.watch-info-row--expiry:before{background:#e6a23c}.watch-info-label{color:var(--muted);flex-shrink:0}.watch-info-value{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.watch-chips--sidebar .watch-chip{justify-content:flex-start;font-size:.92rem;padding:.45rem .85rem}.watch-chips--sidebar .watch-chip:before{width:6px;height:6px}.watch-sidebar-actions{display:flex;flex-direction:column;gap:.7rem;margin-top:auto;padding-top:1rem}.watch-copy-btn--block,.watch-download--block{width:100%;justify-content:center;justify-self:unset}.watch-copy-btn--block{border-radius:14px;padding:.85rem 1.15rem;font-size:.95rem}.watch-download--block{padding:.9rem 1.15rem;font-size:.95rem;border-radius:14px}.watch-player-panel{min-width:0;width:100%;align-self:start}.watch-player-panel .watch-card{width:100%;height:auto;padding:0;display:block}.watch-player-panel .watch-player-frame{width:100%;aspect-ratio:16 / 9;max-height:min(92vh,1080px);max-width:min(100%,calc(min(92vh,1080px) * 16 / 9));margin:0 auto}.watch-loading,.watch-error{text-align:center;padding:3rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px}.watch-spinner{width:40px;height:40px;margin:0 auto 1rem;border:3px solid rgba(255,255,255,.08);border-top-color:var(--primary);border-radius:50%;animation:watch-spin .8s linear infinite}@keyframes watch-spin{to{transform:rotate(360deg)}}.watch-loading p,.watch-error p{color:var(--muted);margin:0}.watch-error h1{margin:.75rem 0 .5rem;font-size:1.35rem}.watch-gone-shell{width:min(560px,calc(100vw - 2.5rem))}.watch-gone-card{position:relative;text-align:center;padding:2.25rem 2rem 2rem;background:#12151ee0;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 32px 100px #0000008c,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.watch-gone-brand{justify-content:center;margin-bottom:1.5rem}.watch-gone-code{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;padding:.35rem .85rem;margin-bottom:1rem;border-radius:999px;font:700 .95rem/1 Consolas,monospace;letter-spacing:.08em;color:#ffb347;background:#e6a23c1f;border:1px solid rgba(230,162,60,.28)}.watch-gone-title{margin:0 0 .75rem;font-size:1.55rem;font-weight:700;line-height:1.3;color:var(--text)}.watch-gone-lead{margin:0 0 1.25rem;font-size:1rem;line-height:1.55;color:var(--muted)}.watch-gone-reasons{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.5rem;text-align:left}.watch-gone-reasons li{position:relative;padding:.55rem .85rem .55rem 1.75rem;font-size:.92rem;color:var(--muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px}.watch-gone-reasons li:before{content:"·";position:absolute;left:.75rem;color:#ef5f5f;font-weight:700}.watch-gone-note{margin:0;font-size:.88rem;line-height:1.5;color:#9aa0a6e6}.watch-header,.watch-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003}.watch-brand-block{display:flex;align-items:center;gap:.85rem;min-width:0;justify-self:start}.watch-secure-badge{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;justify-self:center;max-width:100%;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;font-size:.88rem;font-weight:500;color:var(--muted);white-space:nowrap;text-align:center}.watch-secure-lock{font-size:.85rem;opacity:.75;line-height:1}.watch-logo{width:52px;height:52px;border-radius:14px;flex-shrink:0;box-shadow:0 8px 24px #4f8cff38}.watch-brand-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.watch-brand{font-size:1.28rem;font-weight:700;letter-spacing:.02em;color:var(--text);line-height:1.2}.watch-live-dot{width:8px;height:8px;border-radius:50%;background:#ef5f5f;box-shadow:0 0 10px #ef5f5fa6;animation:watch-pulse 2s ease-in-out infinite}.watch-live-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#ef5f5fe6}@keyframes watch-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.watch-subtitle{margin-top:.2rem;font-size:.92rem;color:var(--muted)}.watch-badge{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:#4f8cff1f;border:1px solid rgba(79,140,255,.25);padding:.25rem .55rem;border-radius:999px}.watch-copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;white-space:nowrap;justify-self:end}.watch-copy-btn:hover{border-color:#4f8cff73;background:#4f8cff1a}.watch-copy-btn.is-copied{border-color:#3fb95073;background:#3fb9501f;color:#8ee4a0}.watch-copy-icon{font-size:.9rem;opacity:.85}.watch-card{position:relative;background:#12151ee0;border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;box-shadow:0 32px 100px #0000008c,0 0 0 1px #ffffff0a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.watch-card-shine{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,141,239,.55) 30%,rgba(99,102,241,.55) 70%,transparent);z-index:2;pointer-events:none}.watch-player-frame{position:relative;background:#000;aspect-ratio:16 / 9;width:100%;min-height:0;overflow:hidden}.watch-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:contain;background:#000}.watch-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.watch-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:0}.watch-user-avatar{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(145deg,#4f8cff59,#6366f133);border:1px solid rgba(91,141,239,.35)}.watch-title{margin:0 0 .25rem;font-size:1.45rem;font-weight:700;line-height:1.3}.watch-user{color:var(--primary)}.watch-datetime{margin:0;font-size:1rem;color:var(--muted);font-variant-numeric:tabular-nums}.watch-filename{margin:0;font-size:.82rem;color:#9aa0a6bf;font-family:Consolas,Cascadia Code,monospace;word-break:break-all;line-height:1.45}.watch-sidebar .watch-filename{margin-top:.15rem}.watch-sidebar .watch-expiry-note{margin:0;font-size:.95rem}.watch-meta-main{min-width:0;flex:1}.watch-chips{display:flex;flex-wrap:wrap;gap:.45rem}.watch-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.28rem .65rem}.watch-chip:before{content:"";width:5px;height:5px;border-radius:50%;background:#9aa0a6b3}.watch-chip-size:before{background:#4f8cff}.watch-chip-date:before{background:#8b93a7}.watch-chip-dur:before{background:#ef5f5f}.watch-chip-expiry:before{background:#e6a23c}.watch-expiry-note{margin:.55rem 0 0;font-size:.95rem;color:var(--muted);line-height:1.45}.watch-download{flex-shrink:0;align-self:center;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-size:.85rem;font-weight:650;color:#fff;border:none;background:linear-gradient(135deg,#4f8cff,#6366f1);border-radius:12px;padding:.7rem 1.15rem;box-shadow:0 8px 24px #4f8cff47;transition:transform .15s,box-shadow .15s,filter .15s}.watch-download-icon{font-size:1rem;line-height:1;opacity:.9}.watch-download:hover{transform:translateY(-1px);box-shadow:0 12px 28px #4f8cff61;filter:brightness(1.05)}@media(max-width:920px){.watch-page{padding:.75rem .75rem 1.25rem;align-items:flex-start}.watch-shell{width:100%}.watch-layout{grid-template-columns:1fr;gap:1rem;min-height:unset}.watch-player-panel{order:-1}.watch-player-panel .watch-player-frame{width:100%;max-height:min(56vw,52vh);max-width:100%;aspect-ratio:16 / 9}.watch-info-list{gap:.45rem}.watch-info-row{font-size:.88rem}.watch-sidebar-actions{margin-top:.5rem}}@media(max-width:640px){.watch-copy-btn--block,.watch-download--block{width:100%}}