:root{--bg: #12141c;--surface: #1c1f2a;--surface-2: #252938;--border: #333849;--text: #e8eaf2;--text-muted: #9aa0b5;--accent: #f0637e;--accent-2: #6c9ef8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}main{max-width:60rem;margin:0 auto;padding:1.5rem 1rem 4rem}.page-header{text-align:center;margin-bottom:1.5rem}.page-header h1{margin:0;font-size:2.5rem;letter-spacing:-.02em}.page-header p{margin:.25rem 0 0}.accent{color:var(--accent)}.header-controls{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:.75rem}.lock-form,.names-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;justify-content:center}.error{color:var(--accent);font-size:.85rem}.locked-note{text-align:center;margin-bottom:1.5rem}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--text-muted)}.empty{text-align:center;padding:3rem 0}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-2);color:var(--text);font-size:.9rem;cursor:pointer;text-decoration:none;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{color:var(--accent);padding:.45rem .6rem}input,select{padding:.45rem .7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text);font-size:.9rem}input:focus,select:focus{outline:2px solid var(--accent-2);outline-offset:-1px}.add-section{margin-bottom:1.5rem;text-align:center}.search-form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.search-form input[type=text]{flex:1 1 16rem}.poster{width:4.5rem;height:6.75rem;object-fit:cover;border-radius:.4rem;flex-shrink:0}.poster-empty{display:flex;align-items:center;justify-content:center;background:var(--surface-2);font-size:1.6rem}.search-results{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem;text-align:left}.search-result{display:flex;align-items:center;gap:.9rem;padding:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem}.search-result .poster{width:3rem;height:4.5rem;font-size:1.2rem}.search-result-info{flex:1;min-width:0}.search-result-info .muted{display:block;font-size:.85rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.toolbar input[type=search]{flex:1 1 12rem}.toolbar .btn{margin-left:auto}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.card{display:flex;gap:1rem;padding:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.card-body{flex:1;min-width:0;display:flex;flex-direction:column}.card-header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.card-header strong{font-size:1.05rem}.badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.1rem .45rem;border-radius:99px;border:1px solid var(--border)}.badge-movie{color:var(--accent-2);border-color:var(--accent-2)}.badge-tv{color:var(--accent);border-color:var(--accent)}.overview{margin:.35rem 0 .6rem;font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ratings{display:flex;align-items:center;gap:1rem;margin-top:auto;flex-wrap:wrap}.rating-slider{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-muted)}.rating-slider input[type=range]{width:7rem;padding:0;border:none;background:transparent;accent-color:var(--accent);cursor:pointer}.rating-slider.unrated input[type=range]{accent-color:var(--border)}.rating-value{min-width:1.9rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.rating-slider.unrated .rating-value{color:var(--text-muted)}.rating-clear{border:none;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;padding:0 .15rem;cursor:pointer}.rating-clear:disabled{opacity:0;pointer-events:none}.rating-clear:hover{color:var(--accent)}.status-badge{cursor:pointer;background:transparent;font-family:inherit}.saving-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-2);flex-shrink:0;animation:saving-pulse .9s ease-in-out infinite}@keyframes saving-pulse{0%,to{opacity:1}50%{opacity:.25}}.status-watching{color:#6fd692;border-color:#6fd692}.status-watched{color:var(--text-muted)}.seasons{display:flex;align-items:center;gap:.45rem;font-size:.85rem;margin-bottom:.6rem}.season-input{width:3.4rem;padding:.25rem .4rem;text-align:center}.season-progress{flex:0 1 8rem;height:.45rem;accent-color:var(--accent-2)}.avg{font-weight:600;color:#f5c95c}.ratings .btn-danger{margin-left:auto}@media(max-width:640px){main{padding:1rem .75rem 3rem}.page-header h1{font-size:2rem}input,select,.btn{font-size:1rem;padding:.55rem .8rem}.rating-slider input[type=range]{height:2rem;padding:0;flex:1;width:auto}.search-form{display:grid;grid-template-columns:1fr 1fr}.search-form input[type=text]{grid-column:1 / -1}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar input[type=search],.toolbar .btn{grid-column:1 / -1}.toolbar .btn{margin-left:0;justify-content:center}.card{padding:.7rem;gap:.7rem}.card .poster{width:3.5rem;height:5.25rem}.ratings{flex-direction:column;align-items:stretch;gap:.5rem}.ratings .avg{text-align:left}.ratings .btn-danger{margin-left:0;align-self:flex-end}.seasons{flex-wrap:wrap}}