:root{--rpc-primary:#4f46e5;--rpc-primary-light:#eef2ff;--rpc-primary-hover:#4338ca;--rpc-text:#1e293b;--rpc-text-secondary:#475569;--rpc-text-muted:#64748b;--rpc-bg:#fff;--rpc-bg-secondary:#f8fafc;--rpc-border:#e2e8f0;--rpc-border-light:#f1f5f9;--rpc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--rpc-shadow:0 2px 8px #0000000f, 0 1px 4px #0000000a;--rpc-radius:var(--main-radius,.5rem);--rpc-radius-lg:var(--main-radius-lg,.75rem);--rpc-font-mono:var(--main-font-mono,"SF Mono", "Fira Code", monospace);--rpc-transition:.2s ease;--rpc-success:#10b981;--rpc-warning:#f59e0b;--rpc-roof:#4f46e5;--rpc-rise:#ec4899;--rpc-run:#10b981;--rpc-angle:#f59e0b}._rpc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:680px;margin:0 auto;display:flex}._rpc-hidden{display:none!important}._rpc-main-card{background:var(--rpc-bg);border-radius:var(--rpc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--rpc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--rpc-border)}._rpc-calculator{gap:var(--main-space-5,1.25rem);flex-direction:column;display:flex}._rpc-calc-row{gap:var(--main-space-5,1.25rem);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){._rpc-container{padding-left:1rem;padding-right:1rem}._rpc-calc-row{grid-template-columns:1fr}}._rpc-tabs{gap:var(--main-space-2,.5rem);background:var(--rpc-bg);padding:var(--main-space-1,.25rem);border-radius:var(--rpc-radius-lg);box-shadow:var(--rpc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--rpc-border);display:flex}._rpc-tab{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);border-radius:var(--rpc-radius);color:var(--rpc-text-secondary);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--rpc-transition);background:0 0;border:none;flex:1;font-weight:500;display:flex}._rpc-tab:hover{background:var(--rpc-bg-secondary);color:var(--rpc-text)}._rpc-tab-active{background:var(--rpc-primary);color:#fff;box-shadow:0 2px 4px #4f46e540}._rpc-tab-active:hover{background:var(--rpc-primary-hover);color:#fff}._rpc-tab-icon{justify-content:center;align-items:center;display:flex}._rpc-tab-icon svg{width:14px;height:14px}@media (max-width:640px){._rpc-tabs{flex-direction:column}._rpc-tab{padding:var(--main-space-3,.75rem);justify-content:flex-start}}._rpc-input-section,._rpc-input-panel{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._rpc-input-group{gap:var(--main-space-2,.5rem);flex-direction:column;display:flex}._rpc-label{font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._rpc-input-with-unit{align-items:center;gap:var(--main-space-2,.5rem);display:flex}._rpc-input{width:100%;padding:var(--main-space-3,.75rem);border-style:solid;border-width:1.5px;border-color:var(--rpc-border);border-radius:var(--rpc-radius);font-size:var(--main-text-sm,.875rem);font-family:var(--rpc-font-mono);color:var(--rpc-text);background:var(--rpc-bg);transition:var(--rpc-transition);flex:1}._rpc-input::placeholder{color:var(--rpc-text-muted);opacity:.6}._rpc-input:focus{border-color:var(--rpc-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}._rpc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._rpc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._rpc-input[type=number]{-moz-appearance:textfield}._rpc-unit-select{padding:var(--main-space-3,.75rem) var(--main-space-3,.75rem);border-style:solid;border-width:1.5px;border-color:var(--rpc-border);border-radius:var(--rpc-radius);font-size:var(--main-text-sm,.875rem);color:var(--rpc-text-secondary);background:var(--rpc-bg-secondary);cursor:pointer;transition:var(--rpc-transition);flex-shrink:0;min-width:60px}._rpc-unit-select:focus{border-color:var(--rpc-primary);outline:none}._rpc-unit-label{padding:var(--main-space-3,.75rem) var(--main-space-3,.75rem);font-size:var(--main-text-sm,.875rem);color:var(--rpc-text-secondary);background:var(--rpc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--rpc-border);border-radius:var(--rpc-radius);text-align:center;flex-shrink:0;min-width:42px;font-weight:500}._rpc-pitch-input-row{align-items:center;gap:var(--main-space-2,.5rem);display:flex}._rpc-pitch-separator{font-size:var(--main-text-lg,1.125rem);color:var(--rpc-text-muted);flex-shrink:0;font-weight:600}._rpc-actions{justify-content:flex-end;gap:var(--main-space-2,.5rem);margin-top:var(--main-space-2,.5rem);display:flex}._rpc-btn{align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-radius:var(--rpc-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--rpc-transition);border:none;font-weight:500;display:inline-flex}._rpc-btn svg{width:14px;height:14px}._rpc-btn-ghost{color:var(--rpc-text-muted);background:0 0}._rpc-btn-ghost:hover{background:var(--rpc-bg-secondary);color:var(--rpc-text)}._rpc-diagram{background:var(--rpc-bg-secondary);border-radius:var(--rpc-radius);border-style:solid;border-width:1px;border-color:var(--rpc-border-light);justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}._rpc-diagram svg{width:100%;height:100%;min-height:200px}._rpc-diagram-empty{align-items:center;gap:var(--main-space-2,.5rem);color:var(--rpc-text-muted);flex-direction:column;display:flex}._rpc-diagram-empty svg{opacity:.5;width:32px;height:32px;min-height:auto}._rpc-diagram-empty-text{font-size:var(--main-text-sm,.875rem)}._rpc-svg-roof{stroke:var(--rpc-roof);stroke-width:3px;fill:none}._rpc-svg-rise{stroke:var(--rpc-rise);stroke-width:1.5px;stroke-dasharray:6 4}._rpc-svg-run{stroke:var(--rpc-run);stroke-width:1.5px;stroke-dasharray:6 4}._rpc-svg-angle-arc{stroke:var(--rpc-angle);stroke-width:1.5px;fill:#f59e0b14}._rpc-svg-label{font-size:12px;font-weight:600;font-family:var(--rpc-font-mono)}._rpc-svg-label-roof{fill:var(--rpc-roof)}._rpc-svg-label-rise{fill:var(--rpc-rise)}._rpc-svg-label-run{fill:var(--rpc-run)}._rpc-svg-label-angle{fill:var(--rpc-angle)}._rpc-svg-ground{stroke:var(--rpc-border);stroke-width:1px}._rpc-svg-right-angle{stroke:var(--rpc-text-muted);stroke-width:1px;fill:none}@media (max-width:768px){._rpc-diagram{min-height:180px}}._rpc-results-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--rpc-border-light);padding-top:var(--main-space-5,1.25rem)}._rpc-results-grid{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));min-height:80px;display:grid}._rpc-results-empty{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-6,1.5rem);color:var(--rpc-text-muted);flex-direction:column;grid-column:1/-1;display:flex}._rpc-results-empty svg{opacity:.5;width:32px;height:32px}._rpc-results-empty-text{font-size:var(--main-text-sm,.875rem)}._rpc-result-item{gap:var(--main-space-1,.25rem);padding:var(--main-space-3,.75rem);background:var(--rpc-bg-secondary);border-radius:var(--rpc-radius);border-style:solid;border-width:1px;border-color:var(--rpc-border-light);flex-direction:column;display:flex}._rpc-result-highlight{background:var(--rpc-primary-light);border-color:#4f46e533}._rpc-result-label{font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._rpc-result-value{font-size:var(--main-text-lg,1.125rem);color:var(--rpc-text);font-weight:600;font-family:var(--rpc-font-mono);word-break:break-all}._rpc-result-highlight ._rpc-result-value{color:var(--rpc-primary)}._rpc-result-unit{font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted)}@media (max-width:640px){._rpc-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._rpc-results-grid{grid-template-columns:1fr}}._rpc-estimator-card{background:var(--rpc-bg);border-radius:var(--rpc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--rpc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--rpc-border);gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._rpc-estimator-header{align-items:center;gap:var(--main-space-3,.75rem);display:flex}._rpc-estimator-title{align-items:center;gap:var(--main-space-2,.5rem);font-size:var(--main-text-sm,.875rem);color:var(--rpc-text);font-weight:600;display:flex}._rpc-estimator-title svg{width:14px;height:14px;color:var(--rpc-primary)}._rpc-estimator-badge{font-size:var(--main-text-xs,.75rem);font-weight:600;font-family:var(--rpc-font-mono);border-radius:var(--main-radius-full,9999px);background:var(--rpc-primary-light);color:var(--rpc-primary);padding:.125rem .625rem}._rpc-estimator-inputs{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(3,1fr);display:grid}._rpc-estimator-results{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));min-height:32px;display:grid}._rpc-estimator-empty{text-align:center;padding:var(--main-space-3,.75rem);font-size:var(--main-text-sm,.875rem);color:var(--rpc-text-muted);grid-column:1/-1}._rpc-estimator-result-item{gap:var(--main-space-1,.25rem);padding:var(--main-space-3,.75rem);background:var(--rpc-bg-secondary);border-radius:var(--rpc-radius);border-style:solid;border-width:1px;border-color:var(--rpc-border-light);flex-direction:column;display:flex}._rpc-estimator-highlight{background:var(--rpc-primary-light);border-color:#4f46e533}._rpc-estimator-result-label{font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._rpc-estimator-result-value{font-size:var(--main-text-lg,1.125rem);color:var(--rpc-primary);font-weight:600;font-family:var(--rpc-font-mono)}._rpc-estimator-result-sub{font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted);font-family:var(--rpc-font-mono)}@media (max-width:768px){._rpc-estimator-inputs{grid-template-columns:1fr}}@media (max-width:640px){._rpc-estimator-results{grid-template-columns:1fr}}._rpc-reference-card{background:var(--rpc-bg);border-radius:var(--rpc-radius-lg);box-shadow:var(--rpc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--rpc-border);overflow:hidden}._rpc-reference-toggle{align-items:center;gap:var(--main-space-2,.5rem);width:100%;padding:var(--main-space-4,1rem) var(--main-space-5,1.25rem);font-size:var(--main-text-sm,.875rem);color:var(--rpc-text-secondary);cursor:pointer;transition:var(--rpc-transition);background:0 0;border:none;font-weight:500;display:flex}._rpc-reference-toggle:hover{background:var(--rpc-bg-secondary);color:var(--rpc-text)}._rpc-reference-toggle svg{width:14px;height:14px}._rpc-reference-chevron{align-items:center;margin-left:auto;display:flex}._rpc-chevron-up,._rpc-reference-open ._rpc-chevron-down{display:none}._rpc-reference-open ._rpc-chevron-up{display:block}._rpc-reference-content{padding:0 var(--main-space-5,1.25rem) var(--main-space-5,1.25rem)}._rpc-table-wrapper{overflow-x:auto}._rpc-table{border-collapse:collapse;width:100%;font-size:var(--main-text-sm,.875rem)}._rpc-table th{text-align:left;padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);font-weight:600;font-size:var(--main-text-xs,.75rem);color:var(--rpc-text-muted);text-transform:uppercase;letter-spacing:.025em;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--rpc-border);white-space:nowrap}._rpc-table td{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);color:var(--rpc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--rpc-border-light);font-family:var(--rpc-font-mono);white-space:nowrap}._rpc-table ._rpc-td-text{font-family:inherit}._rpc-table tbody tr:last-child td{border-bottom:none}._rpc-table tbody tr:hover{background:var(--rpc-bg-secondary)}._rpc-pitch-badge{border-radius:var(--main-radius-full,9999px);font-size:var(--main-text-xs,.75rem);padding:.125rem .5rem;font-family:inherit;font-weight:500;display:inline-block}._rpc-badge-low{color:#059669;background:#10b9811a}._rpc-badge-moderate{color:#2563eb;background:#3b82f61a}._rpc-badge-standard{color:#4f46e5;background:#4f46e51a}._rpc-badge-steep{color:#d97706;background:#f59e0b1a}._rpc-badge-very-steep{color:#dc2626;background:#ef44441a}