:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#111827;color:white;box-shadow:0 2px 10px #0002}.topbar h1{font-size:1.35rem;margin:0}.subtitle{font-size:.78rem;color:#cbd5e1}.pill,.primary,button,.fileButton{border:0;border-radius:12px;padding:10px 12px;font-weight:650;background:#e5e7eb;color:#111827}.pill{background:#374151;color:white}.primary{background:#111827;color:white}.danger{background:#fee2e2;color:#991b1b}main{max-width:1100px;margin:auto;padding:12px}.searchPanel{background:white;border-radius:16px;padding:12px;box-shadow:0 1px 5px #0001}.searchPanel input[type=search]{width:100%;font-size:1rem;padding:13px 14px;border:1px solid #d1d5db;border-radius:12px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.filters select{padding:10px;border:1px solid #d1d5db;border-radius:10px;background:white}.check{display:flex;gap:7px;align-items:center;font-size:.9rem}.tabs{display:flex;overflow:auto;gap:6px;padding:12px 0 8px}.tab{white-space:nowrap}.tab.active{background:#111827;color:white}.view{display:none}.view.active{display:block}.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin:8px 2px}.movieGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.movieCard{background:white;border-radius:14px;overflow:hidden;box-shadow:0 1px 5px #0001;min-width:0}.poster{aspect-ratio:2/3;background:linear-gradient(135deg,#d1d5db,#9ca3af);display:flex;align-items:center;justify-content:center;color:#4b5563;font-weight:700;text-align:center;padding:8px;background-size:cover;background-position:center}.movieBody{padding:10px}.movieTitle{font-weight:800;font-size:.95rem;line-height:1.15}.altTitle{color:#6b7280;font-size:.78rem;margin-top:3px}.meta{color:#4b5563;font-size:.77rem;margin-top:7px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chip{font-size:.68rem;padding:4px 6px;border-radius:999px;background:#eef2ff}.icons{margin-top:8px;font-size:.85rem}.peopleList,.collectionsList{display:grid;gap:10px}.personCard,.collectionCard{background:white;padding:12px;border-radius:14px;box-shadow:0 1px 5px #0001}.personName{font-weight:800}.filmography{font-size:.85rem;color:#4b5563;margin-top:6px}.prose{background:white;border-radius:14px;padding:16px}.actionRow,.toggleRow,.dialogActions{display:flex;gap:10px;flex-wrap:wrap}.fileButton{display:inline-block;cursor:pointer}dialog{border:0;border-radius:18px;padding:0;width:min(94vw,760px);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0008}.dialogCard,.detailCard{padding:18px;position:relative}.close{position:absolute;right:10px;top:8px;background:transparent;font-size:1.6rem;padding:4px 8px}.formGrid{display:grid;grid-template-columns:1fr;gap:10px}.dialogCard label{display:grid;gap:5px;font-size:.85rem;font-weight:700}.dialogCard input,.dialogCard textarea{font:inherit;padding:10px;border:1px solid #d1d5db;border-radius:10px}.dialogActions{justify-content:flex-end;margin-top:14px}.detailTop{display:grid;grid-template-columns:120px 1fr;gap:14px}.detailPoster{width:120px;aspect-ratio:2/3;border-radius:10px;background:#d1d5db;background-size:cover;background-position:center}.detailCard h2{margin:0 35px 4px 0}.detailAlt{color:#6b7280}.detailSection{margin-top:14px}.detailSection h3{font-size:.9rem;margin-bottom:4px}.streamBox{background:#f9fafb;border:1px solid #e5e7eb;padding:10px;border-radius:10px}.small{font-size:.78rem;color:#6b7280}@media(min-width:700px){.movieGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr auto auto}.formGrid{grid-template-columns:1fr 1fr}}
.notice{background:#fff7ed;border:1px solid #fed7aa;padding:10px;border-radius:10px}.settingsBox{background:#f9fafb;border:1px solid #e5e7eb;padding:12px;border-radius:12px;margin:14px 0}.settingsBox label{display:grid;gap:6px}.settingsBox input{padding:10px;border:1px solid #d1d5db;border-radius:10px}.lookupRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lookupRow a{display:inline-block;padding:8px 10px;border-radius:9px;background:#e5e7eb;color:#111827;text-decoration:none;font-weight:700;font-size:.78rem}.titleStatus{font-size:.78rem;color:#4b5563}.personButton,.collectionButton{width:100%;text-align:left;border:0}.detailPoster{display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;color:#6b7280;font-size:.75rem}.attribution{margin-top:16px}.movieCard{cursor:pointer}.movieCard:active{transform:scale(.99)}