:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f6f8fb;--surface-elevated:#fff;--text-primary:#19202a;--text-secondary:#394556;--text-muted:#505d70;--accent:#0853ab;--accent-soft:#c8defa;--accent-soft-text:#082f5f;--button-primary-text:#fff;--border:#bccde1;--danger:#b32141;font-family:Inter,Segoe UI,Arial,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0f141d;--surface-elevated:#171d27;--text-primary:#f4f7fb;--text-secondary:#d8e0ec;--text-muted:#c0ccdd;--accent:#8cc2ff;--accent-soft:#263a56;--accent-soft-text:#ebf4ff;--button-primary-text:#0d1b2f;--border:#38506a;--danger:#ff87a3}*{box-sizing:border-box}body{background:var(--surface);color:var(--text-primary);margin:0}.app-shell{min-height:100vh}.skip-link{z-index:1000;background:var(--surface-elevated);border:1px solid var(--accent);color:var(--text-primary);border-radius:.5rem;padding:.5rem .75rem;text-decoration:none;position:absolute;top:-4rem;left:.75rem}.skip-link:focus-visible{top:.75rem}#root{min-height:100vh}a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:.25rem 0 .6rem}.layout{max-width:1200px;margin:0 auto;padding:1rem}.layout:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.header{z-index:10;background:var(--surface-elevated);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{grid-template-columns:1fr;gap:.75rem;max-width:1200px;margin:0 auto;padding:.9rem 1rem;display:grid}.brand{color:var(--text-primary);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;gap:.75rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none}.nav-links a.active{color:var(--text-primary);text-underline-offset:.2rem;font-weight:700;text-decoration:underline}.actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.badge{background:var(--accent-soft);min-width:1.3rem;color:var(--accent-soft-text);border-radius:999px;justify-content:center;align-items:center;margin-left:.3rem;padding:0 .35rem;font-size:.8rem;font-weight:700;display:inline-flex}.search-wrap{width:min(440px,100%);position:relative}.results{z-index:20;width:100%;max-height:24rem;position:absolute;top:calc(100% + .35rem);overflow-y:auto}.section-label{color:var(--text-muted);margin:.3rem 0;font-size:.82rem}.result-link{color:var(--text-primary);padding:.25rem 0;text-decoration:none;display:block}.result-link:hover,.result-link:focus{color:var(--accent)}.result-link.active{color:var(--accent);text-decoration:underline}.debounce-hint{margin-top:.3rem}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:.9rem;padding:.85rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.button{white-space:nowrap;background:var(--accent);color:var(--button-primary-text);cursor:pointer;border:none;border-radius:.55rem;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.95rem;text-decoration:none;display:inline-flex}.button.secondary{background:var(--accent-soft);color:var(--accent-soft-text)}.button:disabled{opacity:.65;cursor:not-allowed}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:.55rem;padding:.5rem .65rem}.hint{color:var(--text-muted)}.error{color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-heading{color:var(--text-secondary);grid-column:1/-1;margin-top:1rem;font-size:1rem}.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;display:grid}.description,.meta{color:var(--text-secondary)}.row{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.avatar,.resident img,.image-link img{border-radius:.7rem;width:100%}.image-link{display:block}.character-portrait-link{aspect-ratio:1;overflow:hidden}.character-portrait-link img{object-fit:cover;width:100%;height:100%;display:block}.pagination{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.detail{grid-template-columns:1fr;gap:1rem;display:grid}.detail>img{aspect-ratio:1;object-fit:cover;border-radius:.8rem;width:min(100%,360px);display:block}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}@media (width>=900px){.detail{grid-template-columns:360px 1fr}}@media (width>=1024px){.header-inner{grid-template-columns:auto 1fr auto;align-items:center}.actions{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}