html,body{margin:0;padding:0;min-height:100vh;background:url(/background.png) center center / cover no-repeat fixed;background-color:#0f172a}:root{--accent-color: var(--accent-color);--accent-rgb: 153, 27, 27}#root{min-height:100vh;background:url(/background.png) center center / cover no-repeat fixed}.app-shell{max-width:1200px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:16px;color:#0b1220;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:12px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;box-shadow:0 18px 48px #0000002e;color:#e5e7eb;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.brand-mark{display:flex;align-items:center;gap:12px;animation:fadeIn .6s ease-out}.brand-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:14px;padding:4px;box-shadow:0 8px 22px #0000002e;transition:transform .3s ease,box-shadow .3s ease}.brand-logo:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 12px 28px #00000040}.brand-name{font-weight:900;font-size:20px;letter-spacing:-.02em}.brand-sub{color:var(--accent-color);font-size:15px;font-weight:700;text-shadow:0 0 20px rgba(var(--accent-rgb),.5);letter-spacing:.02em}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tab{border:1px solid rgba(255,255,255,.2);background:#ffffff0a;color:#e5e7eb;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),#22c55e1a);opacity:0;transition:opacity .3s ease}.tab:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.4);background:#ffffff14;transform:translateY(-2px)}.tab:hover:not(:disabled):before{opacity:1}.tab-active{background:linear-gradient(135deg,var(--accent-color),#7f1d1d);border-color:var(--accent-color);color:#fff;box-shadow:0 12px 30px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.tab:disabled{opacity:.5;cursor:not-allowed}.top-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.burger-menu{position:fixed;top:20px;right:20px;z-index:1001}.burger-button{background:#0f172af2;border:1px solid rgba(var(--accent-rgb),.3);border-radius:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.burger-button:hover{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 4px 16px rgba(var(--accent-rgb),.2)}.burger-icon{display:flex;flex-direction:column;gap:4px;width:24px}.burger-icon span{height:2px;background:var(--accent-color);border-radius:2px;transition:all .3s ease;box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.burger-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(var(--accent-rgb),.3);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--accent-rgb),.2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.burger-dropdown:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.05),transparent 70%);animation:ambientPulse 8s ease-in-out infinite;pointer-events:none}.burger-dropdown-open{opacity:1;visibility:visible;transform:translateY(0)}.burger-item{padding:12px 16px;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1;border:none;background:transparent;width:100%;text-align:left;color:#fff;transition:all .2s ease}.burger-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.burger-item.user-info{cursor:default}.burger-item.burger-action{cursor:pointer;font-weight:700;font-size:14px}.burger-item.burger-action:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent-color)}.burger-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.burger-value{font-size:14px;color:#fff;font-weight:700}.user-chip{display:grid;gap:4px;padding:10px 12px;background:#ffffff0f;border-radius:12px;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.user-chip:hover{background:#ffffff1a;border-color:#ffffff26}.hero{background:linear-gradient(135deg,#0b1220,#111827 45% 100%);color:#fff;border-radius:20px;padding:24px;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center;box-shadow:0 18px 48px #00000040;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-centered{background:#0f172a;color:#fff;border-radius:20px;padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:center;box-shadow:0 18px 48px #00000040;animation:scaleIn .5s ease-out}.hero h1{margin:0;font-size:28px;letter-spacing:-.02em;animation:fadeIn .7s ease-out}.hero-sub{color:#ffffffd1;margin:8px 0 16px;animation:fadeIn .8s ease-out}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;animation:fadeIn .9s ease-out}.hero-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:10px 12px;border-radius:12px;font-size:13px;transition:all .3s ease}.hero-pill:hover{background:#ffffff1f;transform:translateY(-2px)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;animation:fadeIn .6s ease-out .2s both}.stat-card{background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;color:#e5e7eb;box-shadow:0 12px 36px #0000002e;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),#22c55e);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.stat-card:hover{border-color:rgba(var(--accent-rgb),.3);transform:translateY(-4px);box-shadow:0 16px 48px #00000040}.stat-card:hover:before{transform:scaleX(1)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#a1a9ba}.stat-value{font-size:30px;font-weight:800;margin:8px 0;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000004d;animation:fadeIn .5s ease-out;transition:box-shadow .3s ease;color:#e5e7eb}.panel:hover{box-shadow:0 14px 40px #0006}.panel.soft{background:#0f172a;border:1px solid rgba(255,255,255,.08)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-title{margin:0;font-weight:800;font-size:18px;color:#fff}.card-note{font-size:12px;color:#94a3b8;padding:6px}.muted{color:#94a3b8}.inputs{display:grid;gap:10px}.inputs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.inputs-row .field{display:flex;flex-direction:column}.inputs-row .textarea{flex:1;height:100%}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--accent-color);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(var(--accent-rgb),.3)}.input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.3);font-size:14px;outline:none;transition:all .18s cubic-bezier(.4,0,.2,1);background:#0f172a99;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;box-sizing:border-box}.textarea,.select{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.3);font-size:14px;outline:none;transition:all .18s cubic-bezier(.4,0,.2,1);background:#0f172a99;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.input::placeholder,.textarea::placeholder{color:#64748b}.input:hover,.textarea:hover,.select:hover{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 4px 16px rgba(var(--accent-rgb),.2)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2),0 4px 16px rgba(var(--accent-rgb),.3);background:#0f172acc}.textarea{min-height:120px;resize:vertical;width:100%;max-width:100%;box-sizing:border-box}.flex{display:flex;gap:12px}.wrap{flex-wrap:wrap}.alert{padding:12px 14px;border-radius:12px;border:1px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.alert-error{background:#fff5f5;color:#7f1d1d;border-color:#fecaca;box-shadow:0 4px 12px #dc26261a}.alert-hint{background:#f0f9ff;color:#0b1220;border-color:#bae6fd;box-shadow:0 4px 12px #0ea5e91a}.filmstrip-container{display:flex;flex-direction:column;gap:16px;width:100%;overflow:visible}.filmstrip-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 10px 30px #0000004d}.filmstrip{display:flex;gap:16px;overflow-x:auto;overflow-y:visible;padding:8px 20px 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;align-items:flex-start}.filmstrip::-webkit-scrollbar{height:8px}.filmstrip::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.filmstrip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.filmstrip::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filmstrip-item-wrapper{position:relative;display:flex;flex-direction:column;min-width:0;min-height:fit-content}.filmstrip-thumbnail{min-width:240px;max-width:240px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(var(--accent-rgb),.2);border-radius:12px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #0000004d,0 0 20px rgba(var(--accent-rgb),.05);display:flex;flex-direction:column;position:relative}.filmstrip-thumbnail:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(var(--accent-rgb),.1),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.filmstrip-thumbnail:hover:before{opacity:1}.filmstrip-thumbnail:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0006,0 0 40px rgba(var(--accent-rgb),.2)}.filmstrip-thumbnail-active{border-color:var(--accent-color);box-shadow:0 8px 20px rgba(var(--accent-rgb),.4),0 0 60px rgba(var(--accent-rgb),.3);transform:translateY(-2px) scale(1.05)}@media(hover:hover){.filmstrip-thumbnail{will-change:transform}}.thumbnail-preview{position:relative;width:100%;height:135px;background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent-color);opacity:.6;transition:all .3s ease}.filmstrip-thumbnail:hover .thumbnail-placeholder{opacity:1;transform:scale(1.1)}.thumbnail-video{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumbnail-overlay{position:absolute;bottom:8px;right:8px;display:flex;gap:6px}.thumbnail-duration{background:#000000bf;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumbnail-info{padding:12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(135deg,#1e293b,#0f172a);border-top:1px solid rgba(var(--accent-rgb),.1)}.thumbnail-title{font-weight:700;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.3)}.thumbnail-meta{display:flex;gap:6px;flex-wrap:wrap}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.hidden{display:none!important}.thumbnail-preview{position:relative}.pill-mini{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(var(--accent-rgb),.1);border-radius:999px;font-size:11px;color:var(--accent-color);border:1px solid rgba(var(--accent-rgb),.2);font-weight:600;transition:all .2s ease}.pill-mini:hover{background:rgba(var(--accent-rgb),.2);transform:scale(1.05)}.filmstrip-drawer{position:relative;width:100%;z-index:10;margin-top:12px;animation:drawerSlideDown .3s cubic-bezier(.4,0,.2,1);transform-origin:top}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-20px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scanline-effect{position:relative;overflow:hidden}.scanline-effect:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.8),transparent);animation:scanline 2s linear infinite;pointer-events:none;opacity:.3}.app-shell>*{animation:glitchIn .2s ease-out}@keyframes glitchIn{0%{opacity:0;transform:translate(-2px);filter:hue-rotate(90deg)}50%{transform:translate(2px)}to{opacity:1;transform:translate(0);filter:hue-rotate(0deg)}}.drawer-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(var(--accent-rgb),.2);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--accent-rgb),.1);padding:20px;width:100%;min-width:600px;max-width:900px;position:relative;overflow:hidden}.drawer-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.05),transparent 70%);animation:ambientPulse 8s ease-in-out infinite;pointer-events:none}@keyframes ambientPulse{0%,to{transform:translate(0) scale(1);opacity:.3}50%{transform:translate(10px,10px) scale(1.1);opacity:.6}}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.drawer-title{margin:0;font-weight:800;font-size:20px;color:#fff;text-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drawer-section{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.section-label{font-weight:700;font-size:14px;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.info-grid{display:grid;gap:10px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0f172a99;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item:hover{border-color:rgba(var(--accent-rgb),.3);background:#0f172acc;transform:translate(4px)}.info-label{font-size:13px;color:#94a3b8;font-weight:600}.info-value{font-size:13px;color:#fff;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.video-tile{text-align:left;border:1px solid #e5e8f0;border-radius:14px;padding:12px;background:#f8fafc;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.video-tile:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-color),#22c55e);border-radius:14px 0 0 14px;opacity:0;transition:opacity .3s ease}.video-tile:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.video-tile:hover:before{opacity:.5}.video-tile-active{border-color:#0ea5e9;box-shadow:0 10px 26px #0ea5e92e;background:#e0f2fe}.video-tile-active:before{opacity:1}.meta-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#f6f7fb;border-radius:999px;font-size:12px;color:#4b5563;border:1px solid transparent;transition:all .2s ease}.pill:hover{background:#eef1f7;transform:scale(1.05)}.pill-warn{background:#fef9c3;color:#854d0e;border-color:#fde047}.pill-success{background:#ecfdf3;color:#065f46;border-color:#86efac}.video-list{display:grid;gap:12px}.video-card{display:grid;grid-template-columns:1fr;gap:12px;align-items:flex-start;border:1px solid #eef1f7;border-radius:16px;padding:14px;transition:all .3s ease;background:#fff}.video-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.video-head{display:flex;flex-direction:column;gap:6px;min-width:0}.video-title{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-description{color:#374151;white-space:pre-wrap;line-height:1.5}.message-box{border:1px solid rgba(var(--accent-rgb),.2);border-radius:12px;padding:12px;background:#0f172a99;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb}.message-box:hover{background:#0f172acc;border-color:rgba(var(--accent-rgb),.4)}.message-box strong{color:var(--accent-color)}.delivery-status{display:grid;gap:8px}.delivery-status-header{font-size:15px;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.status-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;background:#0f172a99;transition:all .3s ease;animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 12px rgba(var(--accent-rgb),.1);transform:translate(4px)}.status-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:#fff;font-weight:700}.progress{height:12px;background:#eef1f7;border-radius:999px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),#22c55e);transition:width .3s ease;box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.record-grid{display:grid;gap:10px}.video-preview{width:100%;border-radius:16px;background:#0b1220;box-shadow:0 8px 24px #0003;transition:all .3s ease;position:relative}.video-preview:hover{box-shadow:0 12px 32px #0000004d,0 0 40px rgba(var(--accent-rgb),.2)}.video-preview:after,.watch-player:after,.thumbnail-video:after{content:"";position:absolute;inset:-10px;background:inherit;filter:blur(40px) brightness(.8);opacity:0;transition:opacity .5s ease;z-index:-1;pointer-events:none}.video-preview:hover:after,.watch-player:hover:after{opacity:.6}.waveform-overlay{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;align-items:flex-end;justify-content:space-around;padding:0 4px;pointer-events:none;opacity:.4}.waveform-bar{width:2px;background:linear-gradient(to top,var(--accent-color),rgba(var(--accent-rgb),.3));border-radius:2px;animation:waveform 1s ease-in-out infinite;transform-origin:bottom}.waveform-bar:nth-child(1){animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}@keyframes waveform{0%,to{height:4px}50%{height:24px}}.segmented{display:inline-flex;border:1px solid #e5e8f0;border-radius:12px;overflow:hidden;background:#fff}.segmented button{border:none;background:#f8fafc;padding:10px 14px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;color:#0f172a}.segmented button:hover:not(.seg-active){background:#f1f5f9}.seg-active{background:#0f172a;color:#fff;box-shadow:inset 0 0 0 2px var(--accent-color);border:2px solid var(--accent-color)}.watch-shell{max-width:960px;margin:0 auto;padding:28px 18px 50px;color:#0b1220;animation:fadeIn .5s ease-out}.watch-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.watch-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(var(--accent-rgb),.2);border-radius:18px;padding:18px;box-shadow:0 14px 40px #00000080,0 0 40px rgba(var(--accent-rgb),.1);animation:scaleIn .5s ease-out;position:relative;overflow:hidden}.watch-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(var(--accent-rgb),.05),transparent 70%);animation:ambientPulse 8s ease-in-out infinite;pointer-events:none}.watch-meta{display:flex;gap:8px;flex-wrap:wrap}.watch-title{margin:12px 0 8px;font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(var(--accent-rgb),.3);position:relative;z-index:1}.watch-description{color:#94a3b8;line-height:1.6;position:relative;z-index:1}.watch-player{width:100%;border-radius:14px;margin-top:10px;background:#0b1220;box-shadow:0 8px 24px #0003;transition:all .3s ease;position:relative}.watch-player:hover{box-shadow:0 12px 32px #0000004d,0 0 60px rgba(var(--accent-rgb),.3)}video::-webkit-media-controls-timeline{background:linear-gradient(to right,var(--accent-color) 0%,var(--accent-color) var(--progress, 0%),rgba(255,255,255,.2) var(--progress, 0%));border-radius:4px;height:6px}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{color:var(--accent-color);text-shadow:0 0 4px rgba(var(--accent-rgb),.5)}.btn{border-radius:12px;border:1px solid transparent;padding:10px 14px;font-weight:700;font-size:14px;color:#fff;text-decoration:none;text-align:center;display:inline-block;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;will-change:transform}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:active:after{width:300px;height:300px}.btn:not(:disabled):hover{transform:translateY(-2px) scale(1.02)}.btn:not(:disabled):active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#0ea5e9);color:#fff;border-color:#0ea5e9;box-shadow:0 12px 30px #0ea5e947,0 0 20px rgba(var(--accent-rgb),.2)}.btn-primary:not(:disabled):hover{box-shadow:0 16px 40px #0ea5e959,0 0 30px rgba(var(--accent-rgb),.3)}.btn-secondary{background:#0f172acc;color:#fff;border:1px solid rgba(var(--accent-rgb),.3);box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:not(:disabled):hover{background:#0f172af2;border-color:rgba(var(--accent-rgb),.5);box-shadow:0 4px 12px rgba(var(--accent-rgb),.2)}.btn-ghost{background:transparent;border-color:#fff3;color:#fff}.btn-ghost:not(:disabled):hover{background:#0f172a80;border-color:rgba(var(--accent-rgb),.3)}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border-color:#991b1b;box-shadow:0 8px 20px #dc262640}.btn-danger:not(:disabled):hover{box-shadow:0 12px 28px #dc262659}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 8px 20px #10b98140,0 0 20px #10b98133}.btn-success:not(:disabled):hover{box-shadow:0 12px 28px #10b98159,0 0 30px #10b9814d}.code-inline{background:#0b1220;color:#e5e7eb;padding:4px 6px;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:12px}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.feature-list li{background:#111827;color:#e5e7eb;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease;animation:fadeIn .5s ease-out;animation-fill-mode:both}.feature-list li:nth-child(1){animation-delay:.1s}.feature-list li:nth-child(2){animation-delay:.2s}.feature-list li:nth-child(3){animation-delay:.3s}.feature-list li:nth-child(4){animation-delay:.4s}.feature-list li:nth-child(5){animation-delay:.5s}.feature-list li:nth-child(6){animation-delay:.6s}.feature-list li:hover{background:#1f2937;border-color:#ffffff1f;transform:translate(4px)}.auth-card{background:#0b1220;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;animation:fadeIn .7s ease-out}.logo-float{width:90px;height:auto;border-radius:12px;background:#fff;padding:4px;transition:transform .3s ease}.logo-float:hover{transform:rotate(5deg) scale(1.05)}html{scroll-behavior:smooth}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1024px){.hero,.topbar{grid-template-columns:1fr}.top-actions{justify-content:flex-start}.drawer-grid{grid-template-columns:1fr}.drawer-content{min-width:400px}}@media(max-width:720px){.app-shell{padding:18px 14px 40px}.hero h1,.stat-value{font-size:24px}.panel-grid,.video-grid{grid-template-columns:1fr}.filmstrip-thumbnail{min-width:200px;max-width:200px}.thumbnail-preview{height:112px}.drawer-content{min-width:280px;max-width:calc(100vw - 40px)}.filmstrip-header{flex-direction:column;align-items:flex-start}.drawer-header{flex-direction:column}.drawer-title{font-size:16px}.burger-menu{position:fixed;top:16px;right:16px}.burger-dropdown{right:0;left:auto;min-width:220px}.top-actions{position:relative}}@media print{.topbar,.btn,.alert{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}