:root{color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-2:#f7f7f7;--border:#ebebeb;--strong:#d8d8d8;--text:#171717;--secondary:#4d4d4d;--muted:#707070;--disabled:#8f8f8f;--primary:#171717;--contrast:#fff;--focus:#0068d6;--warn:#9a5b00;--s0:4px;--s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--r:6px;--r-lg:12px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:14px;--small:13px;--label:12px;--heading:24px;--weight:600;--gutter:32px;--max:1488px}
[data-theme=dark]{color-scheme:dark;--bg:#0a0a0a;--surface:#111;--surface-2:#171717;--border:#2a2a2a;--strong:#3a3a3a;--text:#ededed;--secondary:#b5b5b5;--muted:#8f8f8f;--disabled:#6c6c6c;--primary:#ededed;--contrast:#0a0a0a;--focus:#5ba7ff;--warn:#d59b42}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--body)/1.5 var(--font)}button,select,input{font:inherit}button,a,input,select{touch-action:manipulation}a{color:var(--focus);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}button,select{min-height:40px;max-width:100%;border:1px solid var(--strong);border-radius:var(--r);background:var(--surface);color:var(--text);padding:var(--s1) var(--s2)}button{cursor:pointer}button:hover{background:var(--surface-2)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button[aria-pressed=true]{background:var(--primary);color:var(--contrast);border-color:var(--primary)}button:disabled{color:var(--disabled);cursor:default}input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;flex-shrink:0}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
main{max-width:var(--max);margin:auto;padding:0 var(--gutter) var(--s5)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);min-height:72px;border-bottom:1px solid var(--border)}.brand{font-size:var(--body);font-weight:var(--weight);color:var(--text)}.top-actions{display:flex;gap:var(--s1);align-items:center}.top-actions a{color:var(--secondary);font-size:var(--small)}h1{font-size:var(--heading);font-weight:var(--weight);line-height:1.25;letter-spacing:-.02em;margin:var(--s5) 0 var(--s1)}.intro{color:var(--secondary);margin:0}.notice{display:flex;gap:var(--s1);align-items:baseline;font-size:var(--small);color:var(--secondary);margin:var(--s3) 0 var(--s4)}.notice svg{width:16px;height:16px;flex-shrink:0;align-self:flex-start;margin-top:var(--s0);color:var(--warn)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:var(--s4) 0 var(--s3)}.toolbar-start{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.count-control{display:flex;align-items:center;gap:var(--s1);color:var(--secondary)}.count-control button{min-width:40px;padding:var(--s1)}.check{display:flex;align-items:center;gap:var(--s1);min-height:40px;cursor:pointer}.status{color:var(--muted);font-size:var(--small)}.mobile-count{display:none}.comparison{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.comparison-row{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));min-width:0}[data-columns="2"] .comparison-row{grid-template-columns:170px repeat(2,minmax(0,1fr))}[data-columns="4"] .comparison-row{grid-template-columns:170px repeat(4,minmax(0,1fr))}.comparison-row>*{min-width:0;overflow-wrap:anywhere}.column{padding:var(--s4) var(--s3)}.column+.column{border-left:1px solid var(--border)}.column label{display:block;color:var(--muted);font-size:var(--label);margin-bottom:var(--s1)}.column select{width:100%;min-width:0;font-size:var(--small);text-overflow:ellipsis}.product-name{font-weight:var(--weight);font-size:18px;line-height:1.4;min-height:4.2em;margin:var(--s3) 0 var(--s1)}.variant{color:var(--muted);font-size:var(--label);min-height:1.5em}.price{font-size:20px;font-weight:var(--weight);line-height:1.4;margin-top:var(--s2)}.price.unknown{font-size:var(--body);font-weight:400;color:var(--muted)}.price-label{font-size:var(--label);color:var(--muted);margin-top:var(--s0)}.photo{height:96px;display:flex;align-items:center;justify-content:center;gap:var(--s1);color:var(--muted);margin-top:var(--s3);background:var(--surface-2);border-radius:var(--r);padding:var(--s2)}.photo svg{width:32px;height:32px;flex-shrink:0}.photo span{max-width:100px;font-size:var(--label)}.photo img{width:100%;height:100%;object-fit:contain}.criterion{color:var(--secondary);font-weight:500}.criterion,.value{padding:var(--s3);border-top:1px solid var(--border)}.value+.value{border-left:1px solid var(--border)}.value.unknown{color:var(--muted)}.group-row{padding:var(--s4) var(--s3) var(--s2);border-top:1px solid var(--border);background:var(--surface-2);color:var(--warn);font-weight:500;font-size:var(--label);letter-spacing:.06em;text-transform:uppercase}.criteria-label{align-self:end;padding:var(--s3);color:var(--muted);font-size:var(--small)}.source-panel{margin-top:var(--s4);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.source-panel summary{cursor:pointer;padding:var(--s3) 0;font-weight:500;min-height:48px}.sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);padding-bottom:var(--s4)}[data-columns="2"] .sources{grid-template-columns:repeat(2,minmax(0,1fr))}[data-columns="4"] .sources{grid-template-columns:repeat(4,minmax(0,1fr))}.source-item{min-width:0;overflow-wrap:anywhere}.source-item h2{font-size:var(--body);margin:0 0 var(--s1);font-weight:var(--weight)}.source-item p{margin:0 0 var(--s1);font-size:var(--small);color:var(--secondary)}.source-item a{display:block;margin:var(--s1) 0;font-size:var(--small)}.source-warning{color:var(--warn)!important}.footer{margin-top:var(--s4);font-size:var(--label);color:var(--muted)}.directory{margin-top:var(--s4);border-top:1px solid var(--border)}.report-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 140px auto;align-items:center;gap:var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--border)}.report-title{font-size:18px;font-weight:500;color:var(--text)}.report-meta{font-size:var(--small);color:var(--muted);margin-top:var(--s0)}.report-actions{display:flex;gap:var(--s2);align-items:center}.open-button{display:inline-flex;min-height:40px;padding:var(--s1) var(--s2);align-items:center;color:var(--text);border:1px solid var(--strong);border-radius:var(--r);background:var(--surface)}.toast{position:fixed;right:var(--s4);bottom:var(--s4);max-width:calc(100vw - 32px);padding:var(--s2) var(--s3);border-radius:var(--r);background:var(--primary);color:var(--contrast);font-size:var(--small);z-index:10}.toast[hidden]{display:none}
.report-actions{flex-wrap:wrap}
.price-value{display:block;font-size:16px;font-weight:var(--weight);line-height:1.4}.price-note{display:block;font-size:var(--label);color:var(--muted);margin-top:var(--s0)}
:root{--surface-3:#f2f2f2;--floating:0 16px 40px rgba(0,0,0,.14);--micro:2px;--control-gap:6px}
[data-theme=dark]{--surface-3:#1f1f1f;--floating:0 16px 40px rgba(0,0,0,.32)}
.iconbtn,.iconbtn[aria-pressed=true]{width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--r);color:var(--secondary);background:var(--surface)}
.iconbtn:hover{background:var(--surface-2);border-color:var(--strong);color:var(--text)}
.iconbtn svg{display:block;width:16px;height:16px}.theme-toggle__moon{display:none}[data-theme=dark] .theme-toggle__sun{display:none}[data-theme=dark] .theme-toggle__moon{display:inline-flex}
select.select-native-hidden{position:absolute;width:1px;height:1px;min-height:1px;padding:0;border:0;opacity:0;pointer-events:none;appearance:none}
.select-popover-field{position:relative;min-width:0}.form-select-control{width:100%;height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:0 var(--s2);border:1px solid var(--strong);border-radius:var(--r);color:var(--text);background:var(--surface);text-align:left;font-size:var(--small)}
.form-select-control:hover{background:var(--surface)}.form-select-control .select-value{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-select-control svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.form-select-control[aria-expanded=true]{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 22%,transparent)}
.select-popover{position:fixed;inset:auto;margin:0;z-index:60;display:grid;gap:var(--micro);max-height:min(360px,52vh);overflow:auto;overscroll-behavior:contain;padding:var(--s1);border:1px solid var(--strong);border-radius:var(--r-lg);color:var(--text);background:var(--surface);box-shadow:var(--floating)}
.select-popover[hidden]{display:none}.select-popover.is-measuring{visibility:hidden}.select-popover button{min-height:34px;width:100%;border:0;border-radius:var(--r);padding:var(--control-gap) var(--s1);color:var(--secondary);background:transparent;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:var(--small);line-height:1.5}.select-popover button:hover:not(:disabled),.select-popover button.is-active{color:var(--text);background:var(--surface-3)}.select-popover button:disabled{color:var(--disabled);cursor:default}.select-popover button:focus-visible{outline-offset:-2px}
@media(max-width:920px){.select-popover button{min-height:40px}}
@media(max-width:1180px){.report-row{grid-template-columns:minmax(0,1fr) 100px auto}.report-date{display:none}}
@media(max-width:920px){:root{--gutter:16px}.count-control{display:none}.mobile-count{display:inline;color:var(--muted);font-size:var(--small)}.comparison-row,[data-columns="2"] .comparison-row,[data-columns="4"] .comparison-row{grid-template-columns:repeat(2,minmax(0,1fr))}.criteria-label{display:none}.criterion{grid-column:1/-1;padding-bottom:var(--s1);background:var(--surface-2)}.value{border-top:0;padding-top:var(--s2)}.column{padding:var(--s3) var(--s2)}.column+.column{border-left:0}.column:nth-child(3){border-left:1px solid var(--border)}.product-name{font-size:16px}.sources,[data-columns="2"] .sources,[data-columns="4"] .sources{grid-template-columns:repeat(2,minmax(0,1fr))}.report-row{grid-template-columns:minmax(0,1fr) auto}.report-category{display:none}}
@media(max-width:460px){:root{--heading:22px}.topbar{min-height:64px}.top-actions a{max-width:100px;text-align:right}.toolbar{gap:var(--s1)}.toolbar-start{gap:var(--s2)}.column{padding:var(--s3) var(--s1)}.column select{padding-left:var(--s1);padding-right:var(--s1)}.photo{height:88px;flex-direction:column;gap:var(--s0)}.photo svg{width:24px;height:24px}.photo span{font-size:var(--label);text-align:center}.criterion,.value{padding-left:var(--s2);padding-right:var(--s2)}.value{font-size:var(--small)}.report-row{grid-template-columns:minmax(0,1fr);gap:var(--s2)}.report-title{font-size:16px}.sources{gap:var(--s3)}.source-item p{font-size:var(--label)}}