:root{--ph-bg:#F7F3EE;--ph-bg-soft:#FDFBF7;--ph-card:#FFFFFF;--ph-beige:#D8C7B5;--ph-beige-soft:#E8DCC9;--ph-ink:#1F1F1F;--ph-ink-soft:#2A2A28;--ph-steel:#665F57;--ph-steel-soft:#B4A99B;--ph-line:rgba(31,31,31,0.08);--ph-line-strong:rgba(31,31,31,0.14);--ph-grid-dot:rgba(31,31,31,0.05);--ph-green:#00A860;--ph-amber:#D97706;--ph-danger:#B3261E;--ph-green-tint:#E4F3EA;--ph-amber-tint:#F8E9D3;--ph-danger-tint:#F5E2DF;--ph-teach-bg:#EFE9DD;--ph-teach-ink:#2B2B28;--ph-ops-bg:#101214;--ph-ops-card:#16181A;--ph-ops-ink:#E8E8E6;--ph-ops-line:#26292C;--ph-font-display:"Space Grotesk",sans-serif;--ph-font-ui:"Inter",sans-serif;--ph-font-mono:"IBM Plex Mono",monospace;--ph-text-xs:11.5px;--ph-text-sm:13px;--ph-text-base:14px;--ph-text-md:16px;--ph-text-lg:20px;--ph-text-xl:28px;--ph-text-hero:clamp(2.2rem,5vw,3.4rem);--ph-text-metric:26px;--ph-tracking-label:.12em;--ph-leading:1.55;--ph-s1:4px;--ph-s2:8px;--ph-s3:12px;--ph-s4:16px;--ph-s5:20px;--ph-s6:24px;--ph-s7:28px;--ph-s8:32px;--ph-s9:36px;--ph-s12:48px;--ph-s16:64px;--ph-s24:96px;--ph-radius-0:0;--ph-radius-1:2px;--ph-radius-2:10px;--ph-radius-teach:12px;--ph-border:1px solid var(--ph-line);--ph-tick-size:10px;--ph-shadow-sheet:0 1px 2px rgba(31,31,31,0.05),0 4px 16px rgba(31,31,31,0.05);--ph-shadow-raised:0 2px 6px rgba(31,31,31,0.07),0 12px 32px rgba(31,31,31,0.08);--ph-ease:cubic-bezier(0.45,0,0.55,1);--ph-dur-fast:150ms;--ph-dur-base:300ms;--ph-dur-loader:1.8s;--ph-budget-page-kb:300;--ph-budget-launch-ms:2000}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.ph-body{background:var(--ph-bg);color:var(--ph-ink);font-family:var(--ph-font-ui);font-size:var(--ph-text-base);line-height:var(--ph-leading)}.ph-canvas{background-image:radial-gradient(var(--ph-grid-dot) 1px,transparent 1px);background-size:24px 24px}.ph-display{font-family:var(--ph-font-display);font-weight:600;letter-spacing:-.01em}.ph-label,.ph-mono{font-family:var(--ph-font-mono);font-size:var(--ph-text-xs)}.ph-label{font-weight:500;text-transform:uppercase;letter-spacing:var(--ph-tracking-label);color:var(--ph-steel)}.ph-card{background:var(--ph-card);border:var(--ph-border);border-radius:var(--ph-radius-0);position:relative;padding:var(--ph-s5) var(--ph-s6)}.ph-card:before{content:"";position:absolute;top:-1px;left:-1px;width:var(--ph-tick-size);height:var(--ph-tick-size);border-top:2px solid var(--ph-ink);border-left:2px solid var(--ph-ink)}.ph-btn{font-family:var(--ph-font-ui);font-size:var(--ph-text-sm);font-weight:600;padding:var(--ph-s3) var(--ph-s5);cursor:pointer;border-radius:var(--ph-radius-1);border:1px solid var(--ph-ink);background:var(--ph-ink);color:#fff;transition:opacity var(--ph-motion-fast) var(--ph-ease)}.ph-btn:hover{opacity:.88}.ph-btn--primary{background:var(--ph-green);border-color:var(--ph-green)}.ph-btn--ghost{background:transparent;color:var(--ph-ink);border-color:var(--ph-line)}.ph-btn--danger{background:var(--ph-danger);border-color:var(--ph-danger)}.ph-input{font-family:var(--ph-font-ui);font-size:var(--ph-text-base);padding:var(--ph-s3) var(--ph-s4);width:100%;border:var(--ph-border);border-radius:var(--ph-radius-1);background:var(--ph-card);color:var(--ph-ink)}.ph-input:focus{outline:2px solid var(--ph-green);outline-offset:0;border-color:var(--ph-green)}.ph-field-label{font-size:var(--ph-text-sm);font-weight:600;display:block;margin-bottom:var(--ph-s1)}.ph-metrics{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:var(--ph-border);background:var(--ph-card)}.ph-metric{padding:var(--ph-s4) var(--ph-s5);border-right:var(--ph-border)}.ph-metric:last-child{border-right:none}.ph-metric__k{font-family:var(--ph-font-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:var(--ph-tracking-label);color:var(--ph-steel)}.ph-metric__v{font-family:var(--ph-font-display);font-size:var(--ph-text-metric);font-weight:600;margin-top:var(--ph-s1)}.ph-metric__v--ok{color:var(--ph-green)}.ph-table{width:100%;border-collapse:collapse;background:var(--ph-card);border:var(--ph-border)}.ph-table th{font-family:var(--ph-font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:var(--ph-tracking-label);color:var(--ph-steel);font-weight:500;text-align:left;padding:var(--ph-s2) var(--ph-s4)}.ph-table td,.ph-table th{border-bottom:var(--ph-border)}.ph-table td{padding:var(--ph-s3) var(--ph-s4);font-size:var(--ph-text-sm);vertical-align:top}.ph-table tr:last-child td{border-bottom:none}.ph-status{font-weight:600;font-size:var(--ph-text-sm)}.ph-status--pass{color:var(--ph-green)}.ph-status--flag{color:var(--ph-amber)}.ph-status--fail{color:var(--ph-danger)}.ph-spec__row{display:flex;justify-content:space-between;padding:var(--ph-s2) 0;border-bottom:1px dashed var(--ph-line);font-size:var(--ph-text-sm)}.ph-spec__row:last-child{border-bottom:none}.ph-spec__k{color:var(--ph-steel)}.ph-spec__v{font-family:var(--ph-font-mono);font-size:var(--ph-text-xs);text-align:right}.ph-verdict{padding:var(--ph-s4) var(--ph-s4);background:var(--ph-card);border:var(--ph-border);border-left:2px solid var(--ph-green);font-size:var(--ph-text-sm)}.ph-verdict--flag{border-left-color:var(--ph-amber)}.ph-verdict--fail{border-left-color:var(--ph-danger)}.ph-passage{padding:var(--ph-s3) var(--ph-s4);background:var(--ph-bg);border:var(--ph-border);font-size:var(--ph-text-sm)}.ph-passage mark{background:var(--ph-amber-tint);padding:1px 2px;color:inherit}.ph-explain{background:var(--ph-teach-bg);color:var(--ph-teach-ink);border-radius:var(--ph-radius-teach);padding:var(--ph-s4) var(--ph-s5);font-size:var(--ph-text-base)}.ph-explain b{font-weight:600}.ph-receipt-foot{display:flex;justify-content:space-between;gap:var(--ph-s2);flex-wrap:wrap;font-family:var(--ph-font-mono);font-size:11px;color:var(--ph-steel);padding-top:var(--ph-s4);border-top:var(--ph-border)}.ph-ops{background:var(--ph-ops-bg);color:var(--ph-ops-ink)}.ph-ops .ph-card,.ph-ops .ph-metrics,.ph-ops .ph-table{background:var(--ph-ops-card);border-color:var(--ph-ops-line)}.ph-ops .ph-table td,.ph-ops .ph-table th{border-color:var(--ph-ops-line)}