*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f5f5;color:#1a1a1a}.app{max-width:800px;margin:0 auto;padding:2rem 1rem}h1{margin-bottom:1.5rem}.add-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-form input{flex:1;padding:.5rem;font-size:1rem}.add-form select,.add-form button{padding:.5rem;font-size:1rem}.error{color:#b00020}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}section h2{font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:.25rem}ul{list-style:none;padding:0;margin:0}.film-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee;gap:.5rem}.film-title{flex:1}.film-actions{display:flex;gap:.5rem}.film-actions button{font-size:.85rem;padding:.3rem .5rem}.film-actions .danger{color:#b00020}