:root{--bg: #f5f2ec;--surface: #ffffff;--surface-2: #efebe3;--border: #e2ddd3;--text: #1c1d21;--text-2: #5d6168;--text-3: #8b8f96;--accent: #2f5fd0;--accent-text: #ffffff;--accent-soft: rgba(47, 95, 208, .1);--porcelain: #f8f5ef;--shadow: 0 1px 2px rgba(28, 29, 33, .06), 0 4px 16px rgba(28, 29, 33, .06);--radius: 16px;--radius-sm: 10px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1014;--surface: #171a20;--surface-2: #1f232b;--border: #2a2f39;--text: #ecebe8;--text-2: #a3a9b3;--text-3: #6f7681;--accent: #6f9bff;--accent-text: #0e1014;--accent-soft: rgba(111, 155, 255, .15);--porcelain: #f3efe7;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #0e1014;--surface: #171a20;--surface-2: #1f232b;--border: #2a2f39;--text: #ecebe8;--text-2: #a3a9b3;--text-3: #6f7681;--accent: #6f9bff;--accent-text: #0e1014;--accent-soft: rgba(111, 155, 255, .15);--porcelain: #f3efe7;--shadow: none;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}html:has(dialog[open]){overflow:hidden}.notice{padding:16px;margin:0 0 16px;border-radius:var(--radius);background:var(--accent-soft);color:var(--text)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.fill,svg .fill{fill:currentColor;stroke:none}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.topbar{border-bottom:1px solid var(--border);background:var(--bg)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.01em}.brand img{border-radius:9px}.topbar-actions{display:flex;align-items:center;gap:8px}.seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.seg button{border:0;background:none;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text)}.icon-btn.small{width:30px;height:30px;border:0;background:var(--surface-2)}.icon-btn.small svg{width:16px;height:16px}.icon-btn-spacer{width:40px}.i-moon{display:none}:root[data-theme=dark] .i-sun{display:none}:root[data-theme=dark] .i-moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .i-sun{display:none}:root:not([data-theme=light]) .i-moon{display:block}}.hero{padding:24px 0 8px}.hero h1{margin:0;font-size:clamp(26px,6vw,40px);line-height:1.15;letter-spacing:-.02em}.hero-text{margin:8px 0 0;color:var(--text-2);max-width:640px}.hero-social{display:flex;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.hero-social::-webkit-scrollbar{display:none}.pill-link{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;flex:none}.pill-link svg{width:18px;height:18px;color:var(--accent)}.pill-link:hover{border-color:var(--accent)}.pill-link.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.pill-link.primary svg{color:var(--accent-text)}@media(max-width:560px){.pill-link:not(.primary){width:38px;padding:0;justify-content:center}.pill-link:not(.primary) span{display:none}.pill-link.primary .long{display:none}}@media(min-width:561px){.pill-link.primary .short{display:none}}.sticky-bar{position:sticky;top:0;z-index:10;background:var(--bg);margin:0 -16px;padding:12px 16px 8px}.search{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.search:focus-within{border-color:var(--accent)}.search>svg{color:var(--text-3)}.search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:16px;height:100%}.search input::placeholder{color:var(--text-3)}.search input::-webkit-search-cancel-button{display:none}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;gap:8px;align-items:center;margin-top:10px;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.chip-btn,.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.chip-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip-btn svg{width:18px;height:18px}.chip{background:var(--surface-2);border-color:transparent;padding-right:10px;max-width:240px}.chip span{overflow:hidden;text-overflow:ellipsis}.chip svg{width:14px;height:14px;color:var(--text-3)}.chips{display:flex;gap:8px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:700;display:inline-grid;place-items:center}.count{margin:8px 0 12px;color:var(--text-2);font-size:14px;min-height:21px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1140px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s ease,border-color .15s ease}.card:hover{border-color:var(--accent)}.card:active{transform:scale(.98)}.tile{aspect-ratio:1;background:var(--porcelain);display:grid;place-items:center}.tile img{width:86%;height:86%;object-fit:contain}.tile .noimg{color:#b9b4aa}.card-info{padding:10px 12px 12px;display:grid;gap:2px}.card-title{font-weight:600;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-years{color:var(--accent);font-size:13px;font-weight:600}.card-place{color:var(--text-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sentinel{height:1px}.more-wrap{display:flex;justify-content:center;margin-top:20px}.more-wrap .btn{min-width:220px}.status{text-align:center;padding:48px 16px;color:var(--text-2)}.status h2{color:var(--text);font-size:20px;margin:12px 0 4px}.status .big{width:44px;height:44px;color:var(--text-3);margin:0 auto}.status .row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.suggestion{height:38px;padding:0 16px;border-radius:999px;border:0;background:var(--accent-soft);color:var(--accent);font-weight:600;cursor:pointer}.btn{height:46px;padding:0 20px;border-radius:999px;font-weight:700;cursor:pointer;border:1px solid transparent;font-size:15px}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.ghost{background:transparent;border-color:var(--border)}.btn:disabled{opacity:.4;cursor:default}.guide{margin:40px 0 8px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.guide h2{margin:0 0 8px;font-size:18px}.guide ol{margin:0;padding-left:20px;color:var(--text-2);display:grid;gap:6px}.ssr-mark{display:grid;gap:12px;padding:16px;margin-bottom:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.ssr-mark img{width:160px;height:160px;object-fit:contain;background:var(--porcelain);border-radius:var(--radius-sm);padding:8px}.ssr-mark h2{margin:0;font-size:20px}.ssr-mark p{margin:0;color:var(--text-2);white-space:pre-line}.ssr-mark dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.ssr-mark dt{color:var(--text-3)}.ssr-mark dd{margin:0}.js .ssr-mark{display:none}.footer{margin-top:48px;border-top:1px solid var(--border);background:var(--surface);padding:32px 0 calc(24px + env(safe-area-inset-bottom))}.footer-grid{display:grid;gap:24px}@media(min-width:760px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}.footer h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.footer-text{color:var(--text-2);margin:10px 0 0;font-size:14px;max-width:320px}.social{display:flex;align-items:center;gap:10px;padding:8px 0;text-decoration:none;color:var(--text);font-size:15px}.social:hover{color:var(--accent)}.social svg{width:22px;height:22px;color:var(--accent)}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-3);font-size:13px}.noscript{padding:16px;color:var(--text-2)}dialog.sheet{padding:0;border:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;background:var(--bg);color:var(--text);display:none;flex-direction:column;overscroll-behavior:contain}dialog.sheet[open]{display:flex;animation:sheet-in .22s ease-out}dialog.sheet::backdrop{background:#0000008c}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media(min-width:760px){dialog.sheet{margin:auto;width:min(720px,92vw);height:min(860px,90vh);border-radius:20px;border:1px solid var(--border)}#filtersDialog{width:min(520px,92vw)}}.sheet-head{display:flex;align-items:center;gap:12px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));border-bottom:1px solid var(--border)}.sheet-title{flex:1;font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.sheet-body{flex:1;overflow-y:auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.sheet-foot{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.sheet-foot .primary{flex:1}.d-image{position:relative;aspect-ratio:5 / 4;background:var(--porcelain);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden;cursor:zoom-in;border:0;width:100%;padding:0}.d-image img{width:86%;height:86%;object-fit:contain}.d-image .zoom-hint{position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:999px;background:#0e101466;color:#fff;display:grid;place-items:center}.d-image .zoom-hint svg{width:16px;height:16px}.d-title{margin:20px 0 8px;font-size:24px;line-height:1.25;letter-spacing:-.01em}.d-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:14px}.pill svg{width:16px;height:16px}.d-id{color:var(--text-3);font-size:14px}.facts{margin:16px 0 0;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:0 16px}.fact{padding:12px 0;display:grid;gap:2px}.fact+.fact{border-top:1px solid var(--border)}.fact dt{color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.fact dd{margin:0;font-size:16px}.d-section{margin:20px 0 8px;font-size:16px}.d-desc{margin:0;padding:14px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);white-space:pre-line;line-height:1.55}.tabs{display:flex;gap:4px;margin:12px 16px 0;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.tabs button{flex:1;border:0;background:none;padding:9px 6px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.filter-search{display:flex;align-items:center;gap:8px;margin:12px 16px 4px;height:44px;padding:0 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.filter-search svg{color:var(--text-3);width:18px;height:18px}.filter-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:16px}.options{flex:1;overflow-y:auto;padding:4px 0 12px}.option{display:flex;align-items:center;gap:12px;width:100%;padding:11px 16px;border:0;background:none;text-align:left;cursor:pointer;font-size:15px;color:var(--text-2)}.option:hover{background:var(--surface)}.option .box{width:20px;height:20px;border-radius:6px;border:2px solid var(--text-3);display:grid;place-items:center;flex:none}.option[aria-checked=true]{color:var(--text)}.option[aria-checked=true] .box{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.option .box svg{width:14px;height:14px;stroke-width:3;display:none}.option[aria-checked=true] .box svg{display:block}.option .label{flex:1}.option .n{color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums}.options .more{padding:12px 16px;color:var(--text-3);font-size:13px}.zoom{padding:0;border:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;background:var(--porcelain);cursor:zoom-out}.zoom[open]{display:grid;place-items:center}.zoom::backdrop{background:var(--porcelain)}.zoom img{max-width:96vw;max-height:86vh;object-fit:contain}.zoom .icon-btn{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;background:#0e1014bf;color:#fff;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}