@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101219;--surface:#191c25;--surface2:#20242e;--text:#f4f1eb;--muted:#a3a1a3;--orange:#ffb05c;--orange2:#ffd095;--line:rgba(255,255,255,.1);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none}.ambient-one{width:500px;height:500px;background:#ef7b36;top:-250px;left:-180px}.ambient-two{width:480px;height:480px;background:#5847ac;right:-240px;top:35%}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto;position:relative}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--orange);color:#2c1c0e;font-family:'Playfair Display',serif;font-size:21px}.brand-dot{color:var(--orange)}.top-note{color:#aaa8a8;font-size:12px;letter-spacing:.02em}.live-dot{display:inline-block;width:7px;height:7px;background:#7bd6a0;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #7bd6a0}.welcome{min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:42px 7% 76px;gap:38px}.eyebrow{margin:0 0 13px;color:var(--orange);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.18em}.hero-copy h1,.list-heading h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6vw,75px);line-height:.98;letter-spacing:-.055em;margin:0}.hero-copy h1 span{color:var(--orange)}.lede{max-width:410px;margin:23px 0;color:#b6b3b1;font-size:15px;line-height:1.75}.create-form{display:flex;gap:9px;max-width:440px}.create-form input,.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.create-form input{height:50px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.045);padding:0 15px;font-size:13px}.create-form input:focus,.search-box:focus-within{border-color:rgba(255,176,92,.6);box-shadow:0 0 0 3px rgba(255,176,92,.1)}.button{border:0;border-radius:9px;padding:0 16px;min-height:46px;font:600 12px 'DM Sans',sans-serif;cursor:pointer;transition:.18s ease;white-space:nowrap}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-primary{background:var(--orange);color:#24170e;min-height:50px}.button-primary span{padding-left:8px;font-size:16px}.privacy-note{font-size:10px;color:#77767c;margin-top:12px}.hero-art{height:375px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.poster{position:absolute;width:205px;height:300px;border-radius:13px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.5)}.poster-back{background:linear-gradient(155deg,#d38654 0%,#562f37 42%,#181b29 100%);transform:rotate(-11deg) translate(-74px,4px);padding:32px 20px;font-family:'Playfair Display',serif;font-size:21px;line-height:1.2;color:#f8dab8}.poster-back b{color:#fff}.poster-sheen{position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,rgba(255,255,255,.1),transparent 55%)}.poster-front{background:linear-gradient(175deg,#f5b25e 0%,#e77b54 48%,#572b49 100%);transform:rotate(7deg) translate(63px,-3px);border:1px solid rgba(255,255,255,.15)}.poster-sun{position:absolute;width:130px;height:130px;right:23px;top:48px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff1b8,#ffcf73 60%,rgba(255,202,113,.1) 70%);box-shadow:0 0 42px rgba(255,211,123,.55)}.poster-horizon{position:absolute;left:-5%;right:-5%;height:128px;bottom:48px;background:linear-gradient(160deg,transparent 0 10%,#713c54 11% 26%,transparent 27%),linear-gradient(195deg,transparent 0 19%,#39293e 20% 49%,#221f32 50%);clip-path:polygon(0 40%,26% 13%,49% 44%,70% 20%,100% 50%,100% 100%,0 100%)}.poster-caption{position:absolute;left:20px;bottom:15px;font-size:10px;line-height:1.1;font-weight:700;letter-spacing:.2em}.poster-star{position:absolute;top:20px;left:22px;color:#fff4cf}.art-chip{position:absolute;z-index:2;bottom:12px;left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.15);background:rgba(22,23,31,.82);backdrop-filter:blur(10px);padding:10px 14px;border-radius:30px;font-size:10px;white-space:nowrap;color:#ddd}.art-chip span{color:var(--orange);margin-right:6px}.hidden{display:none!important}.list-view{padding:52px 7% 28px}.back-link{display:inline-block;color:#9e9ca0;text-decoration:none;font-size:11px;margin-bottom:18px}.back-link:hover,.list-footer a:hover{color:var(--orange)}.list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:35px}.list-heading h1{font-size:clamp(34px,5vw,54px)}.title-line{display:flex;align-items:center;gap:10px}.list-subtitle{display:flex;gap:10px;color:#aaa8a8;font-size:12px;margin:13px 0 0}.separator{color:#555}.list-actions{display:flex;gap:8px}.button-secondary{background:var(--surface2);border:1px solid var(--line);color:#f3eee7}.button-secondary:first-letter{color:var(--orange)}.button-quiet,.icon-button{background:transparent;border:1px solid var(--line);color:#c6c3c0}.icon-button{width:32px;height:32px;border-radius:8px;cursor:pointer}.editor{padding:23px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(30,32,41,.96),rgba(23,25,33,.94));margin-bottom:44px;box-shadow:0 18px 60px rgba(0,0,0,.15)}.search-intro{display:flex;align-items:center;justify-content:space-between}.search-intro h2,.section-heading h2{font:600 22px 'Playfair Display',serif;margin:0}.imdb-mark{font-size:13px;font-weight:700;background:#f5c518;color:#171717;padding:5px 8px;border-radius:5px}.imdb-mark i{font-style:normal;font-weight:500}.search-box{height:48px;display:flex;align-items:center;gap:12px;margin-top:20px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:9px;padding:0 14px;transition:.18s}.search-icon{font-size:24px;color:var(--orange);transform:rotate(-20deg)}.search-box input{font-size:13px}.search-box kbd{font:10px 'DM Sans',sans-serif;color:#85838a;background:#282a33;border:1px solid #393a43;padding:3px 7px;border-radius:5px}.search-hint,.search-status{font-size:10px;color:#85838a;margin:9px 0 0}.search-status.error{color:#ff9d84}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.search-result{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);min-width:0}.search-result img{width:43px;height:62px;object-fit:cover;border-radius:5px;background:#292a33}.search-result-copy{min-width:0;flex:1}.search-result-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-meta{font-size:10px;color:#929098;margin-top:5px}.add-button{border:1px solid rgba(255,176,92,.38);color:var(--orange2);background:rgba(255,176,92,.08);border-radius:7px;min-width:33px;height:33px;cursor:pointer;font-size:18px}.watch-section{padding-bottom:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-heading h2 span{font:500 11px 'DM Sans',sans-serif;color:#95929a;margin-left:7px}.section-heading .eyebrow{margin-bottom:7px}.filter-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:8px}.filter-tab{border:0;background:transparent;color:#98969c;font:500 10px 'DM Sans',sans-serif;padding:7px 10px;border-radius:6px;cursor:pointer}.filter-tab.active{background:#30313a;color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.movie-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#191b23;transition:transform .2s,border-color .2s}.movie-card:hover{transform:translateY(-3px);border-color:rgba(255,176,92,.38)}.movie-poster{position:relative;aspect-ratio:2/2.85;background:linear-gradient(145deg,#39313a,#1c2028);overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover;display:block}.poster-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#777;font-size:28px}.movie-poster img:not([src=""])+.poster-placeholder{display:none}.movie-poster a{display:block;width:100%;height:100%}.watched-ribbon{position:absolute;top:9px;left:-23px;transform:rotate(-40deg);background:#75c99b;color:#14261c;font-size:8px;font-weight:700;letter-spacing:.08em;padding:4px 27px}.movie-info{padding:10px}.movie-title{display:block;color:#f1ede8;text-decoration:none;font-size:12px;font-weight:600;line-height:1.35;min-height:32px}.movie-meta{display:flex;align-items:center;justify-content:space-between;color:#8d8b91;font-size:9px;margin-top:5px}.rating{color:#e9c457}.card-actions{display:flex;gap:6px;margin-top:10px}.card-action{flex:1;border:1px solid var(--line);background:transparent;color:#aaa8ac;border-radius:6px;padding:6px 3px;font:500 9px 'DM Sans',sans-serif;cursor:pointer}.card-action:hover{color:#fff;border-color:#666}.card-action.remove:hover{color:#ff9d84;border-color:#754c48}.empty-state{text-align:center;padding:52px 16px;border:1px dashed var(--line);border-radius:12px}.empty-icon{font-size:22px;color:var(--orange)}.empty-state h3{font:600 17px 'Playfair Display',serif;margin:12px 0 5px}.empty-state p{font-size:11px;color:#96949a;margin:0}.list-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;color:#7e7c83;font-size:10px}.list-footer a{color:#aaa8ac;text-decoration:none}.toast{position:fixed;z-index:9;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:11px 15px;border:1px solid var(--line);border-radius:8px;background:#282a33;color:#f6f1e8;font-size:11px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.site-footer{min-height:60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#737179;font-size:10px}.site-footer i{color:var(--orange);font-style:normal;margin-left:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.shell{width:min(100% - 28px,620px)}.topbar{height:68px}.top-note{font-size:0}.top-note .live-dot{font-size:initial}.welcome{min-height:auto;grid-template-columns:1fr;padding:58px 3% 50px;gap:0}.hero-copy h1{font-size:58px}.hero-art{height:310px;transform:scale(.87);margin-top:-3px}.list-view{padding:34px 2% 22px}.list-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.list-heading h1{font-size:38px}.list-actions{width:100%}.list-actions .button{flex:1}.editor{padding:16px;margin-bottom:34px}.search-results{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.movie-title{font-size:10px}.movie-info{padding:8px}.card-action{font-size:8px}.section-heading{align-items:flex-start;gap:12px;flex-direction:column}.filter-tab{padding:7px 11px}.list-footer{gap:14px;line-height:1.5}.create-form{flex-direction:column}.create-form .button{width:100%}}
@media(max-width:390px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:50px}}