@import url('/fonts.css');
@import url('/design-tokens.css');
@import url('/motion.css');
:root{font-family:var(--argo-font-body);font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button{background:none;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:wait}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:var(--accent);padding:12px;color:var(--bg)}.skip:focus{top:8px}#sidebar{width:var(--side);position:fixed;inset:0 auto 0 0;z-index:10;border-right:1px solid var(--line);background:var(--bg);padding:38px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-size:17px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:4.4px;margin-top:7px}.brand-icon{font-size:37px;position:relative;color:var(--accent);font-weight:500;font-family:var(--argo-font-display)}.brand-icon span{font-size:21px;position:absolute;right:-4px;top:10px}.sidebar-label{font-size:9px;letter-spacing:2.3px;color:var(--muted);margin:55px 14px 18px}nav button,.sidebar-bottom>button{width:100%;text-align:left;border-radius:var(--argo-radius-control);padding:14px 12px;margin:2px 0;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:12px}nav button>span,.sidebar-bottom>button>span{font-size:20px;width:22px;text-align:center}nav .active{color:var(--accent);background:color-mix(in srgb,var(--argo-color-secondary) 6.27%,transparent)}nav b{margin-left:auto;background:color-mix(in srgb,var(--text) 7.06%,transparent);padding:2px 6px;border-radius:var(--argo-radius-control);font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:40px}#server-badge{border-top:1px solid var(--line);margin-top:20px;padding:20px 10px 8px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}#server-badge i{width:5px;height:5px;background:var(--argo-color-secondary);border-radius:50%}.sidebar-bottom p{font-size:10px;color:var(--muted);padding-left:10px}#shell{margin-left:var(--side)}header{height:100px;padding:24px 48px;display:flex;align-items:center;gap:20px}header .search{display:flex;align-items:center;gap:12px;width:min(520px,100%);color:var(--muted);margin:0}.search input{background:none;border:0;width:100%;padding:10px 0;outline-offset:0!important}.search span{font-size:30px}kbd{border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:var(--argo-radius-control);padding:3px 6px;font:10px monospace;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.profile{height:38px;width:38px;border:1px solid color-mix(in srgb,var(--argo-color-secondary) 20.00%,transparent);background:color-mix(in srgb,var(--argo-color-secondary) 8.24%,transparent);color:var(--accent);border-radius:50%;font-family:var(--argo-font-display);font-size:20px}#demo-badge{font-size:9px;letter-spacing:2px;border:1px solid color-mix(in srgb,var(--argo-color-secondary) 26.67%,transparent);padding:5px 9px;color:var(--accent)}#menu-toggle{display:none}main{padding:0 48px 40px}.eyebrow{display:block;font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:600}.hero{position:relative;min-height:450px;border:1px solid color-mix(in srgb,var(--text) 3.53%,transparent);border-radius:var(--argo-radius-control);overflow:hidden;display:flex;align-items:center;padding:50px;background:var(--panel);isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96.08%,transparent) 0%,color-mix(in srgb,var(--bg) 70.98%,transparent) 48%,color-mix(in srgb,var(--bg) 10.20%,transparent) 100%),linear-gradient(0deg,var(--bg),transparent 65%)}.hero-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 26%,var(--muted),var(--muted) 30%,var(--panel) 56%,var(--panel) 69%);width:410px;height:410px;right:6%;top:60px;z-index:-2;box-shadow:0 0 100px color-mix(in srgb,var(--muted) 53.33%,transparent);transform:rotate(-25deg)}.hero-orb:after{content:'';position:absolute;inset:32% -60%;border:2px solid color-mix(in srgb,var(--argo-color-secondary) 20.00%,transparent);border-radius:50%;transform:rotate(-25deg)}.hero-text{max-width:600px}.hero h1{font-family:var(--argo-font-display);font-weight:400;font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-2px;margin:22px 0 18px}.hero .description{font-size:13px;line-height:1.7;color:var(--muted);max-width:440px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px}.meta b{color:var(--accent)}.quality-tag{border:1px solid color-mix(in srgb,var(--text) 18.82%,transparent);border-radius:var(--argo-radius-control);padding:3px 5px;font-size:9px;letter-spacing:1px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.primary{background:var(--accent);color:var(--bg);padding:13px 22px;border-radius:var(--argo-radius-control);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:14px}.secondary{border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);background:color-mix(in srgb,var(--text) 3.14%,transparent);border-radius:var(--argo-radius-control);padding:12px 17px;font-size:12px}.icon-button{border:1px solid color-mix(in srgb,var(--text) 13.33%,transparent);border-radius:var(--argo-radius-control);min-width:40px;min-height:40px;font-size:19px}.hero-bottom{position:absolute;right:30px;bottom:24px;font-size:9px;letter-spacing:2px;color:var(--muted)}.greeting{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:40px 0 28px}.greeting h2,.page-heading h1{font-size:28px;font-family:var(--argo-font-display);font-weight:400;margin:8px 0}.greeting p,.page-heading p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.stats{display:flex;gap:35px}.stats b{display:block;font-family:var(--argo-font-display);font-size:25px;font-weight:400}.stats small{font-size:9px;color:var(--muted);letter-spacing:1px}.section{margin-top:32px}.section-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head h2{font-weight:500;font-size:17px;margin:0}.section-head button{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:24px 19px}.card{min-width:0;text-align:left;padding:0;position:relative;display:block;width:100%}.poster{aspect-ratio:2/3;border-radius:var(--argo-radius-control);background:var(--panel);overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}.card:hover .poster{transform:translateY(-5px);box-shadow:0 12px 35px color-mix(in srgb,var(--bg) 53.33%,transparent)}.poster img{width:100%;height:100%;object-fit:cover}.poster-art{display:flex;flex-direction:column;justify-content:end;height:100%;padding:19px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 22%,color-mix(in srgb,var(--muted) 33.33%,transparent),transparent 55%),linear-gradient(170deg,var(--panel),var(--panel));color:var(--text)}.poster-art:before{content:'';position:absolute;inset:18% 9% 22%;border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:50%;z-index:-1;box-shadow:0 0 40px color-mix(in srgb,var(--text) 12.55%,transparent);transform:rotate(-30deg)}.poster-art:after{content:'';position:absolute;inset:56% -50% 10%;background:color-mix(in srgb,var(--bg) 69.02%,transparent);transform:rotate(-30deg);z-index:-1}.poster-art strong{font-family:var(--argo-font-display);font-size:22px;line-height:1.1;font-weight:400}.poster-art small{font-size:8px;letter-spacing:2px;margin-top:10px}.poster-art.violet{background:radial-gradient(ellipse at 80% 22%,color-mix(in srgb,var(--muted) 33.33%,transparent),transparent 55%),linear-gradient(170deg,var(--panel),var(--bg))}.poster-art.red{background:radial-gradient(ellipse at 70% 35%,color-mix(in srgb,var(--argo-color-secondary) 26.67%,transparent),transparent 45%),linear-gradient(155deg,var(--panel),var(--bg))}.poster-art.green{background:radial-gradient(ellipse at 80% 22%,color-mix(in srgb,var(--muted) 26.67%,transparent),transparent 55%),linear-gradient(170deg,var(--panel),var(--bg))}.poster-art.orange{background:radial-gradient(ellipse at 60% 38%,color-mix(in srgb,var(--argo-color-secondary) 26.67%,transparent),transparent 50%),linear-gradient(155deg,var(--muted),var(--panel))}.card h3{font-size:12px;line-height:1.4;font-weight:500;margin:12px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .card-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:5px}.card-badge{position:absolute;top:10px;left:10px;background:color-mix(in srgb,var(--bg) 80.00%,transparent);backdrop-filter:blur(8px);padding:4px 6px;border-radius:var(--argo-radius-control);font-size:8px;letter-spacing:.8px}.watched-badge{position:absolute;top:10px;right:10px;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:var(--argo-color-secondary);color:var(--bg);font-size:11px}.progress-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:color-mix(in srgb,var(--text) 20.00%,transparent)}.progress-line i{height:100%;display:block;background:var(--accent)}.compact .grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr))}.saga-banner{margin:34px 0 12px;background:linear-gradient(110deg,var(--panel),var(--panel));border:1px solid color-mix(in srgb,var(--text) 7.06%,transparent);border-radius:var(--argo-radius-control);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px}.saga-banner h2{font-family:var(--argo-font-display);font-size:24px;font-weight:400;margin:10px 0}.saga-banner p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.saga-mark{font-size:75px;color:color-mix(in srgb,var(--argo-color-secondary) 33.33%,transparent);font-family:var(--argo-font-display)}.page-heading{margin:22px 0 28px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 27px}.filters select{font-size:12px;max-width:190px}.filters label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin:0}.filters input{accent-color:var(--accent)}select,input{color:var(--text);background:var(--panel);border:1px solid color-mix(in srgb,var(--text) 9.41%,transparent);border-radius:var(--argo-radius-control);padding:11px 12px}label{display:block;font-size:12px;color:var(--muted);margin:20px 0 8px}label>input:not([type=checkbox]),label>select{width:100%;margin-top:9px}select option{background:var(--panel)}.empty{padding:55px 20px;text-align:center;border:1px dashed color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:var(--argo-radius-control);color:var(--muted);line-height:1.7;font-size:13px}.empty h2{color:var(--text);font-family:var(--argo-font-display);font-weight:400}.empty .empty-icon{font-size:40px;color:color-mix(in srgb,var(--argo-color-secondary) 50.20%,transparent)}.loading{padding:60px;text-align:center;color:var(--muted);font-size:13px}.loader{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--text) 7.84%,transparent);border-top-color:var(--accent);border-radius:50%;margin:0 auto 16px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.more{display:block;margin:35px auto 0}.collection-card{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:23px;border-radius:var(--argo-radius-control);background:var(--panel);margin:12px 0;font-size:15px}.collection-card small{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:10px 48px;padding:24px 0;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}dialog{color:var(--text);border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);background:var(--panel);border-radius:var(--argo-radius-control);padding:0;max-width:min(94vw,960px);max-height:92vh;box-shadow:0 30px 130px color-mix(in srgb,var(--bg) 73.33%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--bg) 83.14%,transparent);backdrop-filter:blur(12px)}dialog[open]{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#login-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;width:900px}#login-dialog .login-art{background:radial-gradient(ellipse at 60% 10%,color-mix(in srgb,var(--muted) 26.67%,transparent),transparent 60%),linear-gradient(150deg,var(--panel),var(--panel));padding:60px 45px;position:relative;overflow:hidden}.login-art h1{font-family:var(--argo-font-display);font-size:49px;line-height:1.1;font-weight:400;letter-spacing:-1.5px;margin:65px 0 20px}.login-art h1 em{font-weight:400;color:var(--accent)}.login-art p{font-size:13px;line-height:1.8;color:var(--muted);max-width:280px}.film-lines{margin:50px 0 0;display:flex;gap:14px;transform:rotate(-15deg)}.film-lines span{width:80px;height:115px;border:1px solid color-mix(in srgb,var(--argo-color-secondary) 26.67%,transparent);border-radius:var(--argo-radius-control);background:linear-gradient(145deg,color-mix(in srgb,var(--muted) 26.67%,transparent),transparent)}.film-lines span:nth-child(2){transform:translateY(-20px)}.login-form{padding:55px 42px}.brand-mini{color:var(--accent);font-size:9px;letter-spacing:3px;margin:10px 0 45px}.login-form h2{font-family:var(--argo-font-display);font-size:29px;font-weight:400}.login-form p{font-size:12px;color:var(--muted);line-height:1.7}.login-form .primary{width:100%;margin-top:14px}.login-form .secondary{width:100%;margin:10px 0 20px}.login-form>small{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:20px}.error{color:var(--argo-color-error)!important;font-size:12px;line-height:1.6}.dialog-close{position:absolute;right:16px;top:16px;background:color-mix(in srgb,var(--bg) 65.88%,transparent);border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:50%;width:34px;height:34px;z-index:5;font-size:23px}.detail-backdrop{height:260px;background:linear-gradient(120deg,var(--panel),var(--panel));position:relative;overflow:hidden}.detail-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.65}.detail-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--panel),transparent 90%)}.detail-body{padding:0 38px 38px;position:relative;margin-top:-65px}.detail-body h2{font-family:var(--argo-font-display);font-size:36px;font-weight:400;max-width:650px;margin:5px 0 15px}.detail-body p{font-size:13px;line-height:1.8;color:var(--muted)}.detail-body .actions{margin:24px 0}.detail-body h3{font-weight:500;font-size:15px;margin:28px 0 14px}.technical{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.technical span{border:1px solid color-mix(in srgb,var(--text) 7.06%,transparent);border-radius:var(--argo-radius-control);padding:8px;font-size:10px;color:var(--muted)}.cast{color:var(--muted);font-size:12px;line-height:1.8}.saga-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.saga-row{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.saga-row .number{font-family:var(--argo-font-display);color:var(--accent);font-size:26px;width:26px}.saga-row .saga-info{flex:1}.saga-row h4{margin:0 0 6px;font-size:13px;font-weight:500}.saga-row small{font-size:10px;color:var(--muted)}.saga-row .status{font-size:10px;color:var(--argo-color-secondary)}.saga-row.current{background:color-mix(in srgb,var(--text) 1.96%,transparent);margin:0 -10px;padding:15px 10px;border-radius:var(--argo-radius-control)}.saga-row .sort-buttons{display:flex;gap:5px}.saga-row .sort-buttons button{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:var(--argo-radius-control)}.dialog-pad{padding:45px 38px;width:500px;max-width:90vw}.dialog-pad h2{font-family:var(--argo-font-display);font-size:32px;font-weight:400}.switch-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.switch-row input{accent-color:var(--accent);width:18px;height:18px}.note{border:1px solid var(--line);background:color-mix(in srgb,var(--text) 1.18%,transparent);padding:18px;border-radius:var(--argo-radius-control);margin:22px 0}.note b{font-size:12px}.note p{font-size:12px;color:var(--muted);line-height:1.7}.note a{font-size:11px;color:var(--accent)}.note small{font-size:9px;color:var(--muted);line-height:1.5;display:block}.dialog-pad>.secondary{width:100%;margin-top:10px}.player{width:96vw;max-width:1500px;background:var(--bg)}.player-toolbar{display:flex;align-items:center;gap:15px;padding:14px 18px}.player-toolbar>span{font-size:14px}.player-actions{margin-left:auto;display:flex;gap:10px}.player video{width:100%;height:min(66vh,760px);background:black;display:block}.player-options{padding:0 22px 15px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.player-options label{font-size:10px;max-width:260px;flex:1}.player-options select{font-size:11px}#play-method{font-size:10px;color:var(--accent)}.player-help{font-size:10px;color:var(--muted);padding:0 22px 12px}#player-error{padding:0 22px}.resume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.resume-card .poster{aspect-ratio:16/9}.resume-card .poster-art strong{font-size:21px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:11px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--text) 7.84%,transparent);border-radius:var(--argo-radius-round);color:var(--muted)}.pill.selected{background:color-mix(in srgb,var(--argo-color-secondary) 8.24%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--argo-color-secondary) 20.00%,transparent)}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:var(--panel);border:1px solid color-mix(in srgb,var(--text) 12.55%,transparent);border-radius:var(--argo-radius-control);padding:13px 22px;color:var(--text);font-size:12px;opacity:0;pointer-events:none;z-index:100;max-width:90vw;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1750px){main,header{max-width:1700px;margin:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.hero{min-height:540px}.hero-orb{width:500px;height:500px;top:30px}}@media(max-width:1100px){:root{--side:210px}#sidebar{padding:30px 15px}main{padding:0 28px 30px}header{padding:20px 28px}.hero{padding:35px;min-height:400px}.hero-text{max-width:70%}.hero-orb{right:-12%;width:350px;height:350px}.stats{gap:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(133px,1fr))}}@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s;width:244px}.menu-open #sidebar{transform:none;box-shadow:50px 0 100px color-mix(in srgb,var(--bg) 60.00%,transparent)}#shell{margin-left:0}#menu-toggle{display:block}header{height:80px;padding:18px;gap:15px}header .search input{font-size:12px}.search kbd{display:none}.header-actions{gap:8px}main{padding:0 18px 26px}.hero{min-height:420px;padding:28px;align-items:end}.hero-text{max-width:100%}.hero h1{font-size:39px;letter-spacing:-1px}.hero-orb{right:-65px;top:-70px;width:350px;height:350px}.hero .description{font-size:12px}.hero-bottom{display:none}.greeting{align-items:start;flex-direction:column;gap:15px;margin-top:30px}.stats{gap:30px}.stats b{font-size:22px}.greeting h2{font-size:25px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 12px}.compact .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-art{padding:12px}.poster-art strong{font-size:17px}.card h3{font-size:11px}.card-meta{font-size:9px!important}.card-badge{font-size:7px;top:6px;left:6px}.saga-banner{padding:24px}.saga-banner h2{font-size:23px}.saga-mark{display:none}.saga-banner{display:block}.saga-banner button{margin-top:20px}.filters select{max-width:none}.filters>select{flex:1;min-width:100px}.filters label{margin:10px 0}.page-heading h1{font-size:27px}footer{margin:10px 18px;font-size:9px}.detail-body{padding:0 22px 25px}.detail-body h2{font-size:29px}.detail-backdrop{height:200px}#login-dialog[open]{grid-template-columns:1fr;width:440px}.login-art{display:none}.login-form{padding:35px 30px}.brand-mini{margin-bottom:30px}.player-actions{display:none}.player-toolbar>span{font-size:12px}.player-options{gap:12px}.player-options label{min-width:125px}.dialog-pad{padding:35px 25px}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-card .poster-art strong{font-size:17px}.saga-row{gap:8px}.saga-row .status{max-width:72px;font-size:9px}}@media(max-width:380px){.grid,.compact .grid{grid-template-columns:repeat(2,minmax(0,1fr))}} 

#tmdb-setup input{display:block;width:100%;padding:12px;background:var(--panel);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 14.51%,transparent);border-radius:var(--argo-radius-control);margin:8px 0}#tmdb-setup p{font-size:12px;line-height:1.6}#tmdb-setup a{display:block;margin-bottom:12px}.note img[alt="TMDB"]{display:block;object-fit:contain;object-position:left center;margin:16px 0 10px}

#identify-form{display:grid;gap:16px;margin:24px 0}#identify-form label{display:grid;gap:8px}#identify-form input{width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--panel);color:var(--text);border-radius:var(--argo-radius-control);padding:12px;font:inherit}.identify-option{border:1px solid var(--panel);border-radius:var(--argo-radius-control);padding:20px;margin-top:16px}.identify-option h3{margin:0 0 12px}.identify-option p{font-size:14px;line-height:1.65;color:var(--muted)}

.editions{margin:28px 0}.edition-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--argo-radius-control);padding:18px;margin:12px 0}.edition-row.current{border-color:color-mix(in srgb,var(--argo-color-secondary) 26.67%,transparent);background:color-mix(in srgb,var(--argo-color-secondary) 3.14%,transparent)}.edition-row>div{min-width:0}.edition-row h4{margin:0 0 8px;overflow-wrap:anywhere}.edition-row p{margin:0 0 8px;font-size:13px;overflow-wrap:anywhere}.edition-row small{color:var(--muted)}.edition-row>button,.edition-row>.quality-tag{flex-shrink:0}@media(max-width:760px){.edition-row{align-items:flex-start;flex-direction:column;gap:12px}.edition-row>button{width:100%}}

#collection-form{display:grid;gap:16px;margin:24px 0}#collection-form label{display:grid;gap:8px}#collection-form input{width:100%;background:var(--panel);border:1px solid var(--panel);color:var(--text);border-radius:var(--argo-radius-control);padding:12px} .collection-membership{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.collection-membership span,.collection-membership button{overflow-wrap:anywhere}.collection-membership button{max-width:65%}@media(max-width:760px){.collection-membership{flex-direction:column;align-items:stretch}.collection-membership button{max-width:100%}}


/* Argo: tema applicato ai componenti già esistenti. */
body{font-family:var(--argo-font-body);line-height:var(--argo-line-body)}
h1,h2,.brand-word,.brand-mini{font-family:var(--argo-font-display);text-transform:uppercase;letter-spacing:var(--argo-tracking-display)}
button,input,select{min-height:var(--argo-control-min-size)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:var(--argo-focus-width) solid var(--argo-focus-color);outline-offset:var(--argo-focus-offset)}
button:hover{filter:none}
button{transition:background var(--argo-duration-fast),color var(--argo-duration-fast),border-color var(--argo-duration-fast)}
#sidebar{background:var(--bg);padding:32px 18px;border-color:var(--argo-color-border)}
.brand{gap:10px;letter-spacing:0}.brand-eye{flex-shrink:0}.brand-word{font-size:25px;font-weight:500;letter-spacing:.17em;line-height:1.2}
.brand small{font-family:var(--argo-font-body);font-weight:400;font-size:7px;letter-spacing:.08em;margin-top:7px;color:var(--muted);white-space:nowrap}
.sidebar-label{color:var(--muted);font-size:9px;margin:46px 14px 16px;letter-spacing:var(--argo-tracking-label)}
nav button,.sidebar-bottom>button{color:var(--muted);font-size:12px;padding:12px;min-height:48px;border-radius:var(--argo-radius-control)}
nav button>span:not(.nav-copy){font-size:19px;width:22px;flex-shrink:0}nav .nav-copy{width:auto;text-align:left;font-size:12px;line-height:1.45}
.nav-copy small{display:block;font-size:10px;font-weight:400;color:var(--muted)}nav .active{color:var(--text);background:var(--argo-color-primary-soft);box-shadow:inset 2px 0 var(--argo-color-primary)}
nav .active>span:first-child{color:var(--argo-color-primary)}nav button:hover{color:var(--text);background:var(--panel)}
#server-badge{color:var(--muted);font-size:11px}#server-badge i{background:var(--argo-color-secondary)}.sidebar-bottom p{color:var(--muted);font-size:10px}
header{height:90px;padding:20px 40px;border-bottom:1px solid var(--line);margin-bottom:24px}
header .search{gap:12px;width:min(480px,100%)}.search-copy{display:flex;flex-direction:column;flex:1;min-width:0;width:100%}.search .search-copy{font-size:inherit}
.search-copy b{font-family:var(--argo-font-display);font-size:10px;font-weight:500;letter-spacing:.16em;color:var(--accent)}
.search input{min-height:30px;padding:4px 0;margin-top:0!important;font-size:12px}.search input::placeholder{color:var(--muted);opacity:1}.search .search-symbol{font-size:28px;color:var(--muted)}
.search kbd{color:var(--muted);border-color:var(--argo-color-border)}.profile{color:var(--accent);background:var(--panel);border-color:var(--argo-color-border);min-height:40px}
#demo-badge{font-size:9px;letter-spacing:.12em;color:var(--muted);border-color:var(--argo-color-border);background:var(--panel)}
main{padding:0 40px 40px}.home-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 23px}.home-intro h2{font-size:21px;font-weight:400;letter-spacing:var(--argo-tracking-display);margin:6px 0 0;text-transform:uppercase}
.eyebrow{color:var(--accent);font-size:9px;letter-spacing:var(--argo-tracking-label)}.home-count{font-size:11px;color:var(--muted);white-space:nowrap}.home-count span{color:var(--accent);padding:0 7px}
.hero{min-height:420px;padding:40px;border:1px solid var(--argo-color-border);border-radius:var(--argo-radius-card);background:var(--panel)}
.hero:after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 86%,transparent) 28%,color-mix(in srgb,var(--bg) 22%,transparent) 75%),linear-gradient(0deg,color-mix(in srgb,var(--bg) 95%,transparent),transparent 55%)}
.hero h1{font-size:var(--argo-font-size-hero);font-weight:500;line-height:1.12;letter-spacing:var(--argo-tracking-display);margin:20px 0;max-width:540px;text-wrap:balance}
.hero-text{max-width:560px}.hero .description{color:var(--muted);font-size:12px;line-height:1.85;max-width:400px;margin:18px 0}
.hero-bottom{color:var(--muted);font-size:8px;letter-spacing:.15em}.hero-orb{background:var(--argo-color-primary-soft);box-shadow:none;border:1px solid var(--argo-color-border)}
.hero-orb:after{border-color:var(--argo-color-border)}.meta{color:var(--muted);font-size:11px;gap:14px}.meta b{color:var(--accent);font-weight:500}
.quality-tag{border-color:var(--argo-color-border);border-radius:2px;color:var(--text);font-size:9px;letter-spacing:.06em}
.primary{background:var(--argo-color-primary);color:var(--argo-color-on-primary);font-size:12px;font-weight:650;border:1px solid var(--argo-color-primary);border-radius:var(--argo-radius-control);padding:12px 20px}
.primary:hover{background:color-mix(in srgb,var(--argo-color-primary) 86%,var(--text));border-color:transparent}
.secondary,.icon-button{background:var(--panel);border-color:var(--argo-color-border);border-radius:var(--argo-radius-control);color:var(--text)}.secondary:hover,.icon-button:hover{border-color:var(--accent);background:var(--argo-color-surface-raised)}
.actions{gap:12px}.section{margin-top:32px}.section-head{margin-bottom:17px;align-items:end}.section-head h2{font-size:20px;font-weight:500;letter-spacing:.09em}.section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.section-head button{font-size:11px;color:var(--muted);padding:0 4px;min-height:44px}.section-head button:hover{color:var(--accent)}
.grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:22px 18px}.poster{border-radius:var(--argo-radius-poster);border:1px solid var(--argo-color-border-subtle);background:var(--panel);transition:transform var(--argo-duration-normal) var(--argo-easing),box-shadow var(--argo-duration-normal),border-color var(--argo-duration-fast)}
.card{border-radius:var(--argo-radius-poster)}.card:hover .poster,.card:focus-visible .poster{border-color:var(--accent);box-shadow:var(--argo-shadow-poster);transform:translateY(-3px)}.card:focus-visible{outline-color:var(--accent)}
.card h3{font-family:var(--argo-font-body);text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;margin:10px 0 4px}.card .card-meta{color:var(--muted);font-size:10px}.card-meta>span:last-child{color:var(--accent)}
.card-badge{background:var(--argo-color-overlay);color:var(--text);border:1px solid var(--argo-color-border-subtle);font-size:8px;border-radius:2px;top:8px;left:8px}
.watched-badge{background:var(--accent);color:var(--bg)}.progress-line{height:3px;background:var(--argo-color-border)}.progress-line i{background:var(--argo-color-primary)}
.poster-art,.poster-art.violet,.poster-art.red,.poster-art.green,.poster-art.orange{background:linear-gradient(145deg,var(--argo-color-primary-soft),var(--panel));color:var(--text)}.poster-art strong{font-family:var(--argo-font-display);font-size:20px;letter-spacing:.035em;text-transform:uppercase}.poster-art:before{border-color:var(--argo-color-border);box-shadow:none}.poster-art:after{background:var(--argo-color-overlay)}
.resume-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.resume-card{max-width:390px}.resume-card .poster{aspect-ratio:16/9}.resume-card .poster img{object-position:center 40%}
.muse-section{position:relative;padding-top:28px;margin-top:32px}.muse-section:before{content:'';position:absolute;top:0;left:0;right:0;height:12px;background:url('/meander.svg') repeat-x left center;opacity:.75}
.genre-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.genre-tile{background:var(--panel);border:1px solid var(--argo-color-border-subtle);border-radius:var(--argo-radius-control);padding:18px 16px;font-size:12px}.genre-number{display:block;color:var(--accent);font-family:var(--argo-font-display);font-size:11px;margin-bottom:8px;letter-spacing:.1em}
.saga-banner{background:var(--panel) url('/constellation.svg') no-repeat center right;background-size:auto 150%;border-color:var(--argo-color-border);border-radius:var(--argo-radius-card);padding:25px 30px;margin:32px 0}.saga-banner h2{font-size:21px;letter-spacing:.04em}.saga-banner p{color:var(--muted);font-size:11px}.saga-mark{font-size:62px;color:var(--argo-color-secondary);opacity:.5}.saga-banner .secondary{flex-shrink:0}
.page-heading h1,.greeting h2{font-family:var(--argo-font-display);letter-spacing:.04em;font-size:28px}.page-heading p,.greeting p{color:var(--muted)}
.filters label,label{color:var(--muted)}input,select,select option,#tmdb-setup input,#identify-form input,#collection-form input{background:var(--panel);border-color:var(--argo-color-border);color:var(--text);border-radius:var(--argo-radius-control)}input::placeholder{color:var(--muted)}
input[type=checkbox]{accent-color:var(--argo-color-primary);min-height:0}.filters input{accent-color:var(--argo-color-primary)}.filters select{min-height:44px}
.empty{border-color:var(--argo-color-border);border-radius:var(--argo-radius-card);color:var(--muted)}.empty h2{font-family:var(--argo-font-display);font-size:22px;letter-spacing:.04em}.empty .empty-icon{color:var(--accent)}
.loading{color:var(--muted)}.loader{border:0;border-radius:0;width:54px;height:54px;animation:eye-open 1.7s ease-in-out infinite;transform-origin:center}.loader img{width:100%;height:100%}@keyframes eye-open{0%,100%{transform:scaleY(.22);opacity:.45}40%,65%{transform:scaleY(1);opacity:1}}
.collection-card,.edition-row,.identify-option{border-radius:var(--argo-radius-card);background:var(--panel);border-color:var(--argo-color-border-subtle)}.edition-row.current{border-color:var(--accent);background:var(--argo-color-secondary-soft)}
footer{color:var(--muted);border-color:var(--argo-color-border);font-size:10px;margin:10px 40px;padding:24px 0}
dialog{background:var(--panel);border-color:var(--argo-color-border);border-radius:var(--argo-radius-dialog)}dialog::backdrop{background:var(--argo-color-overlay)}
#login-dialog .login-art{background:var(--bg) url('/constellation.svg') no-repeat center right;background-size:auto 100%;padding:42px}.login-eye{margin:8px 0 32px}.login-art h1{font-family:var(--argo-font-display);font-size:37px;letter-spacing:.02em;margin:26px 0 20px;line-height:1.3}.login-art h1 em{font-style:normal;color:var(--accent)}.login-art p{color:var(--muted)}.film-lines{display:none}
.brand-mini{color:var(--accent);font-size:23px;letter-spacing:.14em;display:flex;align-items:center;gap:12px;margin:0 0 36px}.login-form h2{font-size:24px;letter-spacing:.025em}.login-form p,.login-form>small{color:var(--muted)}.login-form{padding:48px 36px}.error{color:var(--argo-color-error)!important}
.dialog-close{background:var(--argo-color-overlay);border-color:var(--argo-color-border);min-width:44px;min-height:44px;width:44px;height:44px}.detail-backdrop{background:var(--bg) url('/constellation.svg') no-repeat center;background-size:cover}.detail-backdrop:after{background:linear-gradient(0deg,var(--panel),transparent 90%)}.detail-body h2{font-size:32px;letter-spacing:.035em}.detail-body p{color:var(--muted)}.detail-body h3{font-family:var(--argo-font-body);font-size:15px;text-transform:none;letter-spacing:0}.technical span{color:var(--muted);border-color:var(--argo-color-border)}
.saga-row .status{color:var(--accent)}.saga-row.current{background:var(--argo-color-secondary-soft)}.saga-row .sort-buttons button{width:44px;height:44px;border-color:var(--argo-color-border)}.note{background:var(--argo-color-background);border-color:var(--argo-color-border-subtle);border-radius:var(--argo-radius-card)}.note p,.note small{color:var(--muted)}.note a{color:var(--accent)}.dialog-pad h2{font-size:26px;letter-spacing:.04em}
.pill{border-color:var(--argo-color-border);border-radius:var(--argo-radius-control);color:var(--muted)}.pill.selected{background:var(--argo-color-secondary-soft);color:var(--accent);border-color:var(--accent)}
#toast{background:var(--argo-color-surface-raised);color:var(--text);border-color:var(--argo-color-border);border-radius:var(--argo-radius-control)}
.player-help{color:var(--muted)}.player-toolbar{background:var(--bg)}
@media(min-width:1750px){.hero{min-height:510px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:1100px){:root{--side:210px}.brand-word{font-size:23px}.brand small{font-size:6px}main{padding:0 28px 32px}header{padding:18px 28px}.hero{padding:32px;min-height:400px}.hero-text{max-width:75%}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.saga-banner{gap:18px}.saga-mark{display:none}}
@media(max-width:760px){header{height:80px;margin-bottom:20px;padding:14px 18px}.search-copy b{font-size:9px}.search input{font-size:11px}.search-symbol{display:none!important}.header-actions{gap:8px}#demo-badge{font-size:7px;padding:3px 5px}main{padding:0 18px 28px}.home-intro{align-items:start;flex-direction:column;gap:8px;margin-bottom:18px}.home-intro h2{font-size:21px}.home-count{font-size:10px}.hero{padding:26px;min-height:430px;align-items:end}.hero-text{max-width:100%}.hero h1{font-size:32px;letter-spacing:.02em;margin:16px 0}.hero:after{background:linear-gradient(0deg,var(--bg) 3%,color-mix(in srgb,var(--bg) 90%,transparent) 45%,color-mix(in srgb,var(--bg) 20%,transparent) 100%)}.hero .description{font-size:11px;line-height:1.7}.hero-image{object-position:70% center}.meta{font-size:10px;gap:10px}.hero .actions{gap:8px;margin-top:20px}.hero .primary,.hero .secondary{font-size:11px;padding:10px 12px}.section-head{gap:12px}.section-head h2{font-size:19px}.section-head p{font-size:10px}.section-head button{font-size:10px;white-space:nowrap}.grid,.compact .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.card h3{font-size:10px}.card .card-meta{font-size:9px}.resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-card{max-width:none}.genre-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{padding:14px;font-size:11px}.saga-banner{padding:24px;background-size:auto 110%;display:block}.saga-banner h2{font-size:20px}.saga-banner button{margin-top:18px}.page-heading h1{font-size:25px}.detail-body h2{font-size:25px}.dialog-pad h2{font-size:24px}.brand-mini{font-size:22px}footer{margin:10px 18px;font-size:9px;gap:16px}.login-form{padding:32px 26px}.dialog-close{top:10px;right:10px}}
@media(max-width:380px){.grid,.compact .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:22px}.hero h1{font-size:28px}.resume-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.policy-links{display:block;margin-top:1rem;font-size:.85rem;color:var(--muted)}.policy-links a{color:var(--gold);text-underline-offset:.2em}.policy-links a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
