.pf-tool{--pf-blue:#2563eb;--pf-green:#16a34a;--pf-amber:#f59e0b;--pf-red:#dc2626}.pf-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.65rem 0 .6rem;display:grid}.pf-field{--pf-field-colour:var(--pf-blue);border:1px solid var(--border);background:color-mix(in srgb, var(--bg-surface) 94%, var(--pf-field-colour));letter-spacing:.02em;min-width:0;color:var(--text-dim);border-radius:0;flex-direction:column;gap:.38rem;padding:.62rem .72rem .68rem;font-size:.72rem;font-weight:700;line-height:1.25;display:flex;position:relative;overflow:hidden}.pf-field:before{content:"";background:var(--pf-field-colour);width:3px;position:absolute;inset:0 auto 0 0}.pf-field--length{--pf-field-colour:var(--pf-green)}.pf-field--pressure{--pf-field-colour:var(--pf-amber)}.pf-field--viscosity,.pf-field--density{--pf-field-colour:var(--pf-blue)}.pf-field--target{--pf-field-colour:var(--pf-red)}.tool-body .pf-field input{border-color:var(--border);background:color-mix(in srgb, var(--bg-surface) 96%, var(--pf-field-colour));text-align:center;width:100%;font:800 .95rem var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:var(--text);border-radius:0;padding:.4rem .5rem;transition:border-color .16s,box-shadow .16s}.tool-body .pf-field input:focus{border-color:var(--pf-field-colour);box-shadow:0 0 0 3px color-mix(in srgb, var(--pf-field-colour) 16%, transparent)}.pf-field-hint{color:var(--text-dim);align-self:center;font-size:.68rem;font-weight:650}.pf-fluid{border:1px solid var(--border);background:var(--bg-surface);border-radius:0;flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:.72rem .8rem;display:flex}.pf-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem;font-weight:750}.pf-fluid-row{flex-wrap:wrap;gap:.4rem;display:flex}.pf-fluid .pf-fluid-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.36rem .72rem;font-size:.76rem;font-weight:650;transition:border-color .14s,background .14s,color .14s}.pf-fluid .pf-fluid-btn:hover{border-color:var(--accent)}.pf-fluid .pf-fluid-btn.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--bg-surface));color:var(--accent)}.pf-fluid-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.pf-sizing{border:1px solid var(--border);background:var(--bg-surface);border-radius:0;flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:.72rem .8rem;display:flex}.pf-sizing .pf-field--target{max-width:18rem}.pf-verdict-box{--pf-verdict-colour:var(--pf-green);border:1px solid var(--border);background:linear-gradient(100deg, color-mix(in srgb, var(--pf-verdict-colour) 13%, var(--bg-surface)), var(--bg-surface) 66%);border-radius:0;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.8rem;margin:.25rem 0 .8rem;padding:.78rem .9rem;display:grid;position:relative;overflow:hidden}.pf-verdict-box:before{content:"✓";border:1px solid color-mix(in srgb, var(--pf-verdict-colour) 60%, transparent);background:color-mix(in srgb, var(--pf-verdict-colour) 15%, var(--bg-surface));width:2.35rem;height:2.35rem;font:900 .85rem var(--font-mono,monospace);color:var(--pf-verdict-colour);border-radius:50%;place-items:center;display:grid}.pf-verdict-box[data-variant=transitional]{--pf-verdict-colour:var(--pf-amber)}.pf-verdict-box[data-variant=transitional]:before{content:"∼"}.pf-verdict-box[data-variant=turbulent]{--pf-verdict-colour:var(--pf-red)}.pf-verdict-box[data-variant=turbulent]:before{content:"!"}.pf-verdict{color:var(--text);margin:0;font-size:.92rem;font-weight:590;line-height:1.45}.pf-heading{letter-spacing:-.01em;color:var(--text);align-items:center;gap:.58rem;margin:1.05rem 0 .45rem;font-size:.93rem;font-weight:800;display:flex}.results-block .bd-row[data-variant]{border-left:3px solid var(--pf-variant-colour,var(--border));padding-left:.55rem}.results-block .bd-row[data-variant] .res-value{color:var(--pf-variant-colour,var(--accent))}.pf-visual{width:100%;margin:.25rem 0 .7rem}.pf-visual .chart-shell{border:1px solid var(--border);border-radius:0;overflow:hidden}.pf-visual .chart-shell-cap{padding-right:2.5rem;font-weight:700}.pf-visual .chart-shell-canvas canvas{display:block}@media (width<=760px){.pf-sizing .pf-field--target{max-width:none}.results-block .bd-row[data-variant]{padding-left:.55rem}}@media (width<=520px){.pf-controls,.pf-fluid-values{grid-template-columns:minmax(0,1fr)}.pf-verdict-box{grid-template-columns:2.35rem minmax(0,1fr);padding:.7rem .75rem}.pf-verdict-box:before{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){.tool-body .pf-field input{transition:none}}