.ist__body{gap:var(--space-5);flex:1;grid-template-rows:1fr;padding-block-start:var(--space-4)}.ist__dial{align-self:center;inline-size:100%;max-inline-size:24rem;margin-inline:auto;display:grid}.ist__dial>*{grid-area:1/1}.ist__gauge{block-size:auto;inline-size:100%;display:block;overflow:visible}.ist__track,.ist__arc{fill:none;stroke-width:6px}.ist__track{stroke:var(--sheet-rule)}.ist__arc{stroke:var(--accent);stroke-dasharray:100 100;stroke-dashoffset:100px;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ist__ticks{fill:none;stroke:var(--line-strong);stroke-width:1px}.ist__ticks--major{stroke:var(--ink-3);stroke-width:1.5px}.ist__scale{fill:var(--ink-2);font-family:"Literata Variable", var(--font-display);text-anchor:middle;dominant-baseline:central;font-size:9px;font-weight:500}.ist__needle{transform-box:view-box;transform-origin:120px 120px;transition:transform var(--duration-slow) var(--ease-out);transform:rotate(-120deg)}.ist__needle-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:2.5px}.ist__hub{fill:var(--sheet)}.ist__rivet{fill:var(--ink)}.ist__readout{align-self:end;justify-items:center;gap:var(--space-1);text-align:center;display:grid}.ist__readout-label{min-block-size:1lh;color:var(--ink-2);font-size:var(--text-xs);font-weight:600}.ist__readout-figure{justify-content:center;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ist__readout-value{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:500;line-height:1}.ist__readout-value[data-empty]{color:var(--ink-3)}.ist__readout-unit{color:var(--ink-2);font-size:var(--text-sm)}.ist__progress{margin-block-start:calc(-1 * var(--space-2))}.ist__phases{border-block-start:1px solid var(--sheet-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ist__phase{align-content:start;gap:var(--space-1);padding:var(--space-3) var(--space-2) 0;display:grid;position:relative}.ist__phase+.ist__phase{border-inline-start:1px solid var(--sheet-rule);padding-inline-start:var(--space-3)}.ist__phase:before{content:"";background:var(--accent);block-size:2px;transition:transform var(--duration) var(--ease-out);position:absolute;inset-block-start:-1px;inset-inline:0;transform:scaleX(0)}.ist__phase[data-state=active]:before{transform:scaleX(1)}.ist__phase-name{align-items:center;gap:var(--space-1);color:var(--ink-2);font-size:var(--text-sm);font-weight:600;display:inline-flex}.ist__phase-name .icon{block-size:1rem;inline-size:1rem;color:var(--ink-3);flex:none;display:none}@media (min-width:40rem){.ist__phase-name .icon{display:block}}[data-state=active] .ist__phase-name,[data-state=active] .ist__phase-name .icon{color:var(--accent)}.ist__phase-figure{align-items:baseline;gap:0 var(--space-1);flex-wrap:wrap;display:flex}.ist__phase-value{color:var(--ink);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:600}[data-state=pending] .ist__phase-value{color:var(--ink-3);font-weight:500}.ist__phase-unit,.ist__phase-extra{color:var(--ink-2);font-size:var(--text-xs)}.ist__phase-extra b{font-family:"Literata Variable", var(--font-sans);font-weight:600}.ist__status{min-block-size:1lh}.ist__side-body{gap:var(--space-4)}.ist__hint{color:var(--ink-2);font-size:var(--text-sm)}.ist__uses{border-block-start:1px solid var(--sheet-rule);margin:0;padding:0;list-style:none}.ist__use{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--sheet-rule);display:flex}.ist__use-text{gap:.125rem;min-inline-size:0;display:grid}.ist__use-name{font-size:.875rem;font-weight:600}.ist__use-need{color:var(--ink-3);font-size:var(--text-sm)}.ist__verdict{align-items:center;gap:var(--space-1);font-size:var(--text-sm);white-space:nowrap;flex:none;font-weight:600;display:none}.ist__verdict-icon{block-size:1rem;inline-size:1rem;display:none}.ist__use[data-verdict] .ist__verdict{transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);display:inline-flex}@starting-style{.ist__use[data-verdict] .ist__verdict{opacity:0;transform:translateY(4px)}}.ist__use:nth-child(2) .ist__verdict{transition-delay:50ms}.ist__use:nth-child(3) .ist__verdict{transition-delay:.1s}.ist__use:nth-child(4) .ist__verdict{transition-delay:.15s}.ist__use[data-verdict=ok] .ist__verdict{color:var(--accent)}.ist__use[data-verdict=low] .ist__verdict{color:var(--ink-2)}.ist__use[data-verdict=ok] .ist__verdict-icon--ok,.ist__use[data-verdict=low] .ist__verdict-icon--low{display:block}.ist__server{align-items:flex-start;gap:var(--space-2);color:var(--ink-2);font-size:var(--text-sm);display:flex}.ist__server .icon{block-size:1rem;inline-size:1rem;color:var(--ink-3);flex:none;margin-block-start:.125rem}.ist__tips{gap:var(--space-2);display:grid}.ist__tips-title{font-size:var(--text-sm);font-weight:650}.ist__tips-list{gap:var(--space-1);color:var(--ink-2);font-size:var(--text-sm);margin:0;padding-inline-start:var(--space-5);list-style:outside;display:grid}.ist__tips-list li::marker{color:var(--ink-3)}
