:root{--bg:#f3f1e8;--surface:color-mix(in srgb, var(--bg) 96%, black);--border:color-mix(in srgb, var(--text) 14%, var(--bg));--text:#0f0f0f;--heading:#121212;--text-muted:#6c6960;--accent:#cb2a42;--accent-hover:#a91f34;--link:#567b76;--want:#b8863f;--done:#4a8b5c;--radius:.5rem;font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Menlo,Consolas,Liberation Mono,monospace}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--surface:color-mix(in srgb, var(--bg) 94%, white);--border:color-mix(in srgb, var(--text) 16%, var(--bg));--text:#f3f1e8;--heading:#ededed;--text-muted:#827e73;--accent:#2abc89;--accent-hover:#229c72;--link:#d482ab;--want:#d0a05a;--done:#5cad76}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:.9rem;line-height:1.6}a{color:var(--link)}header.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:30;position:sticky;top:0}.site-header nav{flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;max-width:768px;margin:0 auto;padding:1.25rem;display:flex}.site-header .brand{color:var(--heading);margin-right:auto;font-size:1.1rem;font-weight:700;text-decoration:none}.site-header a.nav-link{color:var(--accent);text-underline-offset:3px;font-size:.85rem;font-weight:600;text-decoration:none}.site-header a.nav-link.active,.site-header a.nav-link:hover{text-decoration:underline}.site-header button.logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem}.site-header button.logout:hover{color:var(--text);text-decoration:underline}main{max-width:768px;margin:0 auto;padding:2rem 1.25rem 4rem}h1{color:var(--heading);margin-top:0;font-size:1.4rem;font-weight:600}h2{color:var(--heading);font-size:1.05rem;font-weight:600}.item-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.item-card img.poster{aspect-ratio:2/3;object-fit:cover;background:var(--border);width:100%;display:block}.item-card .body{flex-direction:column;flex:1;gap:.4rem;padding:.85rem 1rem 1rem;display:flex}.item-card h3{margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.item-card h3 a{color:var(--text)}.item-card .subtitle,.item-card .notes{color:var(--text-muted);margin:0;font-size:.8rem}.item-card .overview{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8rem;display:-webkit-box;overflow:hidden}.badge{border-radius:999px;width:fit-content;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.want{background:color-mix(in srgb, var(--want) 20%, var(--bg));color:var(--want)}.badge.done{background:color-mix(in srgb, var(--done) 18%, var(--bg));color:var(--done)}.card-actions{gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}form.inline{display:inline}button,input,textarea,select{font-family:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.375rem;padding:.4rem .75rem;font-size:.8rem}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}button.danger:hover{color:#c0392b;border-color:#c0392b}.add-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1.25rem}.add-form label{color:var(--text-muted);margin-top:.75rem;margin-bottom:.25rem;font-size:.8rem;display:block}.add-form label:first-child{margin-top:0}.add-form input[type=text],.add-form textarea,.add-form select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:.375rem;padding:.5rem .6rem;font-size:.85rem}.empty-state{color:var(--text-muted);margin-top:1.5rem;font-size:.85rem}.search-results{flex-direction:column;gap:.5rem;max-height:320px;margin-top:.75rem;display:flex;overflow-y:auto}.search-result{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.5rem;display:flex}.search-result:hover{border-color:var(--accent)}.search-result img{object-fit:cover;background:var(--border);border-radius:.25rem;flex-shrink:0;width:40px;height:60px}.search-result .meta{font-size:.8rem;overflow:hidden}.search-result .meta .title{color:var(--text);font-weight:700}.search-result .meta .desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-wrap{max-width:360px;margin:4rem auto;padding:0 1.25rem}.login-wrap h1{color:var(--heading)}.error-msg{color:var(--accent);font-size:.85rem}.stars{color:var(--want);font-size:.8rem}