:root{--ink:#100e15;--paper:#f9e9c8;--red:#ec453e;--pink:#ff7866;--gold:#f7ba4b;--purple:#382652;--muted:#b9a894}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#56365d,transparent 28%),radial-gradient(circle at 90% 18%,#7a3641,transparent 31%),var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;opacity:.1;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{min-height:510px;padding:25px clamp(24px,6vw,92px) 70px;border-bottom:1px solid #ffffff21;background:linear-gradient(110deg,#18121fdf,#24182ee6 46%,#5d2f42c7),url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1800&q=80') center/cover}.topbar,.library-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-weight:700;letter-spacing:1.5px;font-size:.85rem;text-decoration:none;color:var(--paper)}.brand span{display:inline-block;background:var(--red);color:white;padding:4px 7px;margin-right:5px}.api-button{border:1px solid #ffffff4b;background:#17121aae;color:var(--paper);padding:11px 14px;font-weight:700;letter-spacing:.7px;font-size:.76rem}.hero-copy{max-width:730px;margin-top:112px}.eyebrow{color:var(--gold);letter-spacing:2px;font-weight:700;font-size:.69rem;margin:0 0 10px}h1,h2,h3{margin:0;line-height:.95}h1{font:900 clamp(3.3rem,8vw,7rem)/.88 'Playfair Display',serif;letter-spacing:-3px;text-shadow:3px 4px 0 #0003}h1 span{font-size:.56em;letter-spacing:0;display:inline-block;transform:rotate(-9deg)}.intro{max-width:550px;line-height:1.6;color:#eadfce;font-size:1rem;font-weight:700}.profile-switch{display:flex;margin-top:26px;border:1px solid #ffffff47;width:max-content;padding:4px;background:#100e1591}.profile{border:0;background:transparent;color:var(--paper);font-weight:700;padding:8px 12px;display:flex;align-items:center;gap:8px}.profile.active{background:var(--paper);color:var(--ink)}.avatar{background:var(--red);color:white;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:.72rem}.profile.active .avatar{background:var(--purple)}main{max-width:1450px;margin:auto;padding:70px clamp(24px,6vw,92px) 110px}.library-header{align-items:end;margin-bottom:17px}.library-header h2,.api-form h2{font:900 clamp(2.2rem,5vw,4.4rem)/.9 'Bebas Neue',sans-serif;letter-spacing:1.2px}.progress{color:var(--muted);font-size:.9rem}.quest-toggle{display:flex;align-items:center;gap:13px;margin:0 0 25px;color:var(--muted);font-size:.84rem}.quest-toggle button{background:var(--gold);border:1px solid var(--gold);color:#241721;padding:11px 14px;font-weight:700;letter-spacing:.7px;font-size:.76rem}.quest-toggle button.active{background:transparent;color:var(--gold)}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:19px}.poster-wrap{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(140deg,var(--purple),#d24b4b);box-shadow:0 12px 25px #0005;clip-path:polygon(0 0,100% 0,100% 96%,93% 100%,0 100%)}.poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:bold 1.8rem/1 'Bebas Neue';letter-spacing:2px;background:linear-gradient(145deg,#632f55,#10121d);z-index:0}.poster-fallback small{font:700 .65rem 'DM Sans';letter-spacing:1px}.poster[src]{position:relative;z-index:1}.card-overlay{position:absolute;inset:0;z-index:2;padding:18px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#110d13fa 3%,#110d1399 52%,transparent 82%);opacity:0;transition:opacity .3s}.movie-card:hover .card-overlay,.movie-card:focus-within .card-overlay{opacity:1}.movie-card:hover .poster{transform:scale(1.06)}.type{font-size:.63rem;letter-spacing:1.5px;color:var(--gold);font-weight:700;margin:0 0 6px}.card-overlay h3{font:700 1.55rem/1 'Bebas Neue';letter-spacing:.7px}.story{font-size:.76rem;line-height:1.4;color:#eee0d2;margin:9px 0}.watched-button{border:1px solid var(--paper);background:transparent;color:var(--paper);font-weight:700;font-size:.72rem;padding:9px;margin-top:5px}.watched-button.is-watched{background:var(--gold);border-color:var(--gold);color:var(--ink)}.card-meta{display:flex;justify-content:space-between;padding:9px 2px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.7px}.status{color:var(--gold)}.season-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.season-actions button{background:#ffffff16;border:1px solid #ffffff38;color:white;padding:5px 7px;font-size:.65rem;font-weight:700}.season-actions button.done{background:var(--pink);border-color:var(--pink);color:#28111a}dialog{border:0;padding:0;background:transparent;color:var(--paper);max-width:440px;width:calc(100% - 30px)}dialog::backdrop{background:#000b}.api-form{position:relative;padding:32px;background:#2b1e35;border:1px solid #ffffff38}.close{border:0;background:transparent;color:var(--paper);font-size:2rem;line-height:.7}.api-form p:not(.eyebrow){line-height:1.5;color:#dbcebd}.api-form label{font-size:.8rem;font-weight:700;display:grid;gap:7px}.api-form input{border:1px solid #ffffff6a;background:#120e18;color:white;padding:12px;font:inherit}.api-form menu{padding:0;margin:20px 0 0}.save{background:var(--gold);color:#221720;border:0;padding:12px 15px;font-weight:700}@media(max-width:600px){.hero{padding-bottom:45px;min-height:470px}.hero-copy{margin-top:70px}.brand{font-size:.68rem}.api-button{display:none}.library-header{align-items:start;flex-direction:column;gap:7px}.quest-toggle{align-items:start;flex-direction:column;gap:7px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-overlay{padding:12px}.card-overlay h3{font-size:1.25rem}.story{font-size:.67rem;margin:6px 0}}