:root{font-family:Avenir Next,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:#231c18;background:radial-gradient(circle at top left,rgba(255,212,152,.92),transparent 24%),radial-gradient(circle at 85% 14%,rgba(142,209,255,.34),transparent 18%),radial-gradient(circle at bottom right,rgba(223,127,52,.24),transparent 24%),linear-gradient(180deg,#fbf1e6 0%,#f2e3cf 50%,#ead8be 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(252, 246, 237, .9);--panel-border: rgba(121, 102, 80, .14);--accent-strong: #b4561f;--text: #231c18;--text-soft: #5b4d43;--muted: #6d5f54}body{margin:0;min-width:320px;min-height:100vh;background-attachment:fixed}button,input,textarea,select{font-family:inherit}a{color:inherit}h1,h2,p{margin-top:0}#root{min-height:100vh}:root{--cream: #fff7ee;--ink: #231a14;--muted: #6f6158;--line: rgba(69, 45, 28, .12);--orange: #f39a55;--orange-deep: #d86e31;--sky: #d7f0ff;--peach: #ffe0c8;--sand: #f4ebd9;--shadow: 0 22px 60px rgba(82, 52, 31, .12)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,221,186,.85),transparent 28%),radial-gradient(circle at right 20%,rgba(199,235,255,.7),transparent 32%),linear-gradient(180deg,#fff7ef 0%,#f7efe2 100%);font-family:Avenir Next,Nunito,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none;border-radius:18px;padding:.9rem 1.1rem;min-height:48px;background:linear-gradient(135deg,var(--orange) 0%,var(--orange-deep) 100%);color:#fff;font-weight:700;box-shadow:0 12px 25px #d96e3138}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(82,170,255,.55);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:none}.app-shell{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:32px 0 56px}.auth-shell{min-height:100vh;display:grid;align-items:center}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:24px;align-items:stretch;margin-bottom:24px}.auth-hero{grid-template-columns:minmax(0,1.3fr) minmax(340px,.8fr)}.hero-copyblock,.hero-status-card,.auth-card{background:rgba(255,250,245,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(130,87,52,.08);border-radius:34px;box-shadow:var(--shadow)}.hero-copyblock{padding:34px}.hero-status-card,.auth-card{padding:28px;display:grid;gap:14px}.eyebrow,.mini-label,.upload-meta-label,.field-label{color:var(--orange-deep);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.hero h1{margin:.4rem 0 1rem;font-size:clamp(2.5rem,4vw,4.4rem);line-height:.95}.hero-copy{color:var(--muted);font-size:1.08rem;line-height:1.6;max-width:54ch}.hero-chips,.choice-grid,.checkbox-list,.action-row,.device-tabs{display:flex;flex-wrap:wrap;gap:10px}.hero-chip,.type-pill,.choice-pill,.stat-pill{border-radius:999px;padding:.55rem .85rem;background:rgba(243,154,85,.12);color:var(--ink);font-size:.92rem;border:1px solid rgba(216,110,49,.16)}.choice-pill{box-shadow:none;background:white}.choice-pill.active,.type-pill.owned,.device-tab.active{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-deep) 100%);color:#fff;border-color:transparent}.type-pill.available{background:rgba(39,117,171,.12)}.overview-strip,.grid-layout{display:grid;gap:20px}.report-grid,.onboarding-grid{display:grid;gap:16px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.overview-strip,.grid-layout{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.panel-wide{grid-column:span 2}.overview-card,.panel,.nested-panel,.status-card,.result-card,.tip-card{background:rgba(255,250,245,.88);border:1px solid rgba(130,87,52,.08);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.overview-card.peach{background:linear-gradient(180deg,#fff0e1 0%,#fff9f3 100%)}.overview-card.sky{background:linear-gradient(180deg,#e6f7ff 0%,#fcfeff 100%)}.overview-card.cream{background:linear-gradient(180deg,#f5edd9 0%,#fffaf0 100%)}.overview-card strong{font-size:2.4rem;display:block;margin-top:.4rem}.overview-card span,.panel-copy,.content-description,.library-card p,.mini-card span,.empty-note{color:var(--muted);line-height:1.5}.panel h2,.panel h3,.auth-card h2{margin:0 0 .5rem}.panel-form{display:grid;align-content:start}.panel-featured{background:linear-gradient(180deg,rgba(255,247,236,.95) 0%,rgba(255,251,247,.92) 100%)}.onboarding-panel{background:linear-gradient(180deg,rgba(255,244,227,.96) 0%,rgba(255,251,245,.92) 100%)}.form-stack{display:grid;gap:14px}.form-row{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px;color:var(--ink);font-weight:700}input,textarea,select{width:100%;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.88);padding:.9rem 1rem;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid rgba(243,154,85,.35);border-color:#d86e3159}.upload-meta-card{align-self:end;border-radius:22px;padding:16px;background:rgba(243,154,85,.1);border:1px solid rgba(216,110,49,.14)}.progress-block{display:grid;gap:8px}.progress-copy{display:flex;justify-content:space-between;gap:12px}.progress-track{width:100%;height:12px;border-radius:999px;background:rgba(216,110,49,.12);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f3a768 0%,#d86e31 100%)}.section-header,.content-card-header,.library-card-header,.mini-card,.toggle-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.content-list,.stack-list{display:grid;gap:14px}.content-list{margin-top:18px}.content-card,.library-card,.mini-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(130,87,52,.08);background:white;padding:18px}.poster-image{width:100%;height:180px;object-fit:cover;border-radius:18px;margin-bottom:14px;display:block}.report-card{justify-content:space-between;align-items:center}.notification-card{border-left:4px solid #d86e31}.card-shelf-tile{background:linear-gradient(180deg,rgba(255,246,236,.96),rgba(255,255,255,.98)),linear-gradient(135deg,rgba(243,154,85,.16),rgba(127,199,255,.1))}.poster-wash{position:absolute;inset:0 0 auto 0;height:86px;opacity:.7;pointer-events:none}.poster-wash.my-movie{background:linear-gradient(135deg,rgba(255,185,130,.7) 0%,rgba(255,240,223,.12) 100%)}.poster-wash.studio-movie{background:linear-gradient(135deg,rgba(158,225,255,.78) 0%,rgba(255,255,255,.08) 100%)}.card-title{margin:0;font-size:1.1rem;font-weight:800}.card-subtitle{margin:.35rem 0 0;color:var(--muted)}.action-row.wrap{flex-wrap:wrap}.device-tab{box-shadow:none;background:white;color:var(--ink);border:1px solid var(--line);display:grid;gap:4px;text-align:left}.device-tab small{font-size:.78rem;opacity:.78}.device-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.nested-panel{box-shadow:none;background:rgba(255,255,255,.82)}.device-scope-panel{grid-column:1 / -1}.device-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scope-column{display:grid;gap:12px}.swatch{width:18px;height:18px;border-radius:999px}.banner{margin:0 0 18px;border-radius:18px;padding:14px 18px}.top-home-bar{position:sticky;top:14px;z-index:30;margin:0 0 22px}.top-home-bar-inner{display:flex;gap:10px;flex-wrap:wrap;padding:10px;border-radius:18px;background:rgba(255,251,247,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(130,87,52,.1);box-shadow:0 10px 30px #52341f1c}.top-home-link{box-shadow:none;background:white;color:var(--ink);border:1px solid var(--line);min-height:42px;padding:.6rem 1rem}.top-home-link.active{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-deep) 100%);color:#fff;border-color:transparent}.error-banner{background:rgba(196,67,67,.1);color:#7a2222}.success-banner{background:rgba(76,161,110,.12);color:#1f6137}@media (max-width: 1100px){.hero,.overview-strip,.grid-layout,.report-grid,.onboarding-grid,.device-detail-grid,.form-row{grid-template-columns:1fr}.panel-wide{grid-column:span 1}.app-shell{width:min(100% - 28px,1440px)}}
