@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#f2ede5;background:#0c0d11;color-scheme:dark;--gold:#d9b977;--line:#353036;--muted:#a8a0a3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#28202a 0%,#0c0d11 55%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(24px,calc((100vw - 1370px)/2));border-bottom:1px solid #302b30;background:#111116ec;gap:12px;position:sticky;top:0;z-index:8;backdrop-filter:blur(18px)}.brand{color:#e9d1a3;font-weight:800;letter-spacing:.16em;font-size:14px}.brand-symbol{font-size:23px;vertical-align:middle;margin-right:8px}.brand small{display:block;font-size:9px;letter-spacing:.26em;color:#9c9297;margin-top:5px;padding-left:37px}main{max-width:1370px;margin:auto;padding:24px 24px 110px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(34px,5vw,68px);line-height:1.1;margin:18px 0}h2{font-size:clamp(24px,2.5vw,32px);margin:7px 0}h3{font-size:18px}p{color:#bbb1b4;line-height:1.6}.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:10px;font-weight:700}.desktop-nav{display:flex;gap:8px;margin:0 0 22px}.nav-item{border:0;background:transparent;color:#aaa1a5;font-size:13px;padding:11px 17px;border-radius:7px;font-weight:600}.nav-item.active{color:#edcf94;background:#2b2529}.hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:340px;border:1px solid #51403e;background:linear-gradient(108deg,#2c1c26 0%,#1c1720 52%,#13151b 100%);padding:48px 6%;border-radius:18px;margin-bottom:38px}.hero-glow{position:absolute;width:420px;height:420px;right:8%;top:-50px;background:radial-gradient(circle,#8c614a38,transparent 67%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:650px}.hero h1 em{font-weight:500;color:#e3c48e}.hero p{max-width:480px;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{width:260px;height:260px;display:grid;place-items:center;flex-shrink:0}.art-ring{width:225px;height:225px;border:1px solid #9d7e4a78;border-radius:50%;outline:1px solid #9d7e4a40;outline-offset:13px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(-9deg);box-shadow:0 0 80px #ae79451a,inset 0 0 55px #ab754315}.art-ring span{font:600 32px/1.15 'Playfair Display',serif;color:#e3c48e;letter-spacing:.1em}.art-ring small{font-size:8px;letter-spacing:.14em;margin-top:15px;color:#ae9478}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 20px}.section-note{color:#8e868c;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stats>div{background:linear-gradient(135deg,#201d23,#16161b);border:1px solid #393038;border-radius:12px;padding:22px;min-height:135px}.stats strong{font-size:31px;font-weight:700;color:#f4e5cb;display:block;margin:6px 0}.stats span{font-size:12px;color:#a9a0a5}.stats .stat-icon{font-size:17px;color:var(--gold)}.featured{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;background:linear-gradient(95deg,#251f26,#17171c);border:1px solid #47383a;border-radius:12px}.featured h2{font-size:24px}.featured p{margin:6px 0 0;font-size:13px}.library-heading{margin-top:38px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.toolbar input{flex:1;min-width:200px}input,select,textarea{font:inherit;color:#f7f0e6;background:#201e25;border:1px solid #50434b;border-radius:8px;padding:12px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #d9b977;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d8c8d0}button{font:inherit;cursor:pointer;background:var(--gold);color:#1c1717;border:0;border-radius:8px;padding:12px 18px;font-weight:750}button:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#302a31;color:#f0e2d0;border:1px solid #67545b}.textbtn{background:transparent;color:#e5c78d}.danger{background:#8e3442;color:white}.iconbtn{background:transparent;color:white;font-size:20px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:18px}.movie{border:1px solid #393239;border-radius:12px;background:#19191f;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.movie:hover{transform:translateY(-3px);border-color:#8d7559}.poster{height:225px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:18px;text-align:center;background:radial-gradient(circle at 50% 28%,#68483e 0%,#33242e 42%,#161920 100%);border-bottom:1px solid #5c4843;position:relative}.movie:nth-child(4n+2) .poster{background:radial-gradient(circle at 55% 22%,#405364,#242b39 50%,#14171f 100%)}.movie:nth-child(4n+3) .poster{background:radial-gradient(circle at 55% 25%,#65503b,#30292b 55%,#17171c 100%)}.movie:nth-child(4n+4) .poster{background:radial-gradient(circle at 55% 25%,#54404e,#28212f 55%,#15161b 100%)}.poster:before,.poster:after{content:'';position:absolute;inset:12px;border:1px solid #d6b87a40;pointer-events:none}.poster:after{inset:19px;border-color:#d6b87a20}.poster-title{font:600 clamp(20px,2vw,29px)/1.12 'Playfair Display',Georgia,serif;color:#f5e6ce;text-shadow:0 2px 16px #0008;max-width:100%;overflow-wrap:anywhere;z-index:1}.poster-edition{font-size:9px;letter-spacing:.17em;color:#e1c68f;text-transform:uppercase;z-index:1}.movie .details{padding:16px;flex:1}.movie h3{font-size:18px;line-height:1.25;margin:0 0 8px}.meta{font-size:12px;color:#a9a0a7;margin:7px 0}.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.pill{display:inline-block;border:1px solid #80674b;background:#302820;border-radius:20px;padding:4px 9px;font-size:10px;color:#ebc989}.priority{font-size:10px;color:#c4adb0}.links{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.links a{font-size:12px;color:#eac98c}.movie>button{margin:0 16px 16px;width:calc(100% - 32px);padding:9px}.list-view{display:flex;flex-direction:column}.list-view .movie{display:flex;flex-direction:row;align-items:center;gap:15px;padding:12px}.list-view .poster{width:100px;height:105px;flex-shrink:0}.list-view .poster-title{font-size:15px}.list-view .poster-edition{font-size:7px}.list-view .details{flex:1;padding:0}.list-view .movie>button{width:auto;margin:0 8px 0 0}.empty-state{text-align:center;border:1px dashed #51444b;background:#19171d;border-radius:14px;padding:50px 20px}.empty-icon{font-size:48px;color:var(--gold)}.empty-state h3{margin:12px 0 0}.hidden{display:none!important}.panel{max-width:520px;margin:65px auto;padding:32px;background:#211d25;border:1px solid #54424b;border-radius:18px}.panel h1{font-size:34px}.panel label{margin:12px 0}dialog{background:#211d25;color:#f4ecdf;border:1px solid #75616c;border-radius:18px;width:min(720px,94vw);max-height:90vh;overflow:auto;padding:25px}dialog::backdrop{background:#000c}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wide{grid-column:1/-1}#notice{position:fixed;bottom:90px;right:18px;max-width:min(380px,90vw);background:#392f39;border:1px solid #c3a06b;padding:14px;border-radius:9px;display:none;z-index:30}#notice.visible{display:block}.muted{color:#bcaeb7}#userBar{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}#userBar button{font-size:12px;padding:7px 10px}.mobile-nav{display:none}@media(max-width:800px){.hero-art{width:160px}.art-ring{transform:scale(.7) rotate(-9deg)}.hero{padding:35px 5%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){header{padding:12px 16px}.brand{font-size:11px;letter-spacing:.08em}.brand-symbol{font-size:17px;margin-right:2px}.brand small{font-size:7px;letter-spacing:.12em;padding-left:20px}#userBar>span{display:none}main{padding:14px 15px 110px}.desktop-nav{display:none}.hero{min-height:300px;padding:28px 24px}.hero-art{display:none}.hero h1{font-size:42px}.hero p{font-size:13px}.section-heading{align-items:start}.section-note{display:none}.stats{gap:9px}.stats>div{padding:14px;min-height:105px}.stats strong{font-size:25px}.featured{padding:20px;display:block}.featured button{margin-top:12px}.fields{grid-template-columns:1fr}.toolbar>*{flex:1}.toolbar input{flex-basis:100%}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster{height:180px;padding:10px}.poster-title{font-size:20px}.movie h3{font-size:15px}.movie .details{padding:10px}.links a{font-size:11px}.movie>button{margin:0 10px 10px;width:calc(100% - 20px)}.list-view .movie{align-items:start}.list-view .poster{width:76px;height:100px}.list-view .poster-title{font-size:12px}.list-view .movie>button{align-self:center}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:20;background:#16151bf5;border-top:1px solid #4b3a3c;padding:7px 8px max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.mobile-nav .nav-item{font-size:10px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-nav .nav-item span{font-size:23px;line-height:1.1}.mobile-nav .nav-item.active{background:#332b2c}.panel{margin:30px auto;padding:20px}}

.preview-note{background:#2b241c;border:1px solid #826b48;color:#efd5a5;padding:12px 16px;border-radius:9px;margin-bottom:20px;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters button.active{background:var(--gold);color:#17151b}.film-card .poster{cursor:pointer}.film-card .poster img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.film-card .poster:has(img){padding:0}.film-card .poster:has(img):before,.film-card .poster:has(img):after{display:none}.film-card .details{min-height:130px}.edition-row{padding:14px;border:1px solid #554550;border-radius:10px;margin:10px 0;background:#211e24}.edition-row strong{display:block}.edition-row small{display:block;color:#b5a9ad;margin-top:6px}.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tabbar button{padding:9px 12px}.tabbar button:not(.active){background:#322a30;color:#c6b4b8}.detail-dialog{width:min(820px,96vw)}.detail-header{display:flex;gap:20px}.detail-header img{width:105px;max-height:165px;object-fit:cover;border-radius:7px}.detail-header h2{margin:0}.detail-content{min-height:160px}.list-view .film-card .poster{width:90px;height:125px}.muted-note{color:#bba9ad;font-size:12px}.card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.card-actions button{flex:1;font-size:12px;padding:9px}.retailer-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.retailer-links a{color:#ebcb90;font-size:12px;border:1px solid #675640;border-radius:7px;padding:7px 10px;text-decoration:none}.search-note{font-size:12px;color:#b8a8a8}.stats>div{min-height:105px}#userBar span{max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.detail-header{gap:12px}.detail-header img{width:75px}.tabbar button{flex:1;font-size:11px;padding:9px 5px}.card-actions{padding:0 10px 10px}}

.import-panel{border:1px solid #6d5645;border-radius:16px;padding:24px;margin:28px 0 38px;background:linear-gradient(130deg,#251d25,#17171d)}.import-panel>label{margin:15px 0}.import-panel textarea{width:100%;resize:vertical;min-height:85px}.import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.import-fields label{min-width:0}.import-fields input,.import-fields select{width:100%}.import-fields .wide{grid-column:1/-1}#importReview{border-top:1px solid #6d5645;margin-top:20px;padding-top:12px}#importMessage{white-space:pre-wrap}@media(max-width:640px){.import-panel{padding:15px}.import-fields{grid-template-columns:1fr}.import-fields .wide{grid-column:auto}}

.poster-tools{margin:24px 0;padding:22px;border:1px solid #69513d;border-radius:14px;background:#211d24;display:grid;gap:10px}.poster-tools h3{margin:6px 0}.poster-tools p{max-width:760px}.poster-tools input{width:100%;max-width:560px}.poster-finder{padding:18px 22px}.poster-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.poster-choice{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;background:#211d24;border:1px solid #6d584b;border-radius:9px;padding:8px;cursor:pointer;color:#fff}.poster-choice img{width:100%;aspect-ratio:2/3;object-fit:cover}.poster-choice small{color:#d6c6b4}.poster-choice:disabled{opacity:.5}

/* Film and edition organizer */
.organize-panel{margin:20px 0;padding:18px;border:1px solid #6c5949;border-radius:12px;background:#211d25}.organize-panel h3{margin:0 0 8px}.organize-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.organize-form label,.edition-move label{display:flex;flex-direction:column;gap:7px;font-size:13px}.organize-form input,.edition-move select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #645761;border-radius:7px;background:#19171e;color:#f5e6d4}.organize-form button,.edition-move button{align-self:end}.edition-editor{border-top:1px solid #504550;padding-top:15px;margin-top:15px}.edition-move{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:10px 0}.edition-move label{flex:1;min-width:180px}.edition-move p{flex-basis:100%;margin:0}

.collection-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.collection-controls label{min-width:180px;flex:1}.collection-controls select{width:100%}.collection-controls button{max-width:100%}@media(max-width:640px){.collection-controls label{min-width:130px}.collection-controls button{width:100%}}

/* Cinematic Luxury: read-only collector dashboard */
.collector-dashboard{margin:26px 0 34px;padding:27px;border:1px solid #625044;border-radius:18px;background:linear-gradient(145deg,#241e25 0%,#17161d 52%,#14151c 100%);box-shadow:0 18px 42px #0003}
.dash-head,.dash-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap}.dash-head h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,38px);margin:8px 0}.dash-head p{margin:5px 0 16px}.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}.dash-kpi{border:1px solid #4d4145;border-radius:12px;padding:17px 15px;background:#15151bd9;display:flex;flex-direction:column;gap:8px}.dash-kpi-label{color:#d4bb86;text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.dash-kpi-value{font:700 clamp(23px,2.8vw,36px) Georgia,serif;color:#f4e5c8;overflow-wrap:anywhere}.dash-kpi-foot,.dash-mini{font-size:12px;color:#aaa4ac;line-height:1.45}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dash-panel{min-width:0;background:#15151bc9;border:1px solid #4d4145;border-radius:12px;padding:20px}.dash-panel h3{font-family:Georgia,serif;font-size:20px;margin:0 0 17px;color:#f3e5cf}.dash-panel-head h3{margin:0 0 15px}.dash-progress-top{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.dash-percent{font:700 38px Georgia,serif;color:#e2bd77}.dash-track{height:7px;border-radius:20px;background:#393039;overflow:hidden;margin:8px 0 12px}.dash-track-large{height:12px}.dash-fill{height:100%;background:linear-gradient(90deg,#ad7f47,#e6c27d);border-radius:20px}.dash-list-row,.dash-bar-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.dash-list-row{padding:10px 0;border-bottom:1px solid #39323a;font-size:13px}.dash-list-row strong{font-weight:600;color:#f0e6d6}.dash-list-row span{color:#c9bdad;text-align:right}.dash-money{font:700 34px Georgia,serif;color:#e2bd77;margin:7px 0}.dash-bar-row{margin:12px 0 16px}.dash-bar-head{font-size:13px}.dash-bar-head strong{color:#e7c684}.dash-bar-row .dash-track{margin:7px 0 3px}.dash-empty{color:#aaa4ac;font-size:13px;line-height:1.55}.dash-footnote{color:#a9a1a7;font-size:12px;line-height:1.5;margin:18px 0 0}@media(max-width:900px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.collector-dashboard{padding:16px}.dash-grid{grid-template-columns:1fr}.dash-kpis{gap:8px}.dash-kpi{padding:12px}.dash-kpi-value{font-size:24px}}

.vault-section-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.planner-budget{padding:18px;border:1px solid #4d4145;border-radius:12px;margin-bottom:18px;background:#15151bc9}.planner-budget label{display:block;max-width:310px;font-size:13px}.planner-budget input{display:block;width:100%;margin-top:8px}.planner-budget .dash-kpis{margin-top:16px}.planner-item{padding:12px 0;border-bottom:1px solid #39323a;display:flex;flex-direction:column;gap:5px}.planner-item strong{color:#f0e6d6}.planner-product-link{color:#e2bd77;font-size:13px}.planner-item:last-child{border-bottom:0}

.optimizer-panel{padding:20px;margin:0 0 18px;background:#19171e;border:1px solid #675344;border-radius:14px}.optimizer-panel h3{margin:8px 0 10px}.optimizer-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.optimizer-stat{border:1px solid #4b3e3c;border-radius:10px;padding:12px 16px;min-width:145px;flex:1;background:#131218}.optimizer-stat strong{display:block;color:#e8c680;font-size:23px}.optimizer-stat span{display:block;font-size:12px;color:#c8bbc0}.optimizer-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:12px 0 20px}.optimizer-choice{display:flex;align-items:flex-start;gap:10px;background:#111117;border:1px solid #43373b;border-radius:10px;padding:12px;cursor:pointer}.optimizer-choice input{width:18px;height:18px;flex:none;accent-color:#e2bd77;margin-top:2px}.optimizer-choice strong{display:block;font-size:14px;color:#f4e9d8}.optimizer-choice small{display:block;color:#c6b9bb;margin-top:4px;font-size:12px}.optimizer-choice.recommended{border-color:#a88a57}.optimizer-warning{color:#e6b38b}.optimizer-panel .dash-head{align-items:center}