.hpc-diff-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.hpc-diff-tier{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--accent-hover);background:color-mix(in oklch, var(--accent) 12%, transparent);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center;min-width:5rem}.hpc-diff-label{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--fg-strong);margin-top:var(--space-xs);letter-spacing:var(--tracking-tight)}.hpc-diff-sub{font-size:var(--text-xs);color:var(--fg-muted);line-height:var(--leading-normal);margin-top:var(--space-2xs)}.hpc-diff-bar{gap:var(--space-2xs);padding-top:var(--space-md);grid-template-columns:repeat(6,1fr);margin-top:auto;display:grid}.hpc-diff-bar i{background:var(--border);border-radius:var(--radius-2xs);height:4px;transition:background var(--dur-base);display:block}.hpc-diff-bar i.on{background:var(--accent)}.hpc-init .hpc-gauge-fill,.hpc-init .hpc-diff-bar i{transition:none!important}.hpc-gauge{gap:var(--space-xs);flex-direction:column;display:flex}.hpc-gauge-track{border-radius:var(--radius-pill);background:var(--bg-subtle);border:var(--border-w) solid var(--border);height:16px;position:relative;overflow:hidden}.hpc-gauge-fill{border-radius:var(--radius-pill);width:0%;transition:width .28s var(--ease-standard);background:linear-gradient(90deg,oklch(62% .16 145) 0%,oklch(65% .16 145) 25%,oklch(74% .15 75) 50%,oklch(65% .16 35) 75%,oklch(55% .18 25) 100%);position:absolute;inset:0}.hpc-gauge-marker{background:var(--fg-strong);pointer-events:none;width:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(-1px)}.hpc-gauge-marker:after{content:"";background:var(--fg-strong);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.hpc-gauge-marker[hidden]{display:none}.hpc-gauge-scale{height:1rem;font-size:var(--text-3xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums;position:relative}.hpc-gauge-scale span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.hpc-gauge-scale span:first-child{left:0;transform:none}.hpc-gauge-scale span:nth-child(2){left:40%}.hpc-gauge-scale span:nth-child(3){left:60%}.hpc-gauge-scale span:nth-child(4){left:80%}.hpc-gauge-scale span:nth-child(5){left:100%;transform:translate(-100%)}.hpc-config{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=880px){.hpc-config{grid-template-columns:repeat(3,1fr)}}.hpc-card{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);gap:var(--space-lg);flex-direction:column;padding:clamp(1rem,.85rem + .7vw,1.4rem);display:flex}.hpc-card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.hpc-card-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-tight);margin:0}.hpc-card-tag{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--accent-hover);padding:var(--space-3xs) var(--space-sm);background:color-mix(in oklch, var(--accent) 12%, transparent);border-radius:var(--radius-pill)}.hpc-field{gap:var(--space-xs);flex-direction:column;display:flex}.hpc-field-inline{gap:var(--space-2xs);margin-top:var(--space-sm)}.hpc-field label{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-muted)}.hpc-hint{font-size:var(--text-2xs);color:var(--fg-subtle);line-height:var(--leading-normal);margin:0}.hpc-card select,.hpc-card input[type=number]{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-w) solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg-strong);font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);min-height:44px}.hpc-card select:focus,.hpc-card input:focus{outline:var(--focus-ring-soft);outline-offset:var(--focus-ring-offset);border-color:var(--accent)}.hpc-sens-row{gap:var(--space-xs);display:flex}.hpc-sens-row input{flex:1}.hpc-sens-row select{flex:none;width:auto}.hpc-unit-row{align-items:center;display:flex;position:relative}.hpc-unit-row input{padding-right:var(--space-3xl)}.hpc-unit{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-subtle);pointer-events:none;position:absolute;right:.75rem}.hpc-pillset{border:none;margin:0;padding:0}.hpc-pillset legend{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-muted);margin-bottom:var(--space-sm);padding:0}.hpc-pillset+.hpc-pillset{margin-top:var(--space-lg)}.hpc-pills{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));display:grid}.hpc-pill{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg);cursor:pointer;text-align:start;min-height:56px;transition:var(--dur-micro);flex-direction:column;align-items:flex-start;display:flex}.hpc-pill:hover{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 4%, var(--bg-subtle))}.hpc-pill.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.hpc-pill-name{font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.hpc-pill-val{font-size:var(--text-3xs);color:var(--fg-muted);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.hpc-pill.active .hpc-pill-val{color:var(--accent-fg)}.hpc-share-btn{align-self:flex-start;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--fg-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:var(--dur-micro);margin-top:auto;display:inline-flex}.hpc-share-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--bg-subtle))}.hpc-share-btn.copied{color:oklch(52% .15 145);background:oklch(65% .16 145/.1);border-color:oklch(52% .15 145)}.hpc-rigs{margin-bottom:var(--space-lg)}.hpc-rigs-bar{align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:var(--border-w) dashed var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.hpc-rigs-label{align-items:center;gap:var(--space-xs);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-muted);flex:none;display:inline-flex}.hpc-rigs-label svg{color:var(--accent)}.hpc-rigs-empty{font-size:var(--text-xs);color:var(--fg-subtle);line-height:var(--leading-normal);flex:auto;margin:0}.hpc-rigs[data-empty=false] .hpc-rigs-empty{display:none}.hpc-rigs-chips{gap:var(--space-xs);flex-wrap:wrap;flex:auto;min-width:0;display:none}.hpc-rigs[data-empty=false] .hpc-rigs-chips{display:flex}.hpc-rig-chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-md);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--fg-strong);font-size:var(--text-2xs);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:var(--dur-micro);max-width:16rem;display:inline-flex}.hpc-rig-chip:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch, var(--accent) 6%, var(--bg-subtle))}.hpc-rig-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0;overflow:hidden}.hpc-rig-chip-meta{font-size:var(--text-3xs);font-weight:var(--weight-semibold);color:var(--fg-subtle);font-variant-numeric:tabular-nums}.hpc-rig-chip:hover .hpc-rig-chip-meta{color:inherit;opacity:.8}.hpc-rig-chip-act{width:24px;height:24px;color:var(--fg-subtle);cursor:pointer;transition:var(--dur-micro);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.hpc-rig-chip-act:hover{background:color-mix(in oklch, currentColor 14%, transparent);color:var(--fg-strong)}.hpc-rig-chip-act[data-act=del]:hover{color:oklch(55% .18 25)}.hpc-rig-chip.is-a{border-color:var(--accent);color:var(--accent)}.hpc-rig-add{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:var(--border-w) solid var(--accent);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-bold);cursor:pointer;min-height:44px;transition:filter var(--dur-micro);flex:none;margin-inline-start:auto;display:inline-flex}.hpc-rig-add:hover{filter:brightness(1.08)}.hpc-rig-add.saved{color:#fff;background:oklch(65% .16 145);border-color:oklch(65% .16 145)}.hpc-compare{background:radial-gradient(70% 50% at 100% 0%, color-mix(in oklch, var(--accent) 10%, transparent), transparent 60%), var(--bg-elevated);border:var(--border-w) solid var(--accent);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);animation:hpcCompareIn var(--dur-base) var(--ease-out);padding:clamp(1rem,.85rem + .6vw,1.4rem)}.hpc-compare[hidden]{display:none}@keyframes hpcCompareIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hpc-compare-head{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.hpc-compare-kicker{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--accent)}.hpc-compare-close{background:var(--bg-subtle);width:28px;height:28px;color:var(--fg-muted);border:var(--border-w) solid var(--border);cursor:pointer;transition:var(--dur-micro);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.hpc-compare-close:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hpc-compare-close:hover{color:var(--fg-strong);border-color:var(--accent)}.hpc-compare-grid{gap:var(--space-md);grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=720px){.hpc-compare-grid{gap:var(--space-lg);grid-template-columns:1fr auto 1fr}}.hpc-compare-col{gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.hpc-compare-col[data-side=a]{border-color:var(--accent)}.hpc-compare-tag{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-subtle)}.hpc-compare-col[data-side=a] .hpc-compare-tag{color:var(--accent)}.hpc-compare-name{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--fg-strong)}.hpc-compare-stats{margin:var(--space-2xs) 0 0;gap:var(--space-xs) var(--space-md);font-size:var(--text-xs);grid-template-columns:1fr auto;display:grid}.hpc-compare-stats dt{color:var(--fg-muted);margin:0}.hpc-compare-stats dd{color:var(--fg-strong);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:end;margin:0}.hpc-compare-stats dd.is-better{color:oklch(52% .15 145)}.hpc-compare-stats dd.is-worse{color:oklch(55% .18 25)}[data-theme=dark] .hpc-compare-stats dd.is-better{color:oklch(82% .16 145)}[data-theme=dark] .hpc-compare-stats dd.is-worse{color:oklch(78% .18 25)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hpc-compare-stats dd.is-better{color:oklch(82% .16 145)}:root:not([data-theme=light]) .hpc-compare-stats dd.is-worse{color:oklch(78% .18 25)}}.hpc-compare-vs{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:var(--tracking-caps-xs);padding:0 var(--space-xs);justify-content:center;align-items:center;display:flex}.hpc-compare-verdict{margin:var(--space-lg) 0 0;padding:var(--space-md) var(--space-lg);background:var(--bg-subtle);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--fg-strong)}.hpc-compare-verdict strong{color:var(--accent)}.hpc-compare-actions{margin-top:var(--space-md);text-align:end}.hpc-compare-load{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--bg-subtle);color:var(--fg-strong);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;transition:var(--dur-micro);display:inline-flex}.hpc-compare-load:hover{border-color:var(--accent);color:var(--accent)}.hpc-source-actions{gap:var(--space-xs);flex-wrap:wrap;margin-top:auto;display:flex}.hpc-source-actions .hpc-share-btn{margin-top:0}.hpc-chart-card{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);padding:clamp(1rem,.85rem + .7vw,1.5rem)}.hpc-chart-sub{margin:var(--space-md) 0 var(--space-lg);font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-body);max-width:var(--measure-text)}.hpc-chart-fig{background:var(--bg);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);margin:0;position:relative;overflow:hidden}#hpc-curve{width:100%;height:auto;display:block}.hpc-chart-legend{margin-top:var(--space-md);gap:var(--space-xs) var(--space-lg);font-size:var(--text-2xs);color:var(--fg-muted);flex-wrap:wrap;display:flex}.hpc-leg{align-items:center;gap:var(--space-xs);display:inline-flex}.hpc-leg-sw{border-radius:var(--radius-2xs);width:18px;height:3px;display:inline-block}.hpc-leg-sw-curve{background:var(--brand-orange)}.hpc-leg-sw-target{background:var(--accent);border:var(--border-w) dashed var(--accent);background:0 0;height:2px}.hpc-leg-sw-safe{border:var(--border-w) dashed oklch(65% .16 145);background:0 0;height:2px}.hpc-leg-sw-vmax{background:var(--fg-strong);border-radius:1px;width:3px;height:12px}.hpc-detail{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=880px){.hpc-detail{grid-template-columns:1.1fr 1fr}}.hpc-stats{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));display:grid}.hpc-stats .hpc-stat{padding:var(--space-md) var(--space-md);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);gap:var(--space-2xs);flex-direction:column;min-height:4rem;display:flex}.hpc-stats .hpc-stat-label{font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-subtle);line-height:var(--leading-snug)}.hpc-stats .hpc-stat-val{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);display:block}.hpc-math{background:0 0;border:0;border-radius:0;padding:0}.hpc-math summary{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-muted);padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);transition:var(--dur-micro);list-style:none;display:inline-flex}.hpc-math summary:hover{border-color:var(--accent);color:var(--accent)}.hpc-math summary::-webkit-details-marker{display:none}.hpc-math summary svg{transition:transform var(--dur-base)}.hpc-math[open]{background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg)}.hpc-math[open] summary{padding:var(--space-3xs) 0;color:var(--fg-strong);font-size:var(--text-base);font-weight:var(--weight-bold);background:0 0;border:0;border-radius:0}.hpc-math[open] summary:hover{color:var(--accent)}.hpc-math[open] summary svg{transform:rotate(90deg)}.hpc-math-steps{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-w) dashed var(--border);gap:var(--space-sm);flex-direction:column;display:flex}.hpc-math-steps .hpc-math-step{align-items:baseline;gap:var(--space-md);font-size:var(--text-xs);line-height:var(--leading-normal);grid-template-columns:1fr auto;display:grid}.hpc-math-steps .hpc-math-step:not(:first-child){border-top:var(--border-w) solid color-mix(in oklch, var(--border) 60%, transparent);padding-top:var(--space-sm)}.hpc-math-steps .ms-label{color:var(--fg-muted)}.hpc-math-steps .ms-formula{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--accent)}.hpc-math-steps .ms-val{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--fg-strong);font-variant-numeric:tabular-nums}.hpc-math-steps .hpc-math-step.ms-major .ms-val{color:var(--accent);font-size:var(--text-md)}.hp-recs{margin-bottom:var(--space-3xl);padding:var(--space-lg) var(--space-xl);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md)}.hp-recs[hidden]{display:none}.hp-recs-title{margin:0 0 var(--space-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--fg-strong);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.hp-recs-list{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.hp-recs-list a{align-items:baseline;column-gap:var(--space-sm);padding:var(--space-md) var(--space-md);background:var(--bg-subtle);border:var(--border-w) solid var(--border);border-radius:var(--radius-sm);color:var(--fg-strong);transition:border-color var(--dur-fast), transform var(--dur-fast);grid-template-columns:auto 1fr;text-decoration:none;display:grid}.hp-recs-list a:hover{border-color:var(--accent);transform:translateY(var(--lift-xs))}.hp-rec-score{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--accent);font-size:var(--text-lg);line-height:var(--leading-none);font-variant-numeric:tabular-nums}.hp-rec-name{font-weight:var(--weight-bold);font-size:var(--text-base);line-height:var(--leading-snug)}.hp-rec-brand{font-size:var(--text-3xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps-sm);color:var(--fg-subtle);margin-bottom:var(--space-3xs);display:block}.hp-rec-meta{font-size:var(--text-2xs);color:var(--fg-muted);margin-top:var(--space-3xs);grid-column:2}.hp-recs-foot{margin:var(--space-md) 0 0;font-size:var(--text-xs)}.hp-recs-foot a{color:var(--accent);font-weight:var(--weight-semibold)}