:root{color-scheme:light;--ink:#162841;--muted:#506174;--paper:#f2f5f9;--line:#dce4ed;--blue:#144d96;--gold:#ffc43b;--surface:#fff;--alternate:#fafcfe;--control-line:#b9c7d7;--focus:#2266ba;--table-head:#e9f0f9;--table-ink:#263b55;--lower-bg:#e1f5e8;--lower-ink:#155a30;--higher-bg:#fce8e9;--higher-ink:#98232e;--equal-bg:#fff1b4;--equal-ink:#614900;--badge-bg:#fff2cd;--badge-ink:#654500;font:16px/1.5 system-ui,sans-serif}
html[data-appearance=dark]{
  color-scheme:dark;
  --ink:#edf3fc;--muted:#aebfd4;--paper:#101722;--line:#34445a;
  --blue:#9ac9ff;--surface:#172233;--alternate:#1b283b;
  --control-line:#647993;--focus:#8ec7ff;--table-head:#24354b;--table-ink:#e1ecfb;
  --lower-bg:#173f30;--lower-ink:#a8efbf;--higher-bg:#4b2733;--higher-ink:#ffc0c6;
  --equal-bg:#46391b;--equal-ink:#ffe390;--badge-bg:#48371c;--badge-ink:#ffe3a5;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink)}
[hidden]{display:none!important}
.wrap{width:min(1360px,calc(100% - 48px));margin-inline:auto}
.top{background:#152a44;color:white}
.mast{display:flex;align-items:center;gap:12px;min-height:61px}
.mast-actions{display:flex;align-items:center;gap:9px;margin-left:auto;flex-wrap:wrap}
.mast-actions .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:1px solid #7185a0;border-radius:50%;background:#213853;color:#fff;cursor:pointer;flex-shrink:0}
.mast-actions .theme-toggle:hover{background:#314e70;border-color:#c4d2e3}
.mast-actions .theme-toggle:focus-visible{outline:3px solid #f4c743;outline-offset:3px}
.theme-toggle .theme-sun{display:none}
html[data-appearance=dark] .theme-toggle .theme-sun{display:block}
html[data-appearance=dark] .theme-toggle .theme-moon{display:none}
.mast-actions a{color:#e9eef7;font-size:.9rem;text-decoration:none}
.brick{background:var(--gold);color:#172740;font-size:23px;line-height:1;border-radius:6px;padding:4px 7px}
.hero{padding:34px 0 27px}
.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--blue);margin:0}
h1{font-size:clamp(2.1rem,5vw,3.75rem);line-height:1.04;letter-spacing:-.045em;margin:9px 0 10px}
.hero p:not(.eyebrow){margin:0;color:var(--muted);max-width:670px}
.stats{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 8px}
.stats span{font-size:.84rem;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:5px 11px}
small,.count{color:var(--muted)}
.catalog{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.filters{display:grid;grid-template-columns:1.55fr 1fr 1.2fr 1.25fr;gap:12px;padding:18px 20px 12px}
label{font-size:.83rem;font-weight:680;min-width:0}
input,select,button{font:inherit;color:inherit}
input[type=search],select{display:block;width:100%;margin-top:4px;height:42px;border:1px solid var(--control-line);border-radius:8px;background:var(--surface);padding:0 9px;font-size:.9rem}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.bar{display:flex;gap:10px 21px;align-items:center;flex-wrap:wrap;padding:0 20px 13px}
.bar label{display:flex;align-items:center;gap:6px}
input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px;margin:0}
.bar button{margin-left:auto}
.bar button,.pages button{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:6px 10px;font-size:.85rem}
button:disabled{opacity:.45;cursor:default}
.price-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;border:1px solid var(--line);border-radius:8px;margin:0 20px 13px;padding:5px 12px 8px}
.price-range legend{padding-inline:5px;font-size:.83rem;font-weight:750}
.price-range output{float:right;font-variant-numeric:tabular-nums}
.price-range input{display:block;width:100%;margin:3px 0 0;accent-color:var(--blue)}
.count{border-top:1px solid var(--line);margin:0;padding:9px 20px;font-size:.85rem}
table{border-collapse:collapse;width:100%;table-layout:fixed}
th,td{text-align:left;padding:12px;vertical-align:top;overflow-wrap:anywhere}
th:first-child,td:first-child{padding-left:20px}
th{font-size:.78rem;background:var(--table-head);color:var(--table-ink)}
th:first-child{width:22%}th:nth-child(2){width:10%}th:nth-child(3){width:14%}th:nth-child(4){width:7%}th:nth-child(5),th:nth-child(6),th:nth-child(7){width:12%}th:nth-child(8){width:11%}
th button{background:none;border:0;padding:0;text-align:left;font-weight:750}
td{border-top:1px solid var(--line);font-size:.91rem}
tbody tr:nth-child(even){background:var(--alternate)}
a{color:var(--blue);text-underline-offset:2px}
.name{font-weight:750;text-decoration:none}
.name:hover{text-decoration:underline}
.meta{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.value{font-variant-numeric:tabular-nums;font-weight:780}
.price-lower,.price-higher,.price-equal{display:inline-block;padding:1px 6px;border-radius:5px}
.price-lower{color:var(--lower-ink);background:var(--lower-bg)}
.price-higher{color:var(--higher-ink);background:var(--higher-bg)}
.price-equal{color:var(--equal-ink);background:var(--equal-bg)}
.badge{display:inline-block;background:var(--badge-bg);color:var(--badge-ink);border-radius:5px;padding:1px 5px;font-size:.7rem;margin:3px 0}
details{font-size:.78rem;color:var(--muted);margin-top:2px}
summary{cursor:pointer}
details p{margin:4px 0}
.pages{display:flex;gap:14px;align-items:center;justify-content:center;padding:15px;border-top:1px solid var(--line);font-size:.85rem}
#empty{padding:12px 20px}
.sources{margin:25px 0 36px;max-width:920px}
.sources h2{font-size:1.2rem;margin-bottom:5px}
.sources p{font-size:.9rem;color:var(--muted);margin:7px 0}
@media(max-width:760px){
.wrap{width:calc(100% - 24px)}
.mast{flex-wrap:wrap;gap:6px 10px;padding-block:9px}
.mast-actions{gap:6px 9px}
.hero{padding-top:26px}
.filters{grid-template-columns:1fr 1fr;padding:13px 12px 11px;gap:9px}
.search{grid-column:1/-1}
.bar,.count{padding-inline:12px}
.price-range{margin-inline:12px;gap:5px 12px}
.bar button{margin-left:0}
table,tbody{display:block}
thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
thead button{visibility:hidden}
tbody tr{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding:11px 12px;border-top:1px solid var(--line)}
td,td:first-child{display:block;border:0;padding:3px 0}
td:first-child,td:nth-child(3){grid-column:1/-1}
td:nth-child(2){grid-column:1/-1;color:var(--muted);font-size:.78rem}
td:nth-child(5),td:nth-child(6),td:nth-child(7){order:1}
td:nth-child(4),td:nth-child(8){order:2}
td[data-label]::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:720;color:var(--muted)}
}
button.name{border:0;background:none;padding:0;color:var(--blue);text-align:left;overflow-wrap:anywhere}
button.name:hover{text-underline-offset:2px}
#box-preview{border:0;border-radius:16px;padding:0;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);color:var(--ink);background:var(--surface);box-shadow:0 18px 75px #09152666}
#box-preview::backdrop{background:#101e35ba}
.box-head,.box-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px}
.box-head{border-bottom:1px solid var(--line)}
.box-head h2{margin:3px 0 0;font-size:clamp(1.02rem,3.5vw,1.45rem);line-height:1.2}
.box-head button{background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:1.4rem;line-height:1;width:42px;height:42px}
.box-frame{display:grid;place-items:center;min-height:160px;padding:12px;background:var(--surface)}
.box-frame img{display:block;background:white;max-width:100%;max-height:min(62dvh,540px);object-fit:contain}
.box-frame p,.box-foot{font-size:.84rem;color:var(--muted)}
.box-foot{border-top:1px solid var(--line);flex-wrap:wrap}
.box-foot a{margin-left:auto}