:root{color-scheme:dark;--bg:#0e131a;--panel:#151c25;--panel2:#1b2430;--text:#f2f1eb;--muted:#9ba7b5;--line:#2a3541;--mint:#b5e3cb;--mint-dark:#263c37;--orange:#d6a97d;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;line-height:1.05}h2{letter-spacing:-.035em}.brand{display:inline-flex;align-items:center;gap:11px;color:#f4f2e9;font-weight:850;font-size:15px;letter-spacing:.14em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mint);color:#12221d;font-size:14px;padding-left:2px;letter-spacing:0}.eyebrow,.section-kicker,.side-section-label{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mint)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);margin-right:8px}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:10px;background:var(--mint);color:#102119;padding:15px 20px;font-weight:800;transition:transform .2s,background .2s}.primary-button:hover{background:#d0f0dc;transform:translateY(-2px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.notice{border:1px solid #40634e;background:#1d3228;color:#d0f0d7;padding:12px 14px;border-radius:9px;margin:0 0 18px}.notice.error{border-color:#6d4848;background:#39252a;color:#f4c9c9}.notice[hidden],.progress-panel[hidden],.no-results[hidden]{display:none}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1.03fr) minmax(400px,.97fr)}.login-intro{position:relative;overflow:hidden;padding:46px 6vw 32px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 60%,#27473f 0,transparent 37%),radial-gradient(circle at 22% 7%,#20333a 0,transparent 42%),#111a22;border-right:1px solid var(--line)}.login-intro:before,.login-intro:after{content:"";position:absolute;border:1px solid rgba(181,227,203,.13);border-radius:50%;width:600px;height:600px;right:-310px;top:18%}.login-intro:after{width:420px;height:420px;right:-220px;top:28%}.login-intro>*{position:relative;z-index:1}.intro-content{max-width:630px;margin:45px 0}.intro-content h1{font-size:clamp(50px,6vw,88px);margin:24px 0}.intro-content p{max-width:420px;color:#b1bec4;font-size:18px;line-height:1.65}.intro-line{display:flex;gap:15px;align-items:center;border-top:1px solid #385149;margin-top:55px;padding-top:22px;color:#adbfba;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.intro-line span:nth-child(odd){color:var(--mint)}.intro-line span:nth-child(3){margin-left:24px}.intro-bottom{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.17em;color:#849a96}.intro-bottom span{font-size:20px;color:var(--mint)}.login-panel{display:grid;place-items:center;padding:44px;background:var(--bg)}.login-card{width:min(100%,390px)}.login-card h2{font-size:43px;margin:12px 0 8px}.login-card>p{color:var(--muted);margin-bottom:35px}.login-form{display:flex;flex-direction:column;gap:11px}.login-form label{font-size:13px;font-weight:700}.login-form input{height:50px;background:#1b242e;border:1px solid #34414e;border-radius:9px;padding:0 15px;color:var(--text);margin-bottom:10px;outline:none}.login-form input:focus,.search-wrap:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px rgba(181,227,203,.1)}.login-form .primary-button{margin-top:11px}.login-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:38px;color:#768692;font-size:12px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:30px 17px;background:#111820}.sidebar .brand{margin:0 9px 55px;font-size:13px}.sidebar .brand-mark{width:31px;height:31px}.side-section-label{color:#778b91;margin:0 13px 13px}.side-nav{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#a7b5bc;border-radius:9px;font-weight:700;font-size:13px}.side-nav.active{background:#24372f;color:var(--mint)}.side-nav>span:first-child{font-size:18px}.nav-count{margin-left:auto;font-size:11px;background:#345045;padding:3px 7px;border-radius:6px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 6px 2px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#3d5247;color:var(--mint);font-weight:800}.profile{display:flex;flex-direction:column;gap:2px;min-width:0}.profile strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile span{color:#7e919b;font-size:11px}.sidebar-bottom form{margin-left:auto}.logout-button{background:transparent;border:0;color:#a3b3ba;font-size:22px;padding:5px}.logout-button:hover{color:var(--mint)}.main-content{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;border-bottom:1px solid var(--line)}.topbar-caption{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7f929c}.topbar-private{font-size:12px;color:#a8b7b9}.mobile-brand{display:none}.content-wrap{max-width:1520px;padding:39px 50px 90px;margin:auto}.hero{position:relative;overflow:hidden;min-height:345px;border:1px solid #305147;border-radius:17px;background:linear-gradient(105deg,#173028 0%,#1a3730 55%,#1e413a 100%);display:flex;align-items:center;padding:45px 56px}.hero-glow{position:absolute;width:540px;height:540px;border-radius:50%;right:4%;top:-95%;background:radial-gradient(circle,#3e775d 0,transparent 70%);opacity:.5}.hero-content{z-index:1}.hero h1{font-size:clamp(42px,4.6vw,66px);margin:17px 0}.hero h1 em{color:#d5eadc}.hero p{color:#bad0c8;line-height:1.5;margin-bottom:28px}.hero-button{width:auto;display:inline-flex;padding:14px 20px}.hero-art{position:absolute;right:10%;top:50%;width:230px;height:230px;transform:translateY(-50%);display:grid;place-items:center}.art-orbit{position:absolute;border-radius:50%;border:1px solid rgba(181,227,203,.2)}.orbit-one{inset:0}.orbit-two{inset:34px;border-color:rgba(181,227,203,.33)}.art-play{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:rgba(181,227,203,.16);border:1px solid rgba(181,227,203,.5);color:#d9f0df;font-size:27px;padding-left:5px;box-shadow:0 0 80px rgba(181,227,203,.16)}.library-section{margin-top:47px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.section-head h2{font-size:30px;margin:8px 0 0}.muted-count{color:#7b8a93;font-size:17px;font-weight:500;margin-left:4px}.library-tools{display:flex;align-items:center;gap:18px}.size-stat{font-size:12px;color:#82939c;white-space:nowrap}.search-wrap{height:41px;display:flex;align-items:center;gap:8px;border:1px solid #37434d;border-radius:9px;background:#19212a;color:#8c9fa6;padding:0 12px}.search-wrap>span{font-size:24px;line-height:0}.search-wrap input{background:transparent;border:0;color:var(--text);outline:0;width:160px;font-size:13px}.search-wrap input::placeholder{color:#7c8c95}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:23px}.movie-card{min-width:0}.poster{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1.56;background:radial-gradient(circle at 76% 13%,rgba(210,173,131,.18),transparent 36%),linear-gradient(145deg,#30443f,#1d2c31 66%,#182429);border:1px solid #3d514b;border-radius:12px;overflow:hidden;color:var(--mint);transition:transform .2s,border-color .2s}.movie-card:nth-child(4n+2) .poster{background:radial-gradient(circle at 75% 20%,rgba(190,199,215,.18),transparent 38%),linear-gradient(145deg,#35414f,#202b37 66%,#1c2730);border-color:#3e4c5a}.movie-card:nth-child(4n+3) .poster{background:radial-gradient(circle at 70% 15%,rgba(213,176,131,.2),transparent 35%),linear-gradient(145deg,#453e38,#302a29 66%,#262322);border-color:#594a40}.movie-card:nth-child(4n+4) .poster{background:radial-gradient(circle at 70% 15%,rgba(186,203,172,.15),transparent 40%),linear-gradient(145deg,#353d3d,#232a2b 66%,#202626)}.poster:hover{transform:translateY(-3px);border-color:var(--mint)}.poster-grain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(255,255,255,.02) 40px 41px),linear-gradient(0deg,rgba(7,15,18,.48),transparent 65%)}.poster-symbol{position:relative;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(223,241,222,.55);background:rgba(15,24,24,.24);border-radius:50%;font-size:16px;padding-left:3px}.poster-label{position:absolute;bottom:19px;left:19px;color:#d5e2db;font-size:10px;font-weight:800;letter-spacing:.15em}.movie-meta{display:flex;justify-content:space-between;margin-top:15px;color:#93a3ab;font-size:11px}.movie-type{color:var(--mint);font-weight:800;letter-spacing:.1em}.movie-card h3{font-size:17px;margin:7px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-subline{color:#8c9ba4;font-size:12px;margin-bottom:11px}.movie-actions{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.movie-actions a{color:var(--mint)}.movie-actions a:hover{text-decoration:underline}.delete-form button{background:none;border:0;color:#84959d;font-size:12px;padding:0}.delete-form button:hover{color:#f4c9c9}.empty-state{text-align:center;border:1px dashed #3c4c53;border-radius:14px;padding:60px 20px;background:#141c24}.empty-icon{margin:0 auto 18px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:#2c443a;color:var(--mint);padding-left:3px}.empty-state h3{font-size:23px;margin-bottom:8px}.empty-state p,.no-results{color:var(--muted)}.outline-button{margin-top:13px;border:1px solid #709784;border-radius:9px;background:transparent;color:var(--mint);padding:12px 18px;font-weight:700}.outline-button:hover{background:#23372e}.no-results{padding:30px;text-align:center}
dialog{color:var(--text)}dialog::backdrop{background:rgba(2,7,10,.78);backdrop-filter:blur(5px)}.modal,.player-modal{border:1px solid #40524f;background:#18222b;border-radius:15px;box-shadow:0 25px 80px #0009}.modal{width:min(93vw,520px);padding:28px}.modal-head,.player-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal h2{font-size:29px;margin:7px 0 9px}.modal>p{color:var(--muted);font-size:13px;margin-bottom:24px}.icon-button{background:none;border:0;color:#a8b8bc;font-size:26px;line-height:1;padding:0 2px}.icon-button:hover{color:white}.drop-zone{border:1px dashed #657c76;border-radius:11px;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#d9e7dd;background:#1d302c;text-align:center;padding:20px;cursor:pointer}.drop-zone:hover{border-color:var(--mint);background:#233b34}.drop-icon{font-size:28px;color:var(--mint)}.drop-zone small{color:#9aaea8}.selected-file{max-width:100%;overflow-wrap:anywhere;color:var(--mint);font-size:12px}.modal .primary-button{margin-top:20px}.progress-panel{margin-top:19px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}progress{width:100%;height:9px;accent-color:var(--mint)}.modal .notice{margin:18px 0 0}.player-modal{width:min(94vw,1020px);padding:20px}.player-head{align-items:center;margin-bottom:15px}.player-head h2{font-size:19px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-modal video{display:block;width:100%;max-height:74vh;background:#05080a;border-radius:8px}.player-modal p{font-size:12px;color:var(--muted);margin:12px 0 0}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:64px;padding:0 22px}.mobile-brand{display:inline-flex;font-size:12px}.mobile-brand .brand-mark{width:28px;height:28px}.topbar-caption{display:none}.content-wrap{padding:22px 22px 70px}.hero{padding:38px;min-height:300px}.hero-art{right:3%;opacity:.55}.login-layout{grid-template-columns:1fr}.login-intro{min-height:38vh;padding:28px 35px}.intro-content{margin:45px 0 15px}.intro-content h1{font-size:54px}.intro-content p,.intro-line,.intro-bottom{display:none}.login-panel{min-height:62vh}}
@media(max-width:600px){.topbar-private{font-size:0}.topbar-private .status-dot{margin:0}.content-wrap{padding:17px 16px 55px}.hero{min-height:330px;padding:28px}.hero h1{font-size:42px}.hero-art{right:-65px;opacity:.25}.section-head{align-items:stretch;flex-direction:column}.library-tools{justify-content:space-between}.search-wrap{flex:1}.search-wrap input{width:100%}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.poster{aspect-ratio:1.2}.poster-label{bottom:12px;left:12px;font-size:8px}.movie-card h3{font-size:14px}.movie-subline{font-size:11px}.movie-actions{font-size:11px}.login-intro{min-height:31vh;padding:22px}.intro-content{margin:23px 0 5px}.intro-content h1{font-size:42px;margin:13px 0}.login-panel{padding:30px 22px}.login-card h2{font-size:35px}}
.mobile-logout{display:none}.mobile-logout button{border:1px solid #3b5149;background:#1b2b27;color:var(--mint);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}@media(max-width:900px){.mobile-logout{display:block;margin-left:auto;margin-right:12px}}
.mobile-settings{display:none}@media(max-width:900px){.topbar-private{display:none}.mobile-settings{display:block;margin-left:auto;font-size:22px;color:var(--mint)}.mobile-logout{margin-left:0}}
[data-theme="blue"]{--mint:#b8d8ed;--mint-dark:#2b3d4a}[data-theme="blue"] .hero{background:linear-gradient(105deg,#1b2d3a,#25475d)}[data-theme="blue"] .login-intro{background:radial-gradient(circle at 78% 55%,#294c62,transparent 45%),#111a26}[data-theme="blue"] .side-nav.active{background:#263d4b}[data-theme="blue"] .brand-mark,[data-theme="blue"] .primary-button{color:#102330}
[data-theme="amber"]{--mint:#e8c796;--mint-dark:#493b2a}[data-theme="amber"] .hero{background:linear-gradient(105deg,#382c22,#614934)}[data-theme="amber"] .login-intro{background:radial-gradient(circle at 78% 55%,#634634,transparent 45%),#201a18}[data-theme="amber"] .side-nav.active{background:#463628}[data-theme="amber"] .brand-mark,[data-theme="amber"] .primary-button{color:#2b2016}
[data-theme="plum"]{--mint:#dfc0e6;--mint-dark:#44304a}[data-theme="plum"] .hero{background:linear-gradient(105deg,#30253b,#563b5e)}[data-theme="plum"] .login-intro{background:radial-gradient(circle at 78% 55%,#4d385c,transparent 45%),#1d1825}[data-theme="plum"] .side-nav.active{background:#3c2d43}[data-theme="plum"] .brand-mark,[data-theme="plum"] .primary-button{color:#2b1b30}
.settings-shell{max-width:1400px;margin:0 auto;padding:0 44px 80px}.settings-header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.back-link{font-size:13px;color:var(--mint);font-weight:700}.back-link:hover{text-decoration:underline}.settings-intro{max-width:700px;margin:46px 0 33px}.settings-intro h1{font-size:clamp(38px,4vw,56px);margin:10px 0}.settings-intro p{color:var(--muted);line-height:1.65}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);gap:40px;align-items:start}.settings-fields{display:flex;flex-direction:column;gap:18px}.settings-card{border:1px solid var(--line);border-radius:13px;background:#172029;padding:25px}.settings-card-head{display:flex;gap:15px;align-items:start;margin-bottom:24px}.setting-number{color:var(--mint);font-size:12px;font-weight:800;margin-top:4px}.settings-card h2{font-size:20px;margin:0 0 5px}.settings-card-head p{color:var(--muted);font-size:12px;margin:0}.settings-card>label{display:block;margin:17px 0 7px;font-size:12px;color:#c9d5d6;font-weight:700}.settings-card input:not([type=radio]),.settings-card textarea{width:100%;border:1px solid #40505a;border-radius:8px;background:#101920;color:var(--text);padding:11px 13px;outline:none;resize:vertical}.settings-card input:focus,.settings-card textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(181,227,203,.1)}.theme-picker{border:0;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-picker legend{font-size:12px;color:#c9d5d6;font-weight:700;margin-bottom:9px}.theme-option{display:flex;align-items:center;gap:9px;border:1px solid #40505a;border-radius:8px;background:#111b24;padding:10px 11px;font-size:12px;cursor:pointer}.theme-option:has(input:checked){border-color:var(--mint);background:#24372f}.theme-option input{accent-color:var(--mint);margin:0}.theme-swatch{width:18px;height:18px;border-radius:50%;background:#b5e3cb}.theme-option.blue .theme-swatch{background:#b8d8ed}.theme-option.amber .theme-swatch{background:#e8c796}.theme-option.plum .theme-swatch{background:#dfc0e6}.save-button{margin-top:7px}.settings-preview{position:sticky;top:30px}.settings-preview>.section-kicker{display:block;margin-bottom:15px}.preview-frame{border:1px solid var(--line);border-radius:15px;background:#101820;padding:14px;box-shadow:0 22px 50px #0004}.preview-top{display:flex;align-items:center;gap:8px;padding:6px 6px 16px;font-size:11px;letter-spacing:.09em;overflow:hidden}.preview-top .brand-mark{width:24px;height:24px;border-radius:6px;font-size:11px;flex:none}.preview-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-hero{padding:28px 24px;border-radius:10px;background:linear-gradient(105deg,#173028,#1e413a)}[data-theme="blue"] .preview-hero{background:linear-gradient(105deg,#1b2d3a,#25475d)}[data-theme="amber"] .preview-hero{background:linear-gradient(105deg,#382c22,#614934)}[data-theme="plum"] .preview-hero{background:linear-gradient(105deg,#30253b,#563b5e)}.preview-hero small{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--mint)}.preview-hero h2{font-size:clamp(21px,2.7vw,35px);line-height:1.1;margin:15px 0;overflow-wrap:anywhere}.preview-hero p{color:#d0ded7;font-size:11px;line-height:1.5}.preview-button{display:inline-block;background:var(--mint);color:#17251e;font-weight:800;font-size:10px;padding:9px 11px;border-radius:6px}.preview-empty{text-align:center;border:1px dashed #42504f;margin-top:12px;padding:23px 15px;border-radius:9px}.preview-empty strong{display:block;font-size:13px;overflow-wrap:anywhere}.preview-empty p{color:var(--muted);font-size:11px;line-height:1.5;margin:7px 0 0}.preview-note{font-size:11px;color:var(--muted);margin:12px 0 0}
@media(max-width:900px){.settings-shell{padding:0 22px 60px}.settings-grid{grid-template-columns:1fr}.settings-preview{position:static;grid-row:1}.settings-intro{margin:30px 0 24px}}@media(max-width:600px){.settings-shell{padding:0 16px 55px}.settings-header{height:67px}.settings-header .brand{font-size:12px}.settings-header .brand-mark{width:28px;height:28px}.back-link{font-size:11px}.settings-card{padding:20px}.settings-intro h1{font-size:38px}.theme-picker{grid-template-columns:1fr 1fr}}
.preview-login{border-top:1px solid var(--line);margin-top:15px;padding:17px 9px 4px}.preview-login small{color:var(--mint);font-size:8px;font-weight:800;letter-spacing:.13em}.preview-login h3{font-size:20px;line-height:1.1;margin:8px 0;overflow-wrap:anywhere}.preview-login p{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:0}
.brand{min-width:0;max-width:100%}.brand-mark{flex:none}.brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero h1,.intro-content h1,.empty-state h3{overflow-wrap:anywhere}
.preview-top small{margin-left:auto;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px;letter-spacing:.08em}