:root{--bg:#111217;--panel:#1b1d25;--line:#343744;--text:#f5f3ef;--muted:#a8a8b2;--accent:#d8a85e;--accent2:#8fc4be}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#24232a 0,#111217 46%);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;min-height:100vh}main{max-width:1000px;margin:auto;padding:34px 24px 80px}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--accent)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,5vw,52px);margin:12px 0 4px}h2{font-size:18px;font-weight:500;margin:25px 0 13px}.muted{color:var(--muted)}.panel{background:rgba(27,29,37,.92);border:1px solid var(--line);border-radius:18px;padding:20px;margin:20px 0}label{display:block;color:#d9d8d4;font-size:14px;margin:12px 0}input{background:#101117;border:1px solid #454856;color:var(--text);border-radius:8px;padding:10px;font:inherit;margin-left:6px}button{background:#292c38;border:1px solid #4b4f5c;color:var(--text);border-radius:9px;padding:10px 15px;font:inherit;cursor:pointer}button:hover,button:focus{border-color:var(--accent);outline:2px solid #d8a85e66}.primary{background:var(--accent);color:#1b1711;border:0;font-weight:700;width:100%;margin-top:20px}.row,.voice,.tv-connect{display:flex;gap:12px;align-items:center}.voice input{flex:1;margin:0}.voice button{padding:8px 12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chips button.active{background:#475b5a;border-color:var(--accent2)}.check input{margin:0 8px 0 0}.file{border-top:1px solid var(--line);padding-top:15px}.file input{max-width:100%;font-size:12px}.status{color:var(--accent2);font-size:13px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.poster{height:180px;display:flex;align-items:end;padding:13px;background:linear-gradient(145deg,#40323a,#1a202c);font:22px Georgia,serif}.poster-saw{background:linear-gradient(145deg,#713c34,#1b2025)}.poster-martyrs{background:linear-gradient(145deg,#602f46,#15171e)}.poster-green-mile,.poster-shawshank{background:linear-gradient(145deg,#485d50,#20252b)}.poster-hannibal,.poster-hannibal-s2,.poster-silence{background:linear-gradient(145deg,#733e31,#17191d)}.poster-monster,.poster-pluto,.poster-attack{background:linear-gradient(145deg,#315d70,#1c2530)}.card-body{padding:12px}.card h3{font-size:16px;margin:0 0 5px}.meta{font-size:12px;color:var(--muted);line-height:1.6}.reason{font-size:12px;color:#d7c497;min-height:40px;margin:8px 0}.card button{width:100%;margin-top:auto;border-radius:0;border-width:1px 0 0}.tv{background:radial-gradient(circle at 50% 30%,#2d2b31,#0d0e12 65%)}.tv main{max-width:1500px;padding:38px 5vw}.tv header{display:flex;align-items:end;justify-content:space-between;gap:20px}.tv-screen{min-height:65vh;display:flex;align-items:center;justify-content:center}.tv .cards{width:100%;grid-template-columns:repeat(5,1fr);gap:2vw}.tv .card{min-width:0;background:#181a20}.tv .poster{height:clamp(200px,35vh,390px);font-size:clamp(18px,2vw,30px)}.tv .card:focus-within,.tv .card.selected{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 0 22px #d8a85e55}.tv .card button{font-size:16px}.selected-view{text-align:center}.selected-view .poster{width:260px;height:360px;margin:auto;font-size:32px;justify-content:center}.selected-view h2{font:34px Georgia,serif}.hint{color:var(--muted)}@media(max-width:720px){main{padding:25px 16px 50px}.cards{grid-template-columns:repeat(2,1fr)}.poster{height:150px}.tv header{display:block}.tv .cards{grid-template-columns:repeat(2,1fr)}.tv .poster{height:220px}.tv-connect{margin-top:20px;flex-wrap:wrap}.row{justify-content:space-between}}
select{background:#101117;border:1px solid #454856;color:var(--text);border-radius:8px;padding:10px;font:inherit;margin-left:6px}