.ph-solver{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,22px);display:grid}.ph-list{scrollbar-width:thin;gap:12px;max-height:calc(100dvh - 100px);padding-right:4px;display:grid;position:sticky;top:84px;overflow-y:auto}.ph-list h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:4px 0 6px;font-size:.6rem}.ph-list button{border-radius:var(--r-sm);width:100%;color:var(--paper);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:1px;padding:7px 10px;display:grid}.ph-list button:hover{background:#ffffff0a}.ph-list button[aria-pressed=true]{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}.ph-list b{font-size:.82rem;font-weight:600}.ph-list span{font-family:var(--font-mono);color:var(--faint);font-size:.68rem}.ph-name{margin:0;font-size:1.4rem}.ph-display{border-radius:var(--r-md);text-align:center;background:#7c5cff1a;border:1px solid #7c5cff4d;margin:12px 0;padding:14px 18px;font-family:Georgia,serif;font-size:clamp(1.3rem,2.6vw,1.8rem);font-style:italic}.ph-label{color:var(--muted);margin:16px 0 8px;font-size:.74rem}.ph-inputs{gap:8px;margin-top:16px;display:grid}.ph-var{border-radius:var(--r-sm);background:#0000002e;grid-template-columns:minmax(140px,1fr) minmax(0,1.4fr) 110px;align-items:center;gap:10px;padding:8px 10px;display:grid}.ph-var.is-unknown{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.35)}.ph-var label{color:var(--muted);font-size:.84rem}.ph-output{font-family:var(--font-mono);color:var(--paper);font-size:1rem;font-weight:600}.ph-unit{font-family:var(--font-mono);color:var(--faint);padding-left:6px;font-size:.8rem}.ph-answer{border-radius:var(--r-md);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.35);gap:2px;margin-top:16px;padding:14px 16px;display:grid}.ph-answer span{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.7rem}.ph-answer b{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem)}.ph-answer small{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}.ph-two{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,22px);display:grid}.ph-stage{border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(#0f1420,#0d0c0a)}.ph-stage svg{width:100%;height:auto;font-family:var(--font-mono);display:block}.ph-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.ph-stats div{border-radius:var(--r-sm);background:#00000040;gap:2px;padding:10px 12px;display:grid}.ph-stats span{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.62rem}.ph-stats b{font-family:var(--font-mono);font-size:1.05rem}.ph-resistor{width:100%;max-width:360px;margin:0 auto 12px;display:block}.ph-bands{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:960px){.ph-solver,.ph-two{grid-template-columns:1fr}.ph-list{max-height:320px;position:static}}@media (max-width:560px){.ph-var{grid-template-columns:1fr 100px}.ph-var label{grid-column:1/-1}.ph-bands{grid-template-columns:1fr 1fr}}