:root{--bg-deep:#081018;--bg-gradient:linear-gradient(180deg, #0b1520 0%, #09121b 48%, #081018 100%);--panel-bg:#0a1118db;--panel-strong:#111b26f5;--panel-border:#94a3b829;--panel-glow:0 8px 32px #0006;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-pink:#14b8a6;--accent-rose:#fb7185;--accent-purple:#38bdf8;--accent-violet:#f59e0b;--accent-warm:#f59e0b;--glow-pink:#14b8a652;--glow-purple:#38bdf83d;--font-outfit:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-playfair:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background-color:var(--bg-deep);background-image:var(--bg-gradient);color:var(--text-main);font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none;transition:all .3s}button,input,textarea{font:inherit}button{cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--glow-pink)}70%{box-shadow:0 0 0 15px #f472b600}to{box-shadow:0 0 #f472b600}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.ambient-background{display:none}.topbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--panel-border);z-index:100;background:#081018e0;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{font-size:22px;font-family:var(--font-outfit), sans-serif;letter-spacing:0;align-items:center;gap:12px;font-weight:700;display:flex}.brand:hover .brand-mark{box-shadow:0 0 20px var(--glow-pink);transform:scale(1.1)rotate(5deg)}.brand-mark{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 12px #0000004d}.nav{align-items:center;gap:24px;display:flex}.nav a{color:var(--text-muted);border-radius:8px;padding:8px 12px;font-size:15px;font-weight:500;transition:all .2s}.nav a:hover{color:var(--text-main);background:#ffffff0d}.nav-button{color:var(--text-muted);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:500;transition:all .2s}.nav-button:hover{color:var(--text-main);background:#ffffff0d}.page{z-index:2;flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 24px 40px;position:relative}.dashboard-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;display:grid}.watch-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px;display:grid}.panel,.card{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:var(--panel-glow);border-radius:12px;position:relative;overflow:hidden}.panel:before,.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff1a}.panel{padding:28px}.card{padding:18px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff26}.section-title{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.pill{color:var(--text-muted);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:600}h1,h2,h3,p{margin:0}h1{font-family:var(--font-outfit), sans-serif;color:#fff;letter-spacing:0;font-size:44px;font-weight:700;line-height:1.1}h1.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{font-family:var(--font-outfit), sans-serif;color:#fff;font-size:26px;font-weight:600}h3{color:#fff;font-size:20px;font-weight:600}p{color:var(--text-muted);font-size:15px;line-height:1.6}.stack{gap:24px;display:grid}.overview-band{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;padding:28px;display:flex}.overview-actions{flex-wrap:wrap;gap:12px;display:flex}.overview-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-chip{background:var(--panel-strong);border:1px solid var(--panel-border);border-radius:10px;gap:6px;min-height:88px;padding:16px 18px;display:grid}.metric-chip span,.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:600}.metric-chip strong{color:var(--text-main);font-size:18px;font-weight:700}.muted-note{max-width:60ch;margin-top:12px}.auth-page{flex:1;grid-template-columns:minmax(0,1.05fr) minmax(360px,440px);align-items:center;gap:36px;width:100%;max-width:1180px;min-height:calc(100vh - 72px);margin:0 auto;padding:40px 24px;display:grid}.auth-story{min-width:0}.auth-story h1{max-width:760px}.auth-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-glow);border-radius:12px;padding:28px}.auth-tabs{border:1px solid var(--panel-border);background:#ffffff0d;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{color:var(--text-muted);background:0 0;border:0;border-radius:7px;min-height:42px;font-weight:700}.auth-tabs button[aria-selected=true]{color:var(--text-main);background:linear-gradient(135deg,#14b8a647,#38bdf838)}.compact-title{margin-bottom:22px}.auth-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.auth-feature-grid article{border:1px solid var(--panel-border);background:#111b26b8;border-radius:10px;gap:8px;min-height:132px;padding:18px;display:grid}.auth-feature-grid strong{color:var(--text-main);font-size:16px}.auth-feature-grid span{color:var(--text-muted);font-size:14px;line-height:1.5}.auth-signal{align-items:center;gap:12px;height:92px;margin-top:28px;display:flex}.auth-signal span{background:linear-gradient(180deg, var(--accent-pink), var(--accent-purple));border-radius:999px;width:18px;animation:1.8s ease-in-out infinite signalPulse;display:block}.auth-signal span:first-child{height:40px}.auth-signal span:nth-child(2){height:72px;animation-delay:.18s}.auth-signal span:nth-child(3){height:54px;animation-delay:.36s}@keyframes signalPulse{0%,to{opacity:.54;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}.auth-loading,.auth-loading-inline{place-items:center;gap:14px;min-height:280px;display:grid}.auth-loading-inline{min-height:180px}.loader-ring{border:3px solid #ffffff24;border-top-color:var(--accent-pink);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.local-code{color:var(--text-main);background:#14b8a61f;border:1px solid #14b8a642;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-weight:700}.poster{aspect-ratio:2/3;background:var(--panel-strong);border:1px solid var(--panel-border);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-end;padding:20px;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.poster:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#000000e6 100%);position:absolute;inset:0}.poster-content{z-index:2;position:relative}.poster:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0009,0 0 0 1px #fff3}.poster strong{color:#fff;font-size:18px;font-weight:600;line-height:1.3}.poster span{color:var(--accent-pink);margin-top:6px;font-size:13px;font-weight:500;display:block}.field{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.field label{color:var(--text-muted);margin-left:4px;font-size:14px;font-weight:500}.input,.textarea{color:var(--text-main);background:#0006;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:54px;padding:12px 20px;font-size:16px;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.input:focus,.textarea:focus{border-color:var(--accent-pink);background:#0009;outline:none;box-shadow:0 0 0 3px #f472b626,inset 0 2px 4px #0003}.input::placeholder{color:#ffffff4d}.button{background:linear-gradient(135deg, var(--accent-pink), var(--accent-violet));color:#fff;min-height:54px;box-shadow:0 6px 20px var(--glow-purple);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden}.button:after{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #f472b680}.button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 10px #f472b64d}.button.secondary{background:var(--panel-strong);border:1px solid var(--panel-border);color:var(--text-main);box-shadow:none}.button.secondary:after{display:none}.button.secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.button.warn{background:linear-gradient(135deg, var(--accent-rose), #e11d48);box-shadow:0 6px 20px #fb718566}.button:disabled{cursor:not-allowed;opacity:.6;filter:grayscale(.5);box-shadow:none}.video-frame{background:#000;border-radius:16px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3}.video-frame:before{content:"";background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple), transparent, transparent);z-index:-1;opacity:.5;border-radius:18px;transition:opacity .5s;position:absolute;inset:-2px}.video-frame.playing:before{opacity:.2}.video-frame video{aspect-ratio:16/9;z-index:2;border-radius:16px;width:100%;display:block;position:relative}.chat-log{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;gap:16px;height:400px;margin:20px 0;padding:16px 8px;display:flex;overflow-y:auto}.chat-message{gap:12px;max-width:85%;animation:.3s ease-out fadeIn;display:flex}.chat-message.self{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.chat-message.self .chat-avatar{background:var(--panel-strong)}.chat-bubble{background:var(--panel-strong);border-radius:16px 16px 16px 4px;padding:12px 16px;position:relative}.chat-message.self .chat-bubble{background:linear-gradient(135deg, var(--accent-violet), var(--accent-pink));border-radius:16px 16px 4px;box-shadow:0 4px 15px #f472b633}.chat-bubble p{color:var(--text-main);margin:0;font-size:15px;line-height:1.5}.chat-row{gap:12px;display:flex}.chat-row .input{border-radius:999px;flex:1;padding:12px 24px}.chat-row .button{border-radius:999px;min-width:80px}.error-text{color:#fca5a5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e11d4826;border:1px solid #e11d484d;border-radius:12px;margin-top:16px;padding:16px;font-weight:500;animation:.3s fadeIn}.upload-zone{text-align:center;cursor:pointer;background:#0003;border:2px dashed #fff3;border-radius:20px;margin-bottom:24px;padding:40px;transition:all .3s}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--accent-pink);background:#f472b60d}@media (max-width:860px){.topbar{padding:16px 24px}.page{padding:24px 20px}.overview-band,.overview-actions{flex-direction:column;align-items:stretch}.overview-strip,.dashboard-grid,.watch-grid,.auth-page,.auth-feature-grid{grid-template-columns:1fr}.auth-page{align-items:start;padding:28px 20px}h1{font-size:40px}.chat-row{flex-direction:column}.chat-row .button{width:100%}}