:root{--bg:#15141f;--surface:#1e1c2b;--surface-raised:#262437;--border:#34314a;--text:#ede9dd;--text-dim:#9c98af;--amber:#e6a83a;--red:#c1453f;--teal:#4a9d92;--violet:#8a7fd1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding-bottom:4rem}.wrap{max-width:none;margin:0 auto;padding:2.5rem 50px 1rem}header .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}@media (max-width:640px){.wrap{padding:1.25rem .8rem 1rem}header .top{align-items:stretch}.top>div{flex:1 1 100%}.unlock,.unlock button,.unlock-form{width:100%}.unlock-form{display:grid;grid-template-columns:1fr auto}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.stat{min-width:0;padding:.75rem .5rem}.search{padding:.8rem}.search-row{display:flex;flex-direction:column;gap:.5rem}.grid,.search-row input,.search-row select{width:100%}.grid{flex-direction:column;gap:12px;align-items:center;max-width:none;margin:0}.card,.grid{display:flex}.card{width:calc(100% - 60px);max-width:320px;min-height:220px;height:auto;flex-direction:row;overflow:hidden;margin:0 auto;border-radius:16px}.poster,.poster-fallback{width:110px;height:100%;min-height:100%;flex-shrink:0}.card-body{padding:.7rem;justify-content:center;align-items:stretch;margin-top:0;border-radius:0;border-left:1px solid hsla(0,0%,100%,.04);background:linear-gradient(180deg,rgba(30,28,43,.18),rgba(22,20,31,.48) 42%,rgba(22,20,31,.9));min-height:170px}.card-controls{flex-direction:column}.del,.status-select{width:100%}}h1{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.5px;font-size:2.1rem;margin:0 0 .15rem}.sub{color:var(--text-dim);font-size:.95rem;margin:0}.unlock,.unlock button{font-size:.8rem}.unlock button{background:none;border:1px solid var(--border);color:var(--text-dim);padding:.4rem .8rem;border-radius:7px;cursor:pointer;font-family:inherit}.unlock-form{display:flex;gap:.4rem;margin-top:.4rem}.unlock-form input{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:7px;font-size:.8rem;font-family:inherit}.unlock-form button{background:var(--amber);color:#2a1d05;border:none;border-radius:7px;padding:.4rem .8rem;font-weight:600;cursor:pointer;font-size:.8rem;font-family:inherit}.stats{display:flex;gap:.75rem;margin:1.75rem 0;flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.1rem;flex:1 1;min-width:110px}.stat .num{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:500}.stat .lbl{font-size:.78rem;color:var(--text-dim);margin-top:2px}.search{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem;margin-bottom:1rem;position:relative}.search-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(110px,1fr);grid-gap:.6rem;gap:.6rem;align-items:stretch}.search-row input,.search-row select{width:100%;min-width:0;background:var(--surface-raised);border:1px solid var(--border);color:var(--text);padding:.55rem .7rem;border-radius:7px;font-family:inherit;font-size:.9rem}.msg{font-size:.82rem;color:var(--text-dim);margin-top:.6rem}.msg.error{color:var(--red)}.results{margin-top:.7rem;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.result{display:flex;align-items:center;gap:.7rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:.5rem;cursor:pointer;text-align:left;font-family:inherit;color:var(--text)}.result:hover{border-color:var(--amber)}.result img{object-fit:cover}.result .ph,.result img{width:36px;height:52px;border-radius:4px;background:var(--border)}.result .ph{flex-shrink:0}.result .rt{font-size:.88rem}.result .ry{font-size:.76rem;color:var(--text-dim)}.section-title{font-family:Oswald,sans-serif;font-size:1rem;font-weight:500;margin:1.75rem 0 .8rem}.strip{display:flex;gap:.8rem;overflow-x:auto;padding:0 2px .5rem;margin-bottom:1rem;scroll-snap-type:x proximity}.strip .card{width:150px;min-width:150px;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;min-height:260px}.strip .poster,.strip .poster-fallback{width:100%;height:170px;min-height:170px;flex-shrink:0}.strip .card-body{margin-top:-8px;min-height:110px;padding:.6rem .55rem .7rem}.strip .card-controls{flex-direction:column}.strip .del,.strip .status-select{width:100%}.filters{display:flex;gap:.4rem;margin-bottom:1.1rem;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.35rem .85rem;border-radius:999px;font-size:.82rem;cursor:pointer;font-family:inherit}.filters button.active{border-color:var(--amber);color:var(--amber)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px 30px;gap:20px 30px;align-items:start;justify-items:center;width:100%;max-width:none;margin:0 auto;padding:0}.card{position:relative;width:300px;max-width:100%;background:linear-gradient(180deg,#1e1c2b,#16141f);border:1px solid hsla(0,0%,100%,.06);border-radius:18px;overflow:hidden;border-top:3px solid var(--border);display:flex;flex-direction:column;min-height:300px;height:auto;min-width:0;box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 hsla(0,0%,100%,.04)}.card.status-want{border-top-color:var(--violet);box-shadow:0 12px 26px rgba(138,127,209,.18),inset 0 1px 0 hsla(0,0%,100%,.04)}.card.status-watching{border-top-color:var(--amber);box-shadow:0 12px 26px rgba(230,168,58,.18),inset 0 1px 0 hsla(0,0%,100%,.04)}.card.status-completed{border-top-color:var(--teal);box-shadow:0 12px 26px rgba(74,157,146,.18),inset 0 1px 0 hsla(0,0%,100%,.04)}.poster{position:relative;width:100%;height:170px;object-fit:cover;display:block;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0));filter:saturate(1.08) contrast(1.04);border-bottom:1px solid hsla(0,0%,100%,.04);z-index:1}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,20,31,0),rgba(21,20,31,.06) 34%,rgba(21,20,31,.12) 58%,rgba(21,20,31,.2) 78%,rgba(21,20,31,.28));pointer-events:none}.poster-fallback{width:100%;height:170px;background:linear-gradient(180deg,var(--surface-raised),rgba(38,36,55,.75));display:flex;align-items:flex-end;justify-content:center;color:var(--text-dim);font-family:Oswald,sans-serif;font-size:1.2rem;padding:.75rem;text-align:center;position:relative;border-bottom:1px solid hsla(0,0%,100%,.04);z-index:1}.poster-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,20,31,.08),rgba(21,20,31,.42))}.card-body{position:relative;z-index:3;padding:.65rem .7rem .7rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;background:linear-gradient(180deg,rgba(20,18,29,0),rgba(22,20,31,.05) 18%,rgba(22,20,31,.14) 30%,rgba(22,20,31,.28) 52%,rgba(22,20,31,.58) 72%,rgba(22,20,31,.84));border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px;min-height:170px;box-shadow:inset 0 18px 28px rgba(0,0,0,.05)}.card-title{font-size:.82rem;font-weight:600;margin:0 0 .25rem;line-height:1.25;min-height:2.5em;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;text-align:center}.card-type{font-size:.66rem;color:var(--text-dim);margin:0 0 .45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.progress{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.5rem;min-width:0;width:100%}.progress button{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);width:22px;height:22px;border-radius:5px;cursor:pointer;font-size:.85rem;line-height:1;padding:0}.progress .ep{font-size:.75rem;color:var(--text-dim);flex:1 1;text-align:center}.card-controls{display:flex;gap:.35rem;align-items:center;justify-content:center;min-width:0;width:100%}.status-select{flex:1 1 auto;min-width:0;color:var(--text);padding:.3rem;font-family:inherit}.del,.status-select{background:var(--surface-raised);border:1px solid var(--border);border-radius:6px;font-size:.72rem}.del{flex-shrink:0;color:var(--text-dim);cursor:pointer;padding:.3rem .5rem}.del:hover{color:var(--red);border-color:var(--red)}.empty{text-align:center;color:var(--text-dim);padding:3rem 1rem;font-size:.92rem}@media (max-width:640px){.grid{flex-direction:column;gap:12px;width:100%;max-width:none;margin:0;grid-template-columns:none}.card,.grid{display:flex}.card{width:calc(100% - 60px);max-width:320px;min-height:220px;height:auto;flex-direction:row;overflow:hidden;margin:0 auto;border-radius:16px}.poster,.poster-fallback{width:110px;height:100%;min-height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.poster{object-position:center left;object-fit:cover;align-self:center}.card-body{padding:.7rem;justify-content:center;align-items:stretch;margin-top:0;border-radius:0;border-left:1px solid hsla(0,0%,100%,.04);background:linear-gradient(180deg,rgba(30,28,43,.18),rgba(22,20,31,.48) 42%,rgba(22,20,31,.9));min-height:170px}.card-controls{flex-direction:column}.del,.status-select{width:100%}}