@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap";:root{font-family:Sora,system-ui,sans-serif;color:#f8f7f5;background:#08090d;font-synthesis:none;--red:#ef3340;--red2:#ff5b4d;--panel:#12151d;--panel2:#181c26;--line:#292e3a;--muted:#9299aa;--green:#39d6a2}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}body{background:radial-gradient(circle at 75% -10%,rgba(239,51,64,.1),transparent 32%),#08090d}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:grid;place-content:center;justify-items:center;gap:28px;overflow:hidden;background:#08090d;animation:introOut .55s 1.9s both}.intro:before{content:"";position:absolute;width:620px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(239,51,64,.18),transparent 65%);animation:pulse 2s ease-in-out infinite}.intro .brand{z-index:1;transform:scale(1.35);animation:brandIn .8s cubic-bezier(.2,.8,.2,1) both}.intro p{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;animation:rise .6s .65s both}.intro-line{width:250px;height:2px;overflow:hidden;background:#242733}.intro-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--red),var(--red2),transparent);animation:loadLine 1.5s .3s both}.intro-orbit{position:absolute;width:310px;aspect-ratio:1;border:1px solid rgba(255,255,255,.05);border-radius:50%;animation:spin 12s linear infinite}.intro-orbit span{position:absolute;width:6px;aspect-ratio:1;border-radius:50%;background:var(--red);box-shadow:0 0 20px var(--red)}.intro-orbit span:nth-child(1){top:-3px;left:50%}.intro-orbit span:nth-child(2){bottom:20%;left:4%}.intro-orbit span:nth-child(3){right:2%;bottom:24%}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,var(--red2),#bc142a);box-shadow:0 12px 32px #ef334042}.brand-text{display:grid;gap:3px}.brand-text strong{font-size:14px;letter-spacing:-.04em;white-space:nowrap}.brand-text strong i{color:var(--red);font-style:normal}.brand-text small{color:var(--muted);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.brand-compact .brand-mark{width:38px;height:38px;border-radius:12px}.brand-compact .brand-text strong{font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background:linear-gradient(90deg,#08090d 15%,transparent 60%),radial-gradient(circle at 72% 40%,var(--red),transparent 28%);filter:blur(40px)}.auth-card{position:relative;width:min(460px,100%);padding:34px;border:1px solid var(--line);border-radius:28px;background:#12151deb;box-shadow:0 35px 90px #00000073}.auth-heading{margin:54px 0 30px}.eyebrow{display:flex;align-items:center;gap:7px;color:#ff7a78;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}h1,h2,p{margin-top:0}.auth-heading h1,.page-heading h1{margin:11px 0 8px;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.055em}.auth-heading p,.page-heading p,.empty-state p{color:var(--muted);line-height:1.65}form{display:grid;gap:17px}label{display:grid;gap:9px;color:#c9cdd7;font-size:12px;font-weight:600}input{width:100%;padding:15px 16px;color:#fff;border:1px solid var(--line);border-radius:13px;outline:none;background:#0c0e14;transition:.2s}input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ef33401f}.primary-button,.add-button{display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--red2),#d91c34);box-shadow:0 10px 28px #ef334038}.primary-button{min-height:50px}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button.compact{min-height:44px;padding:0 20px}.auth-footnote{display:block;margin-top:22px;color:#737b8d;text-align:center}.notice,.form-error{padding:12px;border-radius:10px;color:#ffb2b2;background:#ef33401a;font-size:12px}.app-header{position:sticky;top:0;z-index:20;min-height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3vw,48px);border-bottom:1px solid #20232c;background:#08090dd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-header>.brand{grid-column:1}.header-actions-left{grid-column:1;display:flex;gap:9px;margin-left:228px;position:absolute}.app-header nav{grid-column:2;display:flex;gap:5px;padding:5px;border:1px solid #242833;border-radius:15px;background:#0d0f15}.app-header nav a{display:flex;align-items:center;gap:7px;padding:10px 14px;color:#8f96a7;text-decoration:none;font-size:12px;font-weight:600;border-radius:10px;transition:.2s}.app-header nav a:hover{color:#fff;background:#171a23}.app-header nav a.active{color:#fff;background:#29212a;box-shadow:inset 0 0 0 1px #ef33402e}.icon-button,.profile-button{display:grid;place-items:center;color:#a6adbb;border:1px solid var(--line);background:#11141b}.icon-button{width:40px;height:40px;border-radius:12px}.add-button{height:40px;padding:0 15px}.profile-button{grid-column:3;justify-self:end;grid-auto-flow:column;gap:5px;height:40px;padding:0 12px;border-radius:12px}.page-shell{width:min(1540px,calc(100% - 48px));margin:0 auto;padding:70px 0 100px}.page-heading{margin-bottom:50px}.page-heading h1{max-width:780px}.page-heading p{max-width:650px}.empty-state{min-height:430px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed #343846;border-radius:28px;background:linear-gradient(145deg,#181c26b8,#0a0c1166)}.empty-state h2{margin:18px 0 8px;font-size:24px;letter-spacing:-.04em}.empty-state p{max-width:460px}.empty-icon{width:66px;height:66px;display:grid;place-items:center;color:#ff7a78;border-radius:20px;background:#ef33401a}.secure-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.secure-loader span{width:28px;aspect-ratio:1;border:2px solid #333743;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.mobile-search{display:none}.spin{animation:spin .8s linear infinite}.page-loader{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#020306c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modal,.detail-modal{position:relative;width:min(920px,100%);max-height:min(800px,90vh);overflow:auto;padding:30px;border:1px solid var(--line);border-radius:26px;background:#11151f;box-shadow:0 40px 100px #0009}.modal h2,.detail-modal h2{margin:10px 0 24px;font-size:30px;letter-spacing:-.045em}.modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#adb3c0;background:#171b25}.search-box{display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);border-radius:15px;background:#0b0e14}.search-box:focus-within{border-color:var(--red);box-shadow:0 0 0 4px #ef33401a}.search-box input{border:0;padding-left:0;background:transparent;box-shadow:none}.search-box input:focus{box-shadow:none}.search-box svg{flex:none;color:#8f97a8}.search-results{display:grid;gap:9px;margin-top:18px}.search-results article{display:grid;grid-template-columns:54px 1fr auto;gap:15px;align-items:center;padding:10px;border:1px solid transparent;border-radius:15px;background:#171c28}.search-results article:hover{border-color:#373d4d}.search-results .poster{width:54px;height:74px}.search-results h3{margin:3px 0 5px}.search-results p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results small,.media-card small,.discover-grid small{color:#ff8581;font-size:10px}.add-result{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;color:#fff;background:var(--red)}.poster{position:relative;display:grid;place-items:center;overflow:hidden;color:#555d70;background:#0a0d13}.poster img{width:100%;height:100%;object-fit:cover}.poster>span{position:absolute;left:-9999px}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px;margin-bottom:24px;padding:15px;border:1px solid var(--line);border-radius:20px;background:#121620}.segments{display:flex;gap:4px;padding:4px;border-radius:13px;background:#0a0d13}.segments button{padding:0 15px;border:0;border-radius:10px;color:#8e96a6;background:transparent;font-size:11px;font-weight:700}.segments button.active{color:#fff;background:#332329}.media-grid,.continue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#131824;transition:.2s}.media-card:hover{transform:translateY(-3px);border-color:#4c5364}.media-card>.poster{height:320px}.media-card-body{padding:16px}.media-card h3{min-height:40px;margin:6px 0;font-size:16px}.media-card p{height:38px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.8}.media-card strong{text-transform:capitalize;color:#aeb5c2;font-size:10px}.progress-line{height:3px;margin:16px 0 10px;border-radius:9px;background:#292e39}.progress-line span{display:block;height:100%;border-radius:inherit;background:var(--red)}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.discover-grid article{padding-bottom:14px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#131824}.discover-grid article:hover{border-color:var(--red);transform:translateY(-3px)}.discover-grid .poster{height:245px}.discover-grid h3{margin:13px 13px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-grid small{margin:0 13px}.detail-modal{display:grid;grid-template-columns:220px 1fr;gap:28px}.detail-modal>.poster{height:330px;border-radius:17px}.detail-modal p{color:var(--muted);line-height:1.7}.danger-button{display:flex;align-items:center;gap:8px;margin-top:24px;padding:12px 15px;border:1px solid rgba(239,51,64,.3);border-radius:12px;color:#ff8b8b;background:#ef334014}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.15);opacity:.6}}@keyframes brandIn{0%{opacity:0;transform:scale(.8) translateY(14px)}to{opacity:1;transform:scale(1.35)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes loadLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.02)}}@media(max-width:900px){.app-header{grid-template-columns:1fr auto}.app-header nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:30}.header-actions-left{display:none}.profile-button{grid-column:2}.brand-text{display:none}.page-shell{width:min(100% - 28px,1540px);padding-top:42px}.toolbar,.detail-modal{grid-template-columns:1fr}.detail-modal>.poster{width:180px;height:270px}.mobile-search{display:grid;place-items:center;position:fixed;right:18px;bottom:80px;width:48px;height:48px;border:0;border-radius:50%;color:#fff;background:var(--red)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}