.metrics{--tile:color-mix(in srgb, var(--text) 8%, var(--surface));--tile-hover:color-mix(in srgb, var(--text) 15%, var(--surface));--bar:var(--outline)}.metrics .section__head{margin-bottom:24px}.metrics .mbar{position:sticky;top:calc(var(--qbar-top) + 8px);z-index:60;transition:top .2s ease;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-bottom:20px;padding:8px 8px 8px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--qbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sh-1)}.metrics .mbar__group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.metrics .mbar__label{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap}.metrics .mbar__end{display:flex;align-items:center;gap:12px;margin-left:auto}.metrics .mbar__reset svg{width:14px;height:14px}.metrics .seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2)}.metrics .seg__btn{min-height:34px;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;line-height:1.2;color:var(--text-2);white-space:nowrap;transition:color .15s ease,background-color .15s ease}.metrics .seg__btn:hover{color:var(--text);background:var(--raise-2)}.metrics .seg__btn[aria-checked="true"]{color:var(--bg);background:var(--text)}.metrics .seg__btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.metrics .ck{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);user-select:none}.metrics .ck input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.metrics .ck__box{display:grid;place-items:center;width:20px;height:20px;flex:none;border:1.5px solid var(--outline);border-radius:5px;background:var(--surface);transition:background-color .15s ease,border-color .15s ease}.metrics .ck__box svg{width:14px;height:14px;color:var(--bg);opacity:0}.metrics .ck:hover{color:var(--text)}.metrics .ck:hover .ck__box{border-color:var(--text)}.metrics .ck input:checked+.ck__box{background:var(--text);border-color:var(--text)}.metrics .ck input:checked+.ck__box svg{opacity:1}.metrics .ck input:checked~span:last-child{color:var(--text);font-weight:500}.metrics .ck input:focus-visible+.ck__box{outline:2px solid var(--text);outline-offset:2px}.metrics .mblocks{display:flex;flex-direction:column;gap:24px}.metrics .mblock{min-width:0;scroll-margin-top:84px;padding:22px 24px 20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-0),var(--sh-hair)}.metrics .mblock__head{margin-bottom:16px}.metrics .mblock__title{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;color:var(--text);letter-spacing:-.01em}.metrics .mblock__sub{margin-top:6px;max-width:100ch;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2)}.metrics .mblock__sub b{color:var(--text);font-weight:600}.metrics .tool{display:grid;grid-template-columns:minmax(0,1fr) 316px;grid-template-areas:"list pick" "list ladder";grid-template-rows:auto 1fr;gap:20px 32px}.metrics .tool__list{grid-area:list;min-width:0}.metrics .tool__pick{grid-area:pick;min-width:0}.metrics .tool__ladder{grid-area:ladder;min-width:0;align-self:start}.metrics .rows__head,.metrics .row{display:grid;grid-template-columns:22px minmax(130px,176px) minmax(0,1fr) 78px 84px;grid-template-areas:"rank name bar price free";align-items:center;column-gap:12px}.metrics .rows__head{padding:0 8px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.metrics .rows__h{font-size:var(--fs-xs);line-height:1.3;color:var(--muted);white-space:nowrap}.metrics .rows__h--rank{text-align:right}.metrics .rows__h--num{text-align:right}.metrics .rows__h--bar{display:block}.metrics .rows__ticks{position:relative;display:block;height:17px;margin-right:40px;font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.metrics .rows__ticks i{position:absolute;top:0;font-style:normal;transform:translateX(-50%)}.metrics .rows__ticks i:nth-child(1){left:0;transform:none;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--muted)}.metrics .rows__ticks i:nth-child(2){left:50%}.metrics .rows__ticks i:nth-child(3){left:100%;transform:translateX(-100%)}.metrics .rows__mhead{display:none}.metrics .rows{display:flex;flex-direction:column}.metrics .row{min-height:24px;padding:0 8px;border-radius:6px;color:var(--text-2);transition:background-color .12s ease}.metrics .row:hover,.metrics .row:focus-visible{background:var(--raise-2)}.metrics .row:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.metrics .row__rank{grid-area:rank;text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted-2)}.metrics .row__name{grid-area:name;display:flex;align-items:center;gap:8px;min-width:0}.metrics .row__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--text);font-weight:500}.metrics .row__bar{grid-area:bar;display:flex;align-items:center;gap:8px;min-width:0}.metrics .row__track{position:relative;flex:1;height:10px;border-radius:0 4px 4px 0;background:var(--surface-3)}.metrics .row__track i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);border-radius:0 4px 4px 0;background:var(--bar)}.metrics .row__val{flex:none;width:32px;text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);font-variant-numeric:tabular-nums}.metrics .row__price,.metrics .row__free{text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.metrics .row__price{grid-area:price}.metrics .row__free{grid-area:free}.metrics .row__free--none{color:var(--muted-2)}.metrics .row__fm{display:none;font-family:var(--font-body);color:var(--text-2)}.metrics .row__fl{display:block;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--muted);line-height:1.25}.metrics .row.is-low .row__track i{opacity:.45}.metrics .row.is-pick .row__nm{font-weight:600}.metrics .row.is-pick .row__track i{background:var(--marker)}:root[data-theme="light"] .metrics .row.is-pick .row__track i{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .rows__more{display:none}.metrics .rows__foot{margin-top:10px;padding:0 8px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .linkbtn{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.metrics .linkbtn:hover{text-decoration-color:var(--text)}.metrics .lg{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--logo-plate);border:1px solid var(--border);font-family:var(--font-head);font-weight:700;font-size:11px;color:var(--ink)}.metrics .lg img{width:70%;height:70%;object-fit:contain}.metrics .lg--lg{width:36px;height:36px;font-size:16px}.metrics .pick{padding:16px 16px 14px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface-2)}.metrics .pick__kicker{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .pick__main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.metrics .pick__name{display:flex;align-items:center;gap:10px;min-width:0;font-size:20px;line-height:1.2;font-weight:600;color:var(--text)}.metrics .pick__name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics .pick__name:hover span:last-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.metrics .pick__score{display:flex;align-items:baseline;gap:6px;flex:none}.metrics .pick__num{font-family:var(--font-mono);font-size:36px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--text)}.metrics .pick__of{font-size:var(--fs-sm);color:var(--muted)}.metrics .pick__bar{position:relative;height:10px;margin-top:10px;border-radius:0 4px 4px 0;background:var(--surface-3)}.metrics .pick__bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);border-radius:0 4px 4px 0;background:var(--marker)}:root[data-theme="light"] .metrics .pick__bar i{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .pick.is-low .pick__bar i{opacity:.45}.metrics .pick__meta{margin-top:10px;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2)}.metrics .pick__warn{margin-top:6px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .pick__up{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.metrics .pick__up-title{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted);margin-bottom:6px}.metrics .up{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;column-gap:10px;padding:3px 0}.metrics .up__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);color:var(--text);font-weight:500}.metrics .up__nm:hover{text-decoration:underline;text-underline-offset:3px}.metrics .up__price,.metrics .up__fp{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}.metrics .up__fp b{color:var(--text);font-weight:600}.metrics .pick__empty{font-size:var(--fs-sm);color:var(--text-2)}.metrics .ladder__title{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.metrics .ladder__sub{margin-top:2px;margin-bottom:8px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .lrow{display:grid;grid-template-columns:52px minmax(0,1fr) 60px 26px;align-items:center;column-gap:10px;width:100%;min-height:28px;padding:0 8px;border-radius:6px;text-align:left;transition:background-color .12s ease}.metrics .lrow:hover{background:var(--raise-2)}.metrics .lrow:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.metrics .lrow__k{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap}.metrics .lrow__nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs);color:var(--text-2)}.metrics .lrow__bar{position:relative;height:8px;border-radius:0 4px 4px 0;background:var(--surface-3)}.metrics .lrow__bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);border-radius:0 4px 4px 0;background:var(--bar)}.metrics .lrow__v{text-align:right;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text)}.metrics .lrow[aria-pressed="true"]{background:var(--raise-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.metrics .lrow[aria-pressed="true"] .lrow__k,.metrics .lrow[aria-pressed="true"] .lrow__nm{color:var(--text);font-weight:600}.metrics .lrow[aria-pressed="true"] .lrow__bar i{background:var(--marker)}:root[data-theme="light"] .metrics .lrow[aria-pressed="true"] .lrow__bar i{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .lrow--none .lrow__nm{color:var(--muted)}.metrics .ladder__note{margin-top:10px;padding:0 8px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .ladder__note b{color:var(--text-2);font-weight:600}.metrics .tool__legend{margin-top:10px;padding:10px 8px 0;border-top:1px solid var(--border);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .tool__legend span{display:flex;align-items:baseline;gap:8px}.metrics .tool__legend i{transform:translateY(-1px)}.metrics .tool__legend i{flex:none;width:22px;height:8px;border-radius:0 4px 4px 0;background:var(--bar)}.metrics .tool__legend i.is-low{opacity:.45}.metrics .tool__legend i.is-pick{background:var(--marker)}:root[data-theme="light"] .metrics .tool__legend i.is-pick{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .hist{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));column-gap:12px;align-items:stretch}.metrics .hcol{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.metrics .hcol__n{margin-bottom:6px;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--text);text-align:center}.metrics .hcol__n small{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:400;color:var(--muted);white-space:nowrap}.metrics .hcol__mbar{display:none}.metrics .hcol__stack{display:flex;flex-direction:column-reverse;gap:2px}.metrics .hcol__k{margin-top:0;padding-top:8px;border-top:1px solid var(--border-strong);font-size:var(--fs-xs);line-height:1.3;color:var(--text-2);text-align:center;white-space:nowrap}.metrics .hcol--empty .hcol__k{color:var(--muted)}.metrics .tile{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:26px;padding:0 8px;border-radius:4px;background:var(--tile);color:var(--text);font-size:var(--fs-xs);line-height:1.2;transition:background-color .12s ease,box-shadow .12s ease}.metrics .tile:hover{background:var(--tile-hover)}.metrics .tile:focus-visible{outline:2px solid var(--text);outline-offset:1px}.metrics .tile__nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics .tile__v{flex:none;font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}@media (min-width:769px) and (max-width:1200px){.metrics .tile{padding:0 6px;gap:4px}.metrics .tile__eur{display:none}}.metrics .tile.is-out{background:#fff0;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--muted)}.metrics .tile.is-out:hover{box-shadow:inset 0 0 0 1px var(--outline);color:var(--text-2)}.metrics .tile.is-pick{background:var(--marker);color:var(--on-marker);font-weight:600}.metrics .tile.is-pick .tile__v{color:var(--on-marker)}:root[data-theme="light"] .metrics .tile.is-pick{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .hcol.is-edge::after{content:"";position:absolute;top:0;bottom:0;right:-7px;width:2px;border-radius:1px;background:var(--text)}.metrics .hcol__edge{position:absolute;top:0;right:-1px;z-index:1;padding:2px 8px;border-radius:6px 0 0 6px;background:var(--text);color:var(--bg);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.metrics .hist__axis{margin-top:6px;font-size:var(--fs-xs);color:var(--muted);text-align:center}.metrics .hlegend{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .hlegend:empty{display:none}.metrics .hlegend span{display:inline-flex;align-items:center;gap:8px}.metrics .hlegend i{display:inline-block;width:18px;height:12px;border-radius:3px;background:var(--tile)}.metrics .hlegend i.is-out{background:#fff0;box-shadow:inset 0 0 0 1px var(--border-strong)}.metrics .hlegend i.is-pick{background:var(--marker)}:root[data-theme="light"] .metrics .hlegend i.is-pick{box-shadow:inset 0 0 0 1px var(--ink)}.metrics .hlegend .mono{color:var(--text-2)}.mtip{position:fixed;z-index:400;left:0;top:0;max-width:min(300px, calc(100vw - 16px));padding:10px 12px;border-radius:var(--r-sm);background:var(--tooltip-bg);color:var(--tooltip-fg);font-family:var(--font-body);font-size:var(--fs-xs);line-height:1.45;box-shadow:var(--sh-1);pointer-events:none}.mtip[hidden]{display:none}.mtip__title{font-weight:600;font-size:var(--fs-sm);margin-bottom:4px}.mtip__rows{display:grid;grid-template-columns:auto auto;column-gap:12px;row-gap:1px}.mtip__rows dt{color:var(--tooltip-muted)}.mtip__rows dd{font-weight:600;text-align:right}.mtip__note{margin-top:6px;color:var(--tooltip-muted)}@media (max-width:1100px){.metrics .tool{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:900px){.metrics .tool{grid-template-columns:minmax(0,1fr);grid-template-areas:"pick" "ladder" "list";grid-template-rows:auto}}@media (max-width:768px){.metrics .mblock{padding:18px 16px 16px}.metrics .mbar{gap:6px 12px;padding:6px 6px 4px 6px}.metrics .mbar__label{display:none}.metrics .mbar__group{width:100%}.metrics .ck{padding-left:6px}.metrics .seg{width:100%}.metrics .seg__btn{flex:1;padding:6px 4px;font-size:13px}.metrics .hist{display:flex;flex-direction:column;gap:14px}.metrics .hcol{display:grid;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"k b n" "s s s";align-items:center;column-gap:10px;row-gap:6px}.metrics .hcol__k{grid-area:k;padding-top:0;border-top:0;text-align:left;font-weight:600;color:var(--text)}.metrics .hcol__n{grid-area:n;margin:0;font-size:var(--fs-xs);text-align:right}.metrics .hcol__mbar{grid-area:b;display:block;height:8px}.metrics .hcol__mbar i{display:block;height:100%;width:calc(var(--p) * 100%);min-width:2px;border-radius:0 4px 4px 0;background:var(--bar)}.metrics .hcol__stack{grid-area:s;flex-direction:row;flex-wrap:wrap;gap:4px}.metrics .hcol--empty .hcol__stack{display:none}.metrics .tile{min-height:28px}.metrics .hcol.is-edge::after{display:none}.metrics .hcol__edge{display:none}.metrics .hist__axis{display:none}}@media (max-width:640px){.metrics .rows__head{display:none}.metrics .rows__mhead{display:block;margin-bottom:6px;padding:0 8px;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--muted)}.metrics .row{grid-template-columns:18px minmax(0,1fr) auto auto;grid-template-areas:"rank name price free" ". bar bar bar";row-gap:4px;column-gap:8px;padding:6px 8px}.metrics .rows.is-clamped .row:nth-child(n+11){display:none}.metrics .rows__more:not([hidden]){display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:8px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;color:var(--text)}.metrics .rows__more:hover{background:var(--raise-2)}.metrics .rows__more:focus-visible{outline:2px solid var(--text);outline-offset:2px}.metrics .row__fv{display:none}.metrics .row__fm{display:inline}.metrics .row__free::before{content:"·";margin-right:6px;color:var(--muted-2)}.metrics .row__free--none .row__fm{color:var(--muted)}}@media (max-width:375px){.metrics .row{padding:6px 4px;column-gap:6px}.metrics .row__free::before{margin-right:4px}.metrics .seg__btn{font-size:13px;padding:6px 2px}}@media (prefers-reduced-motion:reduce){.metrics .row,.metrics .tile,.metrics .lrow,.metrics .seg__btn,.metrics .ck__box{transition:none}}.metrics .mbar__mark{display:flex;align-items:center;gap:12px}.metrics .mbar__mark .cselect{min-width:180px}.metrics .mbar__status{flex:1 0 100%;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-2);padding:0 0 4px}.metrics .mbar__status[hidden]{display:none}.metrics .mbar__status b{color:var(--text);font-weight:600}.metrics .mbar__status .mono{color:var(--text)}.metrics .row.is-mark{background:var(--raise-2);box-shadow:inset 0 0 0 1.5px var(--text)}.metrics .row.is-mark .row__nm{font-weight:600}.metrics .tile.is-mark{box-shadow:inset 0 0 0 2px var(--text);font-weight:600;color:var(--text)}.metrics .tile.is-mark.is-pick{color:var(--on-marker)}.metrics .lrow.is-mark{box-shadow:inset 0 0 0 1.5px var(--text)}.metrics .hlegend i.is-mark{background:#fff0;box-shadow:inset 0 0 0 2px var(--text)}@media (max-width:768px){.metrics .ck{order:1}.metrics .mbar__end{order:2}.metrics .mbar__mark{order:3;width:100%}.metrics .mbar__status{order:4}.metrics .mbar__mark>div{flex:1;min-width:0}.metrics .mbar__mark .cselect{width:100%;min-width:0}.metrics .mbar__mark-label{display:block}}@media (max-width:640px){.metrics .mbar{position:static}}:root[data-theme="light"] .metrics .tile.is-mark,:root[data-theme="light"] .metrics .tile.is-mark.is-pick{box-shadow:inset 0 0 0 2px var(--text)}