@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Playfair+Display:wght@700;900&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--card: #ffffff;--border: #e8e4e0;--text: #1a1a1a;--muted: #8c8c8c;--accent: #d4a574;--accent2: #c44536;--accent3: #2c3e50;--green: #5b8c5a;--red: #c44536;--yellow: #d4a574;--orange: #c47a3e;--radius: 4px;--font-display: "Playfair Display", "Noto Sans SC", serif;--font-body: "Noto Sans SC", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;height:64px;position:sticky;top:0;z-index:100;gap:32px}.logo{font-family:var(--font-display);font-size:24px;font-weight:900;color:var(--accent3);letter-spacing:1px}.tagline{font-size:11px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-left:8px;margin-top:4px}.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:2px;text-transform:uppercase;transition:color .2s}.nav a:hover{color:var(--accent2)}.nav a.active{color:var(--accent3);font-weight:700}.menu-toggle{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 32px}.hero{text-align:center;padding:60px 0 80px;position:relative}.hero-eyebrow{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.hero h1{font-family:var(--font-display);font-size:56px;font-weight:900;line-height:1.15;letter-spacing:-1px;margin-bottom:24px;max-width:700px;margin-left:auto;margin-right:auto}.hero h1 .highlight{color:var(--accent2);position:relative}.hero h1 .highlight:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:6px;background:#c445361f;z-index:-1}.hero-sub{font-size:16px;color:var(--muted);margin-bottom:48px;line-height:1.8;max-width:480px;margin-left:auto;margin-right:auto}.search-wrap{max-width:560px;margin:0 auto}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;padding:18px 56px;border:none;border-bottom:2px solid var(--border);background:transparent;font-size:18px;font-family:var(--font-body);color:var(--text);transition:border-color .3s;border-radius:0}.search-box input:focus{outline:none;border-bottom-color:var(--accent2)}.search-box .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--muted);pointer-events:none}.search-hint{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;text-align:center}.section{margin:80px 0}.section-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;text-align:center}.section-title{font-family:var(--font-display);font-size:36px;font-weight:900;text-align:center;margin-bottom:48px;letter-spacing:-.5px}.section-title:after{content:"";display:block;width:48px;height:3px;background:var(--accent2);margin:16px auto 0}.card .section-title{text-align:left;font-size:20px;margin-bottom:20px}.card .section-title:after{display:none}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px 24px}.movie-card{cursor:pointer;transition:transform .3s;position:relative}.movie-card:hover{transform:translateY(-4px)}.movie-card-img{background:#f0f0f0;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:28px;color:var(--accent);margin-bottom:16px;overflow:hidden;position:relative}.movie-card-img img{width:100%;height:auto;display:block}.movie-card-img .placeholder-text{opacity:.3;letter-spacing:2px}.movie-card-badge{position:absolute;top:12px;right:12px}.movie-card-info{padding:0 4px}.movie-card-info h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px}.movie-card-meta{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:16px}.movie-card-genres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.genre-tag{padding:4px 12px;border:1px solid var(--border);border-radius:2px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.prediction-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.pred-strip-item{text-align:center}.pred-strip-item .label{font-size:9px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px}.pred-strip-item .value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--accent3)}.badge{display:inline-block;padding:4px 10px;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.badge-upcoming{background:var(--accent3);color:#fff}.badge-released{background:#5b8c5a;color:#fff}.badge-high{background:#5b8c5a1a;color:var(--green)}.badge-medium{background:#c47a3e1a;color:var(--orange)}.badge-low{background:#c445361a;color:var(--red)}.badge-positive{background:#5b8c5a1a;color:var(--green)}.badge-negative{background:#c445361a;color:var(--red)}.badge-neutral{background:#8c8c8c1a;color:var(--muted)}.badge-A{background:#5b8c5a1a;color:var(--green)}.badge-B{background:#2c3e501a;color:var(--accent3)}.badge-C{background:#c47a3e1a;color:var(--orange)}.badge-S{background:#c445361a;color:var(--accent2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.btn-primary{background:var(--accent3);color:#fff}.btn-primary:hover{background:#1a2a38}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent3);color:var(--accent3)}.btn-sm{padding:8px 18px;font-size:10px;letter-spacing:2px}.btn-danger{background:var(--red);color:#fff}.card{background:#fff;border:1px solid var(--border);padding:24px;margin-bottom:24px}.detail-header{margin-bottom:40px}.back-link{display:inline-block;font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.detail-header h1{font-family:var(--font-display);font-size:48px;font-weight:900;margin-bottom:12px;letter-spacing:-1px}.detail-meta{color:var(--muted);font-size:13px;display:flex;gap:20px;flex-wrap:wrap;letter-spacing:1px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.detail-card{background:#fff;border:1px solid var(--border);padding:24px}.detail-card h3{font-family:var(--font-display);font-size:20px;margin-bottom:20px}.score-grid,.scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.score-item{text-align:center;padding:20px 12px}.score-val{font-family:var(--font-display);font-size:36px;font-weight:900;line-height:1.2}.score-lbl{font-size:10px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:6px}.factor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.factor-box{padding:20px;border:1px solid var(--border)}.factor-box h4{font-family:var(--font-display);font-size:16px;margin-bottom:12px}.factor-box.pros{border-left:3px solid var(--green)}.factor-box.cons{border-left:3px solid var(--red)}.factor-box li{padding:4px 0;font-size:13px;color:var(--muted);list-style:none}.factor-box li:before{content:"— ";color:var(--muted)}.cast-list{display:flex;gap:8px;flex-wrap:wrap}.cast-tag{padding:6px 14px;border:1px solid var(--border);font-size:12px;color:var(--text);letter-spacing:.5px}.cast-tag.lead{border-color:var(--accent2);color:var(--accent2)}.compare-table{width:100%;border-collapse:collapse;font-size:13px}.compare-table th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--accent3);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.compare-table td{padding:12px 16px;border-bottom:1px solid var(--border)}.compare-table tr:hover td{background:#fafaf8}.market-table{width:100%;border-collapse:collapse;font-size:13px}.market-table th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--accent3);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.market-table td{padding:12px 16px;border-bottom:1px solid var(--border)}.market-table tr:hover td{background:#fafaf8}.footer{text-align:center;padding:40px;color:var(--muted);font-size:10px;letter-spacing:2px;text-transform:uppercase;border-top:1px solid var(--border)}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty .icon{font-size:48px;margin-bottom:16px}.loading{text-align:center;padding:60px;color:var(--muted);font-size:13px;letter-spacing:2px}@media (max-width: 768px){.header{padding:0 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:12px;border-bottom:1px solid var(--border);gap:12px;box-shadow:0 8px 24px #0000000f}.nav.open{display:flex}.hero h1{font-size:36px}.hero{padding:40px 0 60px}.main{padding:24px 20px}.movie-grid{grid-template-columns:1fr;gap:40px}.section-title{font-size:28px}.detail-grid,.factor-grid{grid-template-columns:1fr}.detail-header h1{font-size:32px}}