:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#111521;color:#f0f2fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:#c4b5fd}header{position:sticky;top:0;background:#171b2cf5;z-index:5;border-bottom:1px solid #30374a}.shell{max-width:1100px;margin:auto;padding:22px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-weight:800;font-size:1.5rem;color:#c3b3ff}.nav{display:flex;gap:6px;flex-wrap:wrap}.btn{border:1px solid #444d64;background:#293149;color:white;border-radius:12px;padding:11px 15px;min-height:43px}.btn:hover{background:#414d6e}.btn.primary{background:#7961d8;border-color:#7961d8}.btn.danger{background:#733642}.btn.active{background:#6b56bd}.btn:disabled{opacity:.45;cursor:not-allowed}h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 12px}h2{font-size:1.25rem;margin:0 0 12px}.muted{color:#a9b2c8}.small{font-size:.84rem}.panel{background:#1b2234;border:1px solid #303b53;border-radius:20px;padding:20px;margin:20px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.people{display:grid;grid-template-columns:repeat(2,minmax(0,200px));justify-content:center;gap:15px}.person{font-size:1.1rem;padding:25px 10px}.person span{display:block;font-size:2.2rem;margin-bottom:10px}.field{width:100%;max-width:550px;border:1px solid #46516c;background:#111726;color:#fff;border-radius:11px;padding:12px;min-height:45px}.searches{max-width:650px}.search-result{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:8px 0;background:#252f46;border:1px solid #384963;border-radius:12px;padding:8px;color:white}.search-result:hover{background:#394966}.poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;background:#30374a}.thumb{width:55px;height:77px;object-fit:cover;border-radius:7px;background:#30374a}.movie-card{background:#1d2537;border:1px solid #364058;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.movie-card h3{font-size:1rem;margin:0}.movie-card .poster{max-height:310px;object-fit:contain;background:#131826}.grow{flex:1}.stars{display:flex;gap:6px}.star{border:0;background:transparent;font-size:2.1rem;color:#5b647c;padding:0 1px}.star.on{color:#f5cb49}.pill{padding:7px 12px;border-radius:50px;border:1px solid #515a71;background:#242c40;color:white}.pill.on{background:#7055bd;border-color:#9579f5}.chip{font-size:.78rem;padding:5px 9px;border-radius:30px;background:#34405c}.error{background:#6c303e;padding:14px;border-radius:12px;margin:14px 0}.success{background:#23574a;padding:14px;border-radius:12px;margin:14px 0}.notice{background:#283853;padding:15px;border-radius:13px}.loading{text-align:center;padding:70px}footer{text-align:center;color:#7c87a0;font-size:.74rem;line-height:1.6;padding:28px;max-width:900px;margin:auto}.hidden{display:none}.spacer{height:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.narrow{max-width:580px;margin:25px auto}.filter{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sub{font-size:.79rem;color:#acb6c9}.notice strong{color:white}@media(max-width:600px){.shell{padding:14px}.panel{padding:15px;margin:13px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.movie-card{padding:9px}.movie-card .btn{font-size:.78rem;padding:8px}.nav .btn{padding:8px 9px;font-size:.8rem}.movie-card .poster{max-height:240px}}

.trait-title{font-weight:650;margin-top:16px}.score-btn{font-size:.76rem;min-height:34px;padding:6px 9px}.external-scores{font-size:.8rem;color:#d5dcf2;margin-top:6px}.movie-card .actions .btn{flex:1 1 145px}

/* MovieNight 1.3 – Detailansicht */
.detail-grid{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:24px;align-items:start}.detail-poster{width:100%;border-radius:12px;object-fit:cover}.detail-panel h3{font-size:1rem;margin:20px 0 8px}.detail-panel p{line-height:1.6}.detail-panel .chip{display:inline-block}.detail-panel .actions{margin-top:16px}.detail-panel .actions .btn{flex:1 1 175px}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}.detail-poster{max-width:220px;justify-self:center}}