:root{--bg: #f6f7fb;--panel: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-weak: rgba(37, 99, 235, .10);--shadow: 0 10px 30px rgba(17, 24, 39, .08);--radius: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;cursor:pointer}mark{padding:0 .15em;border-radius:.35em}.topbar{position:sticky;top:0;z-index:10;background:rgba(246,247,251,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1200px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;letter-spacing:.02em}.hint{color:var(--muted);font-size:13px}.page{max-width:1200px;margin:0 auto;padding:22px 18px 40px}.layout{display:flex;gap:18px;align-items:flex-start}.results{flex:1 1 auto;min-width:0}.results__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.filters{flex:0 0 360px;margin-left:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:sticky;top:72px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.title{margin:0;font-size:16px}.count{color:var(--muted);font-size:13px}.cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:0 6px 18px rgba(17,24,39,.05);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,24,39,.08)}.card.active{border-color:rgba(37,99,235,.45);box-shadow:0 10px 24px rgba(37,99,235,.12)}.card__title{font-weight:700;margin-bottom:8px}.card__desc{color:var(--text);font-size:13px;line-height:1.5;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card__meta{display:flex;flex-wrap:wrap;gap:6px}.card__scene{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0}.tag{font-size:12px;padding:5px 8px;border-radius:999px;border:1px solid var(--border);color:#374151;background:#fff}.group{padding-top:12px;margin-top:12px;border-top:1px solid var(--border)}.group--first{border-top:0;padding-top:0;margin-top:0}.group__title{font-size:13px;color:#374151;margin-bottom:8px;font-weight:700}.note{margin-top:8px;color:var(--muted);font-size:12px}.searchbox{position:relative}.searchbox__input{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 36px 10px 12px;font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;background:#fff}.searchbox__input:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.12)}.searchbox__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;color:#6b7280}.searchbox__clear:hover{border-color:rgba(37,99,235,.35)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;border:1px solid var(--border);background:#fff;color:#111827;border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.chip:hover{border-color:rgba(37,99,235,.35);box-shadow:0 6px 16px rgba(37,99,235,.1)}.chip.active{background:var(--primary-weak);border-color:rgba(37,99,235,.55);color:var(--primary);font-weight:700}.btn{appearance:none;border:1px solid var(--border);background:#fff;color:#111827;border-radius:10px;padding:8px 10px;font-size:12px;cursor:pointer}.btn--ghost{background:rgba(0,0,0,0)}.btn:hover{border-color:rgba(37,99,235,.35)}.empty{margin-top:14px;padding:14px;border-radius:var(--radius);border:1px dashed var(--border);color:var(--muted);background:hsla(0,0%,100%,.6)}@media(max-width: 980px){.layout{flex-direction:column-reverse}.filters{flex-basis:auto;width:100%;margin-left:0}.panel{position:static}}/*# sourceMappingURL=style.min.css.map */