.pfc-app{--bg-deep: #0B0E14;--bg-panel: #12161F;--bg-panel-raised: #171C27;--grid-line: #1F2733;--border: #262E3D;--text-primary: #E8EAED;--text-muted: #d8e4f8;--text-faint: #aeb9ce;--pole-n: #E4572E;--pole-n-glow: #E4572E55;--pole-s: #3B82C4;--pole-s-glow: #3B82C455;--steel: #4A5364;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);display:block}.pfc-app *,.pfc-app *:before,.pfc-app *:after{box-sizing:border-box}.pfc-app .wrap{max-width:1180px;margin:0 auto;padding:48px 24px 80px}.pfc-app header{margin-bottom:40px}.pfc-app .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pole-n);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pfc-app .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pole-n);box-shadow:0 0 8px var(--pole-n-glow)}.pfc-app h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:600;margin:0 0 12px;letter-spacing:-.01em;color:var(--text-primary)}.pfc-app header p{color:var(--text-muted);max-width:620px;line-height:1.6;font-size:15px;margin:0}.pfc-app .layout{display:grid;grid-template-columns:380px 1fr;gap:24px}@media(max-width:900px){.pfc-app .layout{grid-template-columns:1fr}}.pfc-app .panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:24px}.pfc-app .panel+.panel{margin-top:24px}.pfc-app .section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}.pfc-app .shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.pfc-app .shape-btn{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;padding:12px 4px;color:var(--text-muted);font-family:var(--font-body);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s,color .15s,background .15s}.pfc-app .shape-btn svg{width:26px;height:26px}.pfc-app .shape-btn svg path,.pfc-app .shape-btn svg circle,.pfc-app .shape-btn svg ellipse{stroke:var(--text-faint);transition:stroke .15s}.pfc-app .shape-btn:hover{border-color:var(--text-faint);color:var(--text-primary)}.pfc-app .shape-btn.active{border-color:var(--pole-n);color:var(--text-primary);background:linear-gradient(180deg,#1A1410,var(--bg-panel-raised))}.pfc-app .shape-btn.active svg path,.pfc-app .shape-btn.active svg circle,.pfc-app .shape-btn.active svg ellipse{stroke:var(--pole-n)}.pfc-app .field{margin-bottom:20px}.pfc-app .field-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.pfc-app .field label{font-size:13px;color:var(--text-muted)}.pfc-app .field .value{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);font-weight:500}.pfc-app input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--grid-line);border-radius:2px;outline:none}.pfc-app input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--text-primary);border:2px solid var(--pole-n);cursor:pointer;transition:transform .1s}.pfc-app input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.pfc-app input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--text-primary);border:2px solid var(--pole-n);cursor:pointer}.pfc-app .numeric-input{display:flex;align-items:stretch;background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s}.pfc-app .numeric-input:focus-within{border-color:var(--pole-n)}.pfc-app .numeric-input .step-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:16px;width:34px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.pfc-app .numeric-input .step-btn:hover{background:var(--grid-line);color:var(--pole-n)}.pfc-app .numeric-input .step-btn:active{background:var(--border)}.pfc-app .numeric-input input[type=text]{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-muted);font-family:var(--font-mono);font-size:16px;text-align:center;padding:9px 2px}.pfc-app .numeric-input .unit{display:flex;align-items:center;padding:0 10px 0 2px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.pfc-app select{width:100%;background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:10px 12px;border-radius:8px;outline:none;cursor:pointer}.pfc-app .br-row{display:flex;gap:8px;align-items:center}.pfc-app .br-row input[type=number]{width:76px;background:var(--bg-panel-raised);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;padding:9px 10px;border-radius:8px;outline:none}.pfc-app .divider{height:1px;background:var(--grid-line);margin:20px 0}.pfc-app .output-panel{display:flex;flex-direction:column}.pfc-app .force-display{text-align:center;padding:20px 0 28px;border-bottom:1px solid var(--grid-line);margin-bottom:24px;transition:opacity .15s}.pfc-app .force-display.is-loading{opacity:.5}.pfc-app .force-number{font-family:var(--font-mono);font-size:clamp(48px,8vw,72px);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--pole-n),#F2A65A);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.pfc-app .force-unit{font-family:var(--font-mono);font-size:18px;color:var(--text-muted);margin-left:6px}.pfc-app .force-subvalues{display:flex;justify-content:center;gap:24px;margin-top:10px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.pfc-app .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.pfc-app .stat-box{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.pfc-app .stat-box .stat-label{font-size:11px;color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.pfc-app .stat-box .stat-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text-primary)}.pfc-app .diagram-wrap{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px}.pfc-app .diagram-wrap svg{width:100%;height:auto;display:block}.pfc-app .diagram-wrap img{width:100%;height:auto;display:block;border-radius:6px}.pfc-app .legend{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:11px;color:var(--text-faint);font-family:var(--font-mono)}.pfc-app .legend span{display:inline-flex;align-items:center;gap:6px}.pfc-app .legend .dot{width:8px;height:8px;border-radius:50%}.pfc-app .chart-wrap{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:8px;padding:16px}.pfc-app .chart-title{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.pfc-app .chart-wrap svg{width:100%;height:auto;display:block}.pfc-app footer{margin-top:32px;padding-top:24px;border-top:1px solid var(--grid-line);color:var(--text-faint);font-size:12.5px;line-height:1.7}.pfc-app footer strong{color:var(--text-muted)}.pfc-app .fetch-error{display:none;margin-top:10px;font-size:12px;color:var(--pole-n);font-family:var(--font-mono)}
/*# sourceMappingURL=/cdn/shop/t/102/assets/pull-force-calculator.css.map */
