.pf-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 30px}.pf-eyebrow{font:10px JetBrains Mono,ui-monospace,monospace;letter-spacing:.15em;color:#8d7562}.tool-page .pf-intro h1{font-family:"Noto Serif SC",serif;font-size:clamp(29px,3.8vw,46px);font-weight:600;letter-spacing:-.035em;margin:12px 0 0;line-height:1.45}.tool-page .pf-intro h1 em{font-style:normal;color:#a56c44}.pf-intro p{color:#737875;font-size:13px;line-height:1.9;margin:0 0 4px}.pf-lab{--pf-ink:#ece9df;--pf-muted:#9ba9ae;--pf-line:#ffffff15;--pf-gold:#e6bf85;color:var(--pf-ink);background:#121c24;border:1px solid #31404a;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px #1e2f3820}.pf-stage{position:relative;isolation:isolate;background:#101b25}.pf-stage-top{position:absolute;left:30px;right:30px;top:25px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.045em;color:#aab7bc;z-index:2}.pf-stage-top>span:first-child{display:flex;align-items:center;gap:8px}.pf-stage-top i{display:block;height:5px;width:5px;background:#d6b886;border-radius:50%;box-shadow:0 0 10px #d6b88655}#pf-status{color:#d7bd98}.pf-readout{position:absolute;top:65px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;z-index:1}.pf-count{display:flex;align-items:center;gap:15px}.pf-count strong{font:500 clamp(52px,6vw,78px)/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:-.08em;color:#f2ece0}.pf-count>span{font-size:12px;line-height:1.8;color:#b8c1c2}.pf-count small{font:9px ui-monospace,monospace;letter-spacing:.13em;color:#778c96}.pf-thickness{text-align:right;display:flex;flex-direction:column;gap:4px}.pf-thickness small{font-size:10px;color:#99a8b0;letter-spacing:.08em}.pf-thickness strong{font:400 clamp(21px,3vw,34px)/1.4 "JetBrains Mono",ui-monospace,monospace;letter-spacing:-.05em;color:#e6bf85}.pf-thickness>span{font:10px JetBrains Mono,ui-monospace,monospace;color:#a2b1b6}#pf-canvas{display:block;width:100%;height:475px}.pf-scale-key{position:absolute;bottom:121px;left:30px;display:flex;align-items:center;gap:7px;color:#9eafb6;font-size:10px;pointer-events:none}.pf-paper-dot,.pf-reference-dot{height:5px;width:5px;border-radius:50%;background:#e6bf85;display:inline-block}.pf-reference-dot{background:#8eb8be;margin-left:12px}.pf-scale-annotation{margin-left:12px;color:#a0afb4}.pf-console{padding:22px 30px 18px;border-top:1px solid var(--pf-line);background:linear-gradient(135deg,#1e2b31,#1a252b)}.pf-actions{display:flex;gap:8px;align-items:center;margin-bottom:23px}.pf-lab button{font:inherit;font-size:12px;min-height:43px;padding:10px 17px;border:1px solid #546068;border-radius:6px;color:#e9e8df;background:#27363c;cursor:pointer;transition:background .15s}.pf-lab button:hover{background:#34464e}.pf-lab button:disabled{opacity:.4;cursor:default}.pf-actions .pf-primary{background:#e7c28d;border-color:#e7c28d;color:#243038;font-weight:600;min-width:141px}.pf-actions .pf-primary:hover{background:#f0d3a9}.pf-actions .pf-primary span{font-size:10px;margin-right:5px}.pf-actions .pf-reset{color:#b9c4c7;background:transparent;border-color:#42545d}.pf-speed{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:11px;color:#aab8bf}.pf-speed select{color:#d7e0e0;background:#19252c;border:1px solid #4c5e68;border-radius:5px;min-height:38px;padding:6px 9px;font:inherit}.pf-timeline-heading{display:flex;justify-content:space-between;font-size:11px;color:#a9b7be;margin-bottom:6px}.pf-timeline-heading output{font:11px JetBrains Mono,ui-monospace,monospace;color:#e4c398}.pf-fold-slider{display:block;width:100%;height:28px;margin:0;accent-color:#e6bf85;cursor:pointer}.pf-ticks{display:flex;justify-content:space-between;margin:0 2px;font:9px JetBrains Mono,ui-monospace,monospace;color:#a2b1b8}.pf-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0}.pf-milestones button{display:flex;align-items:center;justify-content:center;gap:11px;border-color:#ffffff1c;background:#142128;padding:11px 8px;text-align:left;min-height:62px}.pf-milestones button[aria-current=true]{background:#e6bf8510;border-color:#d6b885}.pf-milestones svg{flex:none;width:25px;height:25px;stroke:#b6cbc9;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;fill:none}.pf-milestones button span{font-size:11px;line-height:1.6}.pf-milestones small{display:block;color:#adbbc2;font:10px JetBrains Mono,ui-monospace,monospace;margin-top:3px}.pf-settings{border-top:1px solid #ffffff13;padding-top:17px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pf-settings>label{font-size:12px;display:flex;align-items:center;gap:12px;color:#c2cccc}.pf-settings label>span{font:11px JetBrains Mono,ui-monospace,monospace;color:#c6bca9;white-space:nowrap}.pf-settings input{width:70px;background:#111e26;color:#f0d0a2;border:1px solid #657077;border-radius:5px;padding:7px 5px;font:12px JetBrains Mono,ui-monospace,monospace;min-height:34px}.pf-settings>p{color:#a3b2ba;font-size:10px;margin:0}.pf-layer-count{margin-left:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;max-width:100%;font:11px JetBrains Mono,ui-monospace,monospace;color:#e0c5a1}.pf-layer-count small{font:11px sans-serif;color:#a3b2ba}.pf-layer-count>span{overflow-wrap:anywhere}.pf-layer-count>span:last-child{color:#a2b1b8}.pf-motion-note{font-size:11px;color:#b2c3cb;margin:15px 0 0}.pf-explanation{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:39px 5px 29px}.pf-explanation h2{font-family:"Noto Serif SC",serif;font-size:21px;font-weight:600;line-height:1.6;margin:8px 0 13px}.pf-explanation p,.pf-sources p,.pf-sources li{font-size:13px;color:#6b7672;line-height:1.95;margin:8px 0 0}.pf-formula{font:18px JetBrains Mono,ui-monospace,monospace;display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:18px 0;color:#986c44}.pf-formula b{font-size:15px;font-weight:400;color:#93a19c}.pf-formula sup{font-size:11px;top:-.4em;position:relative}.pf-sources{border-top:1px solid #dedfd7;padding:18px 5px;margin-bottom:16px}.pf-sources summary{font-size:13px;cursor:pointer;color:#777263}.pf-sources>div{padding-top:7px;max-width:920px}.pf-sources ul{padding-left:18px;display:flex;flex-wrap:wrap;gap:0 32px}.pf-sources a{color:#907043;text-underline-offset:3px}.pf-lab :focus-visible,.pf-sources :focus-visible{outline:2px solid #d4a772;outline-offset:4px}.pf-lab [hidden]{display:none!important}@media(max-width:800px){.pf-intro{display:block}.pf-intro p{margin:12px 0 0}.pf-intro p br{display:none}.pf-milestones{gap:6px}.pf-milestones button{gap:7px}.pf-milestones svg{width:21px;height:21px}.pf-settings>p{width:auto}.pf-layer-count{width:100%;margin:2px 0 0}.pf-explanation{gap:30px}}@media(max-width:540px){.pf-intro{padding:16px 0 22px}.tool-page .pf-intro h1{font-size:29px}.pf-eyebrow{font-size:9px}.pf-lab{border-radius:12px}.pf-stage-top{left:18px;right:18px;top:19px;font-size:9px}.pf-readout{top:55px;left:18px;right:18px;gap:12px}.pf-count{gap:10px}.pf-count strong{font-size:58px}.pf-count>span{font-size:10px}.pf-thickness strong{font-size:23px}.pf-thickness small{font-size:9px}.pf-thickness>span{font-size:9px}#pf-canvas{height:414px}.pf-scale-key{left:18px;right:18px;bottom:152px;font-size:9px;gap:5px}.pf-scale-annotation{margin-left:auto}.pf-console{padding:18px 16px}.pf-actions{gap:6px;flex-wrap:wrap;margin-bottom:20px}.pf-lab button{min-height:44px;padding:10px 12px}.pf-actions .pf-primary{min-width:128px;flex:1}.pf-actions .pf-reset{padding:10px}.pf-speed{width:100%;justify-content:flex-end;margin:4px 0 0;min-height:30px}.pf-speed select{min-height:32px}.pf-timeline-heading{font-size:10px}.pf-milestones{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:18px 0}.pf-milestones button{display:flex;flex-direction:column;gap:5px;padding:9px 2px;text-align:center;min-height:84px;border-radius:5px}.pf-milestones button span{font-size:9px;white-space:nowrap}.pf-milestones small{font-size:9px}.pf-milestones svg{width:23px;height:23px}.pf-settings{gap:11px}.pf-settings>p{font-size:9px;max-width:135px;line-height:1.7;margin-left:auto}.pf-settings>label{font-size:11px;gap:8px}.pf-settings input{width:63px}.pf-layer-count{font-size:10px;gap:7px}.pf-explanation{grid-template-columns:1fr;gap:25px;padding:30px 3px 25px}.pf-explanation h2{font-size:20px}.pf-explanation p,.pf-sources p,.pf-sources li{font-size:12px}.pf-formula{font-size:16px;gap:10px}.pf-sources ul{display:block}}@media(prefers-reduced-motion:reduce){.pf-lab button{transition:none}}.pf-related{display:flex;align-items:center;gap:12px 25px;flex-wrap:wrap;padding:10px 5px 25px;font-size:12px}.pf-related>span{font-size:11px;color:#7b817d}.pf-related a{color:#8f6d45;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;gap:9px}.pf-related a:hover{text-decoration:underline;text-underline-offset:4px}.tool-page .pf-intro h1{display:block;margin-right:0}.pf-scene{position:relative}.pf-reference-context{padding:0 30px 20px;background:#101b25}.pf-reference-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b0c1c8;margin-bottom:9px}.pf-reference-heading>span:first-child{color:#d5bd98;letter-spacing:.08em}.pf-reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-reference-pair button{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:5px;padding:12px 15px;border-color:#ffffff20;background:#ffffff04;text-align:left;color:#dbe3df}.pf-reference-pair button:disabled{opacity:1;color:#b7c4ca;background:#ffffff03}.pf-reference-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:#a9b9c1;font-size:10px}.pf-reference-kicker small{font-size:9px;color:#b5c7d5;background:#ffffff09;border-radius:3px;padding:2px 5px;margin-left:auto}.pf-reference-pair strong{font-size:15px;font-weight:500;line-height:1.4;color:#e1d2b6}.pf-reference-dimension{font-size:11px;line-height:1.6;color:#afc0c7;overflow-wrap:anywhere}.pf-reference-ratio{font-size:11px;color:#d6be98;line-height:1.5;margin-top:auto;padding-top:2px;font-variant-numeric:tabular-nums}.pf-reference-progress{height:3px;background:#5f79844a;margin-top:13px;border-radius:3px;overflow:hidden}.pf-reference-progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#82b5b4,#dfbc83)}.pf-reference-context>p{font-size:10px;line-height:1.6;color:#9bb0ba;margin:8px 0 0}@media(max-width:540px){.pf-reference-context{padding:0 18px 17px}.pf-reference-pair{gap:8px}.pf-reference-pair button{padding:10px 9px;gap:6px}.pf-reference-pair strong{font-size:13px}.pf-reference-dimension,.pf-reference-ratio{font-size:10px}.pf-reference-kicker small{margin-left:0}.pf-reference-heading{font-size:9px}.pf-reference-context>p{font-size:9px}}.pf-scale-key{position:static;padding:4px 30px 14px}@media(max-width:540px){.pf-scale-key{padding:4px 18px 14px}}.pf-count{flex:none}.pf-count>span{white-space:nowrap}.pf-thickness{min-width:0}.pf-thickness strong{white-space:nowrap}@media(max-width:540px){.pf-thickness strong{font-size:clamp(17px,5.6vw,23px)}}.pf-ticks{position:relative;height:14px;display:block;margin:0 5px}.pf-ticks span{position:absolute;transform:translate(-50%)}.pf-milestones{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:540px){.pf-count strong{font-size:48px}.pf-count{gap:7px}.pf-readout{gap:8px}.pf-thickness strong{font-size:clamp(15px,5.1vw,21px)}.pf-milestones button span{font-size:9px}.pf-milestones{row-gap:7px}}.pf-fold-caption{position:absolute;left:14%;top:159px;width:30%;display:flex;flex-direction:column;gap:5px;pointer-events:none;color:#dbc39f}.pf-fold-caption strong{font:500 13px/1.6 JetBrains Mono,ui-monospace,monospace;overflow-wrap:anywhere}.pf-fold-caption>span{font-size:10px;line-height:1.75;color:#a9bac1;max-width:240px}@media(max-width:540px){.pf-fold-caption{left:9%;top:150px;width:36%;gap:3px}.pf-fold-caption strong{font-size:11px}.pf-fold-caption>span{font-size:9px;line-height:1.65}.pf-scale-key{flex-wrap:wrap;row-gap:5px}.pf-scale-annotation{font-size:8px;margin-left:8px}}
