@layer components{.xpc{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--bg-1);margin-block:1.6em 2.2em;padding:20px;font-size:1rem;line-height:1.55}@media (min-width:640px){.xpc{padding:28px}}.xpc>form>*+*{margin-top:24px}.xpc-fields{gap:20px 24px;display:grid}@media (min-width:560px){.xpc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.xpc-field{flex-direction:column;gap:8px;min-width:0;display:flex}.xpc-label{color:var(--fg);font-weight:500;line-height:1.4}.xpc-sym{white-space:nowrap;font-style:italic}.xpc-sym sub,.xpc-working sub{vertical-align:-.28em;font-size:.72em;font-style:normal;line-height:0}.xpc-working sup{vertical-align:.5em;font-size:.72em;line-height:0}.xpc-input{border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--bg-1);align-items:stretch;height:48px;transition:border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.xpc-input:hover{border-color:var(--fg-muted)}.xpc-input:focus-within{border-color:var(--beam-1);box-shadow:0 0 0 3px color-mix(in oklab, var(--beam-1) 18%, transparent)}.xpc-field[data-invalid] .xpc-input{border-color:#b42318;box-shadow:0 0 0 3px #b4231824;box-shadow:0 0 0 3px lab(40.271% 56.7392 45.0102/.14)}.xpc-input input{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--fg);background:0 0;border:0;outline:none;flex:1;padding:0 12px;font-size:16px}.xpc-input__unit{border-left:1px solid var(--line);border-radius:0 var(--radius-btn) var(--radius-btn) 0;background:var(--bg-2);white-space:nowrap;min-width:3.25rem;color:var(--fg);justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;display:flex}.xpc-note{color:var(--fg-muted);font-size:.875rem;line-height:1.5}.xpc-error{color:#b42318;font-size:.875rem;font-weight:500}.xpc-error--cross{border-radius:var(--radius-btn);background:color-mix(in oklab, #b42318 6%, var(--bg-1));border:1px solid #b4231873;border:1px solid lab(40.271% 56.7392 45.0102/.45);padding:10px 14px}.xpc-stale{color:var(--fg-muted);font-size:.875rem}.xpc-toggle{border:0;min-width:0;margin:0;padding:0}.xpc-toggle legend{color:var(--fg);margin-bottom:8px;font-weight:500}.xpc-toggle__opts{flex-wrap:wrap;gap:8px;display:flex}.xpc-toggle__opt{border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--bg-1);cursor:pointer;min-height:44px;color:var(--fg);align-items:center;padding:0 16px;transition:border-color .15s ease-out,background-color .15s ease-out;display:inline-flex;position:relative}.xpc-toggle__opt:hover{border-color:var(--fg-muted)}.xpc-toggle__opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.xpc-toggle__opt:has(input:checked){border-color:var(--beam-1);background:color-mix(in oklab, var(--beam-1) 10%, var(--bg-1));font-weight:600}.xpc-toggle__opt:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in oklab, var(--beam-1) 30%, transparent)}.xpc-readout{border-radius:var(--radius-card);background:#15324f;border:1px solid #0f263d;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid;overflow:hidden}.xpc-readout>div{border-top:1px solid #2a4a6b;border-left:1px solid #2a4a6b;margin:-1px 0 0 -1px;padding:15px 16px 16px 17px}.xpc-readout dt{color:#c9d9ea;font-size:.9375rem;line-height:1.35}.xpc-readout dd{flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:8px;display:flex}.xpc-readout__value{font-family:var(--font-heading);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;font-size:1.625rem;font-weight:600;line-height:1.1}.xpc-readout__unit{white-space:nowrap;color:#c9d9ea;font-size:.9375rem}.xpc-readout[data-stale] .xpc-readout__value{opacity:.7}.xpc-verdict{border-left:2px solid var(--beam-1);color:var(--fg);padding-left:14px}.xpc-working{font-variant-numeric:tabular-nums;color:var(--fg);font-size:.9375rem}.xpc-working p+p{margin-top:4px}.xpc-fig{margin:0}.xpc-fig figcaption,.xpc-legend{color:var(--fg-muted);margin-top:10px;font-size:.9375rem;line-height:1.55}.xpc-fig svg{width:100%;display:block;overflow:visible}.xpc-fig [vector-effect],.xpc-fig line,.xpc-fig path,.xpc-fig rect,.xpc-fig polyline{vector-effect:non-scaling-stroke}.xpc-bandfig{padding:4px 0 0;position:relative}.xpc-lane{height:1.5rem;position:relative}.xpc-lane__label,.xpc-axis__ticks span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8125rem;line-height:1.4;position:absolute;top:0;transform:translate(-50%)}.xpc-lane__label{font-weight:600}.xpc-lane__label[data-align=start],.xpc-axis__ticks span[data-align=start]{transform:translate(-4px)}.xpc-lane__label[data-align=end],.xpc-axis__ticks span[data-align=end]{transform:translate(calc(4px - 100%))}.xpc-bandfig__rows{padding-top:4px;position:relative}.xpc-band+.xpc-band{margin-top:10px}.xpc-band__label{color:var(--fg);margin-bottom:4px;font-size:.875rem;line-height:1.35;display:block}.xpc-band__track{height:20px}.xpc-band__base,.xpc-axis__line{stroke:var(--line-strong);stroke-width:1px}.xpc-band__bar{stroke-width:1.5px}.xpc-bandfig__overlay{pointer-events:none;height:100%;position:absolute;inset:0}.xpc-marker{stroke-width:1.75px}.xpc-axis{margin-top:8px}.xpc-axis svg{height:8px}.xpc-axis__ticks{height:1.35rem;color:var(--fg-muted);margin-top:2px;position:relative}.xpc-axis__title{text-align:center;color:var(--fg-muted);margin-top:2px;font-size:.8125rem;display:block}[data-tone=c1]{--xpc-tone:var(--chart-1)}[data-tone=c2]{--xpc-tone:var(--chart-2)}[data-tone=c3]{--xpc-tone:var(--chart-3)}[data-tone=c4]{--xpc-tone:var(--chart-4)}[data-tone=fg]{--xpc-tone:var(--fg)}.xpc-lane__label{color:var(--xpc-tone)}.xpc-marker{stroke:var(--xpc-tone)}.xpc-band__bar{stroke:var(--xpc-tone);fill:var(--xpc-tone)}.xpc-band__bar[data-fill=soft]{fill:color-mix(in oklab, var(--xpc-tone) 35%, transparent)}.xpc-band__bar[data-fill=outline]{fill:color-mix(in oklab, var(--xpc-tone) 8%, transparent);stroke-dasharray:5 3}.xpc-plot{position:relative}.xpc-plot__svg{height:200px}@media (min-width:640px){.xpc-plot__svg{height:240px}}.xpc-curve{fill:none;stroke:var(--chart-1);stroke-width:2px}.xpc-area{fill:color-mix(in oklab, var(--chart-1) 30%, transparent);stroke:none}.xpc-limit{stroke:var(--chart-2);stroke-width:2px}.xpc-typ{stroke:var(--fg);stroke-width:1.5px}.xpc-frame{fill:none;stroke:var(--line-strong);stroke-width:1px}.xpc-bars{gap:14px;display:grid}.xpc-bar__head{color:var(--fg);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:.9375rem;display:flex}.xpc-bar__value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.xpc-bar svg{height:18px;margin-top:6px}.xpc-bar__track{fill:var(--bg-2);stroke:var(--line)}.xpc-bar__fill{fill:var(--xpc-tone)}.xpc-slabs{position:relative}.xpc-fig .xpc-slabs svg *{vector-effect:none}.xpc-slabs svg{aspect-ratio:640/200;height:auto}.xpc-slab{fill:color-mix(in oklab, var(--chart-1) 16%, var(--bg-1));stroke:var(--chart-1);stroke-width:1.5px}.xpc-slab[data-kind=absorbing]{fill:color-mix(in oklab, var(--fg) 55%, var(--bg-1));stroke:var(--fg)}.xpc-beam{fill:none;stroke:var(--chart-2);stroke-linecap:round}.xpc-beam-head{fill:var(--chart-2)}.xpc-bounce{fill:none;stroke:var(--chart-2);stroke-width:1.5px;stroke-dasharray:5 4}.xpc-dump{fill:var(--fg)}.xpc-slabs__labels{height:2.6rem;position:relative}.xpc-slabs__labels>span{white-space:nowrap;color:var(--fg);flex-direction:column;align-items:center;font-size:.8125rem;font-weight:600;line-height:1.3;display:flex;position:absolute;top:0;transform:translate(-50%)}.xpc-slabs__sub{color:var(--fg-muted);font-weight:400}.xpc-key{color:var(--fg);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:.875rem;display:flex}.xpc-key span{align-items:center;gap:8px;display:inline-flex}.xpc-key i{border:1.5px solid var(--xpc-tone);background:color-mix(in oklab, var(--xpc-tone) 35%, transparent);width:18px;height:10px;display:inline-block}.xpc-key i[data-line]{background:0 0;border-width:2px 0 0;height:0}.xpc-key i[data-dash]{background:0 0;border-style:dashed;border-width:2px 0 0;height:0}.xpc-working .pd-formula__part{display:inline-block}.xpc-working .pd-formula__part+.pd-formula__part{margin-left:1.25em}}