@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&family=Space+Mono:wght@400;700&display=swap");:root{--bg:#05080f;--bg2:#080d18;--surface:rgba(10,16,30,.85);--surface2:rgba(14,22,40,.9);--border:rgba(100,130,200,.15);--border-hover:rgba(100,130,200,.35);--accent:#5b8fff;--accent2:#a259ff;--accent-glow:rgba(91,143,255,.2);--text:#e4e8f5;--text-muted:rgba(180,192,220,.65);--text-dim:rgba(140,155,185,.45);--red:#ff4f6a;--green:#22d472;--radius:16px;--radius-sm:10px;--mono:"Space Mono",monospace}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,sans-serif;font-size:15px;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{background:radial-gradient(ellipse 900px 500px at 10% -10%,rgba(91,143,255,.12) 0,transparent 65%),radial-gradient(ellipse 700px 400px at 90% 5%,rgba(162,89,255,.1) 0,transparent 60%),radial-gradient(ellipse 500px 300px at 50% 90%,rgba(34,212,114,.04) 0,transparent 60%)}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px 20px;position:relative;z-index:1}.row{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;color:#fff;padding:10px 18px;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px;font-family:Outfit,sans-serif;letter-spacing:.02em;transition:opacity .15s,transform .1s,box-shadow .2s;white-space:nowrap;box-shadow:0 2px 16px rgba(91,143,255,.2);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent);opacity:0;transition:opacity .15s}.btn:hover:after{opacity:1}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 24px rgba(91,143,255,.35)}.btn:active{transform:translateY(0)}.btn.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text);box-shadow:none;font-weight:600}.btn.secondary:hover{border-color:var(--border-hover);background:rgba(20,30,55,.9);box-shadow:none;transform:translateY(-1px)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);box-shadow:none;font-weight:600}.btn.ghost:hover{background:rgba(20,30,55,.5);border-color:var(--border-hover);color:var(--text);box-shadow:none}.btn.danger{background:rgba(255,79,106,.15);border:1px solid rgba(255,79,106,.3);color:var(--red);box-shadow:none}.btn.danger:hover{background:rgba(255,79,106,.25);border-color:rgba(255,79,106,.5);box-shadow:0 4px 16px rgba(255,79,106,.15)}.btn.sending{opacity:.75}.btn.sent{border-color:rgba(34,212,114,.5);color:var(--green)}.btn.error{border-color:rgba(255,79,106,.5);color:var(--red)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn.small{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700}.input{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(8,13,24,.8);color:var(--text);font-size:14px;font-family:Outfit,sans-serif;transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:rgba(91,143,255,.5);box-shadow:0 0 0 3px rgba(91,143,255,.1)}.input::placeholder{color:var(--text-dim)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(140,155,185,0.6)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px}.sectionTitle,label{text-transform:uppercase}.sectionTitle{margin:24px 0 12px;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--text-dim);display:flex;align-items:center;gap:10px}.sectionTitle:after{content:"";flex:1 1;height:1px;background:var(--border)}.grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(10,1fr)}@media (max-width:1700px){.grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:1400px){.grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:1200px){.grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}.searchGrid{grid-template-columns:repeat(6,1fr)}@media (max-width:1400px){.searchGrid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1100px){.searchGrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:800px){.searchGrid{grid-template-columns:repeat(2,1fr)}}.posterCard{overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.posterCard:hover{transform:translateY(-4px) scale(1.01);border-color:var(--border-hover);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 1px rgba(91,143,255,.15)}.posterImg{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:rgba(8,13,24,.8)}.posterMeta{padding:10px 10px 12px}.posterTitle{font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}.posterSub{margin-top:4px;font-size:11px;color:var(--text-muted);font-family:var(--mono)}.statusPill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;margin-top:5px}.statusPill.watching{background:rgba(91,143,255,.15);color:var(--accent);border:1px solid rgba(91,143,255,.25)}.statusPill.completed{background:rgba(34,212,114,.12);color:var(--green);border:1px solid rgba(34,212,114,.25)}.statusPill.planned{background:rgba(162,89,255,.12);color:#b77fff;border:1px solid rgba(162,89,255,.25)}.statusPill.paused{background:rgba(255,180,60,.12);color:#ffb43c;border:1px solid rgba(255,180,60,.25)}.statusPill.dropped{background:rgba(255,79,106,.12);color:var(--red);border:1px solid rgba(255,79,106,.25)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:rgba(10,16,30,.8);border:1px solid var(--border);font-size:11px;font-family:var(--mono);color:var(--text-muted)}.modalLabel{display:block;font-size:11px;font-weight:700;opacity:.7;margin:14px 0 7px;letter-spacing:.08em;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(10,16,30,.6);cursor:pointer;font-weight:700;font-size:11px;font-family:Outfit,sans-serif;color:var(--text-muted);letter-spacing:.05em;transition:all .15s}.chip:hover{border-color:var(--border-hover);color:var(--text);background:rgba(20,30,55,.6)}.chip.active{background:linear-gradient(135deg,rgba(91,143,255,.25),rgba(162,89,255,.2));border-color:rgba(91,143,255,.5);color:#a8c4ff}.stepper{gap:8px}.stepBtn,.stepper{display:flex;align-items:center}.stepBtn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(10,16,30,.7);color:var(--text);font-weight:900;font-size:16px;cursor:pointer;justify-content:center;transition:all .15s;flex-shrink:0}.stepBtn:hover{border-color:var(--border-hover);background:rgba(91,143,255,.1);color:var(--accent)}.stepVal{min-width:70px;text-align:center;font-weight:900;font-size:15px;font-family:var(--mono);color:var(--text)}.pageHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:28px}.pageTitle{font-size:32px;font-weight:900;letter-spacing:-.02em;margin:0;background:linear-gradient(135deg,var(--text) 30%,rgba(180,200,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pageSubtitle{font-size:12px;color:var(--text-muted);margin-top:6px;font-family:var(--mono)}.filterCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:20px}.filterLabel{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.divider{height:1px;background:var(--border);margin:14px 0}.emptyState{text-align:center;padding:60px 20px}.emptyState h3{font-size:20px;font-weight:700;margin:0 0 8px;color:var(--text)}.emptyState p{color:var(--text-muted);margin:0 0 24px;font-size:14px}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(91,143,255,.15);border:1px solid rgba(91,143,255,.25);font-size:11px;font-weight:700;font-family:var(--mono);color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(100,130,200,.2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(100,130,200,.35)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeUp{animation:fadeUp .35s ease both}.animate-fadeIn{animation:fadeIn .25s ease both}.modalOverlay{position:fixed;inset:0;background:rgba(3,6,14,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.modalCard{background:rgba(8,13,24,.97);border:1px solid var(--border);border-radius:20px;padding:24px;width:min(560px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 40px 80px rgba(0,0,0,.7),0 0 0 1px rgba(91,143,255,.08);animation:fadeUp .25s ease}.loginWrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loginCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px 36px;width:min(480px,100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.loginTitle{font-size:28px;font-weight:900;margin:0 0 4px;background:linear-gradient(135deg,var(--text),rgba(160,185,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loginSub{font-size:13px;color:var(--text-muted);margin:0 0 32px}@media (max-width:600px){.container{padding:14px 12px}.pageTitle{font-size:24px}.loginCard{padding:28px 20px}}.modeTab{flex:1 1;text-align:center;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-weight:700;font-size:12px;letter-spacing:.08em;font-family:Outfit,sans-serif;cursor:pointer;transition:all .15s}.modeTab.active{background:linear-gradient(135deg,rgba(91,143,255,.2),rgba(162,89,255,.15));border-color:rgba(91,143,255,.4);color:var(--text)}.modeTab:hover:not(.active){background:rgba(20,30,55,.5);border-color:var(--border-hover);color:var(--text)}