:root{color-scheme:light dark;--bg: #ffffff;--surface: #f6f7f9;--fg: #1a1a1a;--muted: #6b7280;--border: #d9dce1;--accent: #2563eb;--star: #d4a017}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--surface: #1b1e24;--fg: #e8e9eb;--muted: #9aa0ab;--border: #2c3038;--accent: #60a5fa;--star: #f0c14b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:1400px;margin:0 auto;padding:1rem 1rem 3rem}header h1{font-size:1.25rem;margin:0 0 .75rem}input,select,button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.settings,.index-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;font-size:.85rem}.settings input[type=password]{flex:1 1 220px;min-width:0}.hint{flex-basis:100%;margin:.25rem 0 0;font-size:.78rem;color:var(--muted)}.index-status{color:var(--muted)}.filters{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;margin-bottom:1rem}.filters>summary{cursor:pointer;font-size:.9rem;font-weight:600;list-style:none}.filters>summary::-webkit-details-marker{display:none}.filters>summary:before{content:"▸ ";color:var(--muted)}.filters[open]>summary:before{content:"▾ "}.filters[open]>summary{margin-bottom:.75rem}.filter-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem .8rem}.field{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;min-width:0}.field-label{color:var(--muted)}.field input,.field select{min-width:0;width:100%}.numeric-field{display:flex;gap:.3rem}.numeric-field .modifier-select{flex:0 0 3.4rem}.numeric-field .text-input{flex:1;min-width:0}.submit-button{grid-column:1 / -1;justify-self:start;background:var(--accent);color:#fff;border:none;padding:.5rem 1.5rem}.sort-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:.75rem}.sort-controls .field{flex:0 1 160px}.results-summary{color:var(--muted);font-size:.85rem;margin:.5rem 0}.performer-list{display:flex;flex-direction:column;gap:.9rem}.performer-row{display:flex;flex-wrap:wrap;gap:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.75rem}.profile{flex:1 1 200px;max-width:260px;display:grid;grid-template-rows:auto auto;gap:.5rem;min-width:0}.profile-media{display:block;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:var(--border)}.profile-media img{width:100%;height:100%;object-fit:cover;display:block}.profile-media.no-image{display:grid;place-items:center;color:var(--muted);font-size:.8rem;text-decoration:none}.profile-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.profile-name-row{display:flex;align-items:baseline;gap:.35rem;min-width:0}.profile-favorite{color:var(--star)}.profile-name{font-weight:600;font-size:1rem;color:inherit;text-decoration:none;overflow-wrap:anywhere}.profile-name:hover{color:var(--accent)}.profile-stats{margin:0;font-size:.85rem}.profile-meta{margin:0;font-size:.78rem;color:var(--muted)}.profile-studios{margin:.1rem 0 0;font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-studios a,.studios-more{color:var(--muted)}.scene-panel{flex:999 1 320px;display:flex;flex-direction:column;gap:.5rem;min-width:0}.scene-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.8rem;color:var(--muted)}.scene-head a{color:var(--accent);text-decoration:none;white-space:nowrap}.scene-empty{margin:0;font-size:.8rem;color:var(--muted)}.scene-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;align-content:start}.scene-card{display:flex;flex-direction:column;gap:.15rem;color:inherit;text-decoration:none;min-width:0}.scene-card img,.scene-thumb-placeholder{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--border);display:block}.scene-title{font-size:.78rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scene-card:hover .scene-title{color:var(--accent)}.scene-meta{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.profile{max-width:none;grid-template-columns:120px 1fr;grid-template-rows:auto;align-items:start}}.pagination{display:flex;align-items:center;gap:.4rem;margin:.6rem 0;flex-wrap:wrap}.page-list{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.page-button{min-width:2.4rem}.page-button.current{background:var(--accent);color:#fff;border-color:var(--accent)}.page-button.current:disabled{opacity:1}.page-ellipsis{padding:0 .25rem;color:var(--muted)}@media(pointer:coarse){input,select,button{padding:.55rem .6rem}.page-button{min-width:2.9rem}}