:root{--accent: #4a3aad;--accent-dark: #3b2e8c;--bg: #f4f3f8;--card: #ffffff;--text: #262336;--muted: #6f6b85;--border: #e2e0ec;--danger: #b03030;--warning-bg: #fdf0dd;--warning-text: #7a4a10;--star: #e8a413;--badge-a_voir: #4a3aad;--badge-en_cours: #1a7a9e;--badge-deja_vu: #2f7a4a;--badge-abandonne: #8a8a8a;--shadow: 0 2px 10px rgba(30, 25, 60, .08)}[data-theme=dark]{--accent: #8f7ff2;--accent-dark: #7a68e8;--bg: #17151f;--card: #211e2e;--text: #eceaf4;--muted: #9d99b3;--border: #35313f;--danger: #e06060;--warning-bg: #3a2e1a;--warning-text: #f0c98a;--star: #f0b429;--badge-a_voir: #8f7ff2;--badge-en_cours: #4db3d8;--badge-deja_vu: #5cbf82;--badge-abandonne: #8a8a9a;--shadow: 0 2px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}.app{display:flex;flex-direction:column;min-height:100vh}.splash{display:grid;place-items:center;min-height:100vh;font-size:1.4rem}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px clamp(16px,2vw,44px);background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo{margin:0;font-size:1.25rem}.nav{display:flex;gap:4px}.nav-link{border:none;background:none;color:var(--muted);font:inherit;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer}.nav-link:hover{color:var(--text)}.nav-on{color:var(--accent);background:var(--bg)}.search{flex:1;min-width:160px;max-width:420px;margin-left:auto}.local-banner{margin:0;padding:8px clamp(16px,2vw,44px);background:var(--warning-bg);color:var(--warning-text);font-size:.85rem}.layout{display:grid;grid-template-columns:clamp(220px,18vw,290px) minmax(0,1fr);gap:clamp(16px,1.6vw,32px);padding:20px clamp(16px,2vw,44px) 60px;align-items:start}.sidebar{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 96px);overflow-y:auto}.sidebar-block{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin:0}.sidebar-block h3{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.content{min-width:0}.content h2{margin:6px 0 12px;font-size:1.1rem}.content section+section{margin-top:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.title-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease}.title-card:hover{transform:translateY(-2px)}.title-poster{position:relative;aspect-ratio:2 / 3;background:var(--bg);display:grid;place-items:center}.title-poster img{width:100%;height:100%;object-fit:cover;display:block}.title-poster-placeholder{font-size:3rem;opacity:.5}.status-badge{position:absolute;top:8px;left:8px;color:#fff;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px}.status-a_voir{background:var(--badge-a_voir)}.status-en_cours{background:var(--badge-en_cours)}.status-deja_vu{background:var(--badge-deja_vu)}.status-abandonne{background:var(--badge-abandonne)}.title-body{padding:10px 12px 12px}.title-body h3{margin:0;font-size:.98rem;line-height:1.25}.title-original{margin:2px 0 0;font-size:.8rem;font-style:italic;color:var(--muted)}.title-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;font-size:.8rem;color:var(--muted)}.kind-badge{font-weight:700;font-size:.72rem;padding:2px 7px;border-radius:999px;border:1px solid var(--border)}.title-genres{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 0}.genre-chip{font-size:.7rem;padding:2px 7px;border-radius:999px;background:var(--bg);color:var(--muted)}.title-rating{margin:6px 0 0;color:var(--star);letter-spacing:2px}.stars-off{opacity:.25}.title-review{margin:6px 0 0;font-size:.82rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.websites{list-style:none;margin:0 0 10px;padding:0}.websites li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.websites a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}.websites a:hover{text-decoration:underline}.website-actions{display:flex;align-items:center;flex-shrink:0}.website-actions .btn-icon{padding:2px 4px;font-size:.75rem}.website-actions .btn-icon:disabled{opacity:.3;cursor:default;background:none}.poster-inputs{display:flex;gap:8px;align-items:center}.poster-inputs input[type=file]{flex:1}.website-form{display:flex;flex-direction:column;gap:8px}input,select,textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=file]{padding:6px}label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;font-weight:600}fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}legend{font-size:.88rem;font-weight:600;padding:0;margin-bottom:2px}.field-row{display:flex;gap:10px}.field-row>*{flex:1}.btn{font:inherit;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 14px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-danger{color:var(--danger);border-color:var(--danger);background:none}.btn-block{width:100%}.btn-icon{border:none;background:none;font:inherit;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:8px}.btn-icon:hover{color:var(--text);background:var(--bg)}.theme-toggle{font-size:1.1rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip,.radio-chip{flex-direction:row;align-items:center;gap:6px;display:inline-flex;font-size:.82rem;font-weight:500;padding:5px 11px;border:1px solid var(--border);border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip input,.radio-chip input{display:none}.chip-on,.radio-chip:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}.radio-row{display:flex;flex-wrap:wrap;gap:6px}.genre-add{display:flex;gap:8px}.genre-add input{flex:1}.stars{display:flex;gap:2px}.star{border:none;background:none;font-size:1.5rem;cursor:pointer;color:var(--border);padding:0 2px}.star-on{color:var(--star)}.modal-overlay{position:fixed;inset:0;background:#0a08148c;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--card);border-radius:16px;padding:20px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.15rem}.modal-footer{display:flex;align-items:center;gap:10px}.spacer{flex:1}.poster-preview{display:flex;align-items:flex-start;gap:10px}.poster-preview img{width:90px;border-radius:8px;display:block}.suggestions{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.suggestions ul{margin:4px 0 0;padding-left:18px}.suggestions li{font-size:.85rem}.warning{background:var(--warning-bg);color:var(--warning-text);border-radius:10px;padding:10px 12px}.warning p{margin:0 0 4px;font-size:.88rem}.hint{color:var(--muted);font-size:.82rem;margin:0;font-weight:400}.form-error{color:var(--danger);font-size:.88rem;margin:0}.app-footer{margin-top:auto;text-align:center;color:var(--muted);font-size:.75rem;padding:0 16px 20px}.login-screen{display:grid;place-items:center;min-height:100vh;padding:16px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;width:min(380px,100%);display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.login-card h1{margin:0;font-size:1.4rem;text-align:center}@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.search{order:10;max-width:none;flex-basis:100%}}