:root{--steel: #1b232e;--steel-deep: #141a22;--enamel: #f2ebda;--sign-red: #c8372b;--sign-yellow: #f2b33d;--sign-blue: #3d7bc4;--ink: #1a1410;--display: "Anton", "Arial Narrow", Impact, sans-serif;--body: "Space Grotesk", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--steel);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 8px);color:var(--enamel);font-family:var(--body);overflow-x:hidden}::selection{background:var(--sign-yellow);color:var(--ink)}.topstrip{height:10px;background:repeating-linear-gradient(-45deg,var(--sign-yellow) 0px,var(--sign-yellow) 10px,var(--ink) 10px,var(--ink) 20px)}.header{display:flex;justify-content:space-between;align-items:center;max-width:1060px;margin:0 auto;padding:18px 24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand img{height:36px;width:auto;display:block}.brand-name{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--enamel)}.status{display:inline-flex;align-items:center;gap:8px}.status .dot{width:9px;height:9px;border-radius:50%;background:#5bbf6b;box-shadow:0 0 8px #5bbf6b;animation:pulse 2.4s infinite}.status-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:#9fb0c2}.hero{padding:28px 24px 8px}.search-panel{position:relative;background:var(--enamel);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);max-width:720px;margin:0 auto;padding:28px 32px}.search-panel .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--sign-red);margin-bottom:12px}.search-input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--ink);font-family:var(--display);font-size:clamp(18px,3vw,28px);color:var(--ink);padding:8px 0;outline:none}.search-input::placeholder{font-family:var(--mono);font-size:13px;color:#1a141080}.search-btn{margin-top:16px;background:var(--sign-red);color:var(--enamel);border:3px solid var(--ink);font-family:var(--display);font-size:16px;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}.search-btn:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--ink)}.search-btn:disabled{cursor:default;opacity:.8}.bolt{position:absolute;bottom:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfc6ae,#6b5d43 70%);border:1.5px solid var(--ink)}.bolt-left{left:10px}.bolt-right{right:10px}.layout{max-width:1060px;margin:0 auto;padding:24px;display:grid;grid-template-columns:220px 1fr;gap:24px}.main{min-width:0}.sidebar{height:fit-content;background:#0a0e138c;border:1px solid rgba(242,235,218,.18);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px 18px}.sidebar h3{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#f2ebda80;border-bottom:1px dashed rgba(242,235,218,.25);padding-bottom:6px;margin-bottom:10px}.sidebar h3:not(:first-child){margin-top:22px}.filter-group{display:flex;flex-direction:column;gap:8px}.sidebar label{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:14px;color:var(--enamel);cursor:pointer}.sidebar input[type=radio]{accent-color:var(--sign-yellow)}.sidebar input[type=range]{width:100%;accent-color:var(--sign-yellow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.error{font-family:var(--mono);color:var(--sign-red);padding:12px 0}.empty{font-family:var(--mono);color:#f2ebda99;padding:24px 0}.card{display:block;width:100%;text-align:left;padding:0;background:#1b232ee6;border:2px solid var(--ink);box-shadow:4px 4px #0006;color:var(--enamel);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);box-shadow:6px 6px #0006}.card-cover{position:relative;aspect-ratio:3 / 4;border-bottom:2px solid var(--ink);background:var(--steel-deep);overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{width:100%;height:100%;background:var(--steel-deep)}.score-badge{position:absolute;top:8px;right:8px;background:var(--sign-red);color:var(--enamel);font-family:var(--mono);font-size:11px;font-weight:600;border:1.5px solid var(--ink);padding:2px 7px}.card-body{padding:0 12px 14px}.card-body h4{font-family:var(--display);font-weight:400;font-size:16px;line-height:1.1;letter-spacing:.03em;text-transform:uppercase;color:var(--enamel);margin-top:10px}.card .genres{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--sign-yellow);margin-top:4px}.card .desc{font-family:var(--body);font-size:12.5px;line-height:1.5;color:#c9d3df;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0e13d9}.modal{position:relative;max-width:640px;width:100%;max-height:86vh;overflow-y:auto;padding:36px;background:#0a0e13f2;border:1px solid rgba(242,235,218,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;line-height:1;background:var(--sign-red);color:var(--enamel);border:3px solid var(--ink);font-family:var(--display);font-size:18px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.modal-close:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}.modal-close:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--ink)}.modal-content{display:flex;gap:22px}.modal-cover{width:200px;flex-shrink:0;height:fit-content;border:2px solid var(--ink)}.modal-meta{min-width:0}.modal-meta h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,42px);line-height:1;text-transform:uppercase;color:var(--enamel);text-shadow:3px 3px 0 var(--sign-red)}.romaji{font-family:var(--mono);font-size:12px;color:#9fb0c2;margin-top:8px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.badge{font-family:var(--mono);font-size:11px;background:#f2ebda1a;color:var(--enamel);border:1px solid rgba(242,235,218,.18);padding:3px 9px}.modal-meta .genres{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--sign-yellow);margin-top:12px}.modal-desc{font-family:var(--body);font-size:14px;line-height:1.6;color:#c9d3df;margin-top:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{background:var(--sign-blue);color:#fff;border:1.5px solid var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:3px 8px}.tag:nth-child(2n){transform:rotate(1deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media (max-width: 720px){.layout{grid-template-columns:1fr}.search-panel{padding:16px 20px}.modal-content{flex-direction:column}.modal-cover{width:140px}}