*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#080e1a;--surface:#0c1524;--card:#111b2e;--text:#f0f4ff;--muted:#8ea0bd;--border:rgba(148,163,184,.16);--accent:#60a5fa}
body{min-height:100vh;background:radial-gradient(ellipse at 12% 0%,#12305266,transparent 48%),radial-gradient(ellipse at 90% 22%,#3a246c24,transparent 45%),var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif}
[hidden]{display:none!important}button,input,select{font:inherit}a{color:var(--accent)}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}
.topnav{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:10px 26px;border-bottom:1px solid var(--border);background:#080e1ae8;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:800;text-decoration:none;white-space:nowrap}.brand img{border-radius:7px}.brand span{color:#3b82f6}.nav-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;background:#142037;border:1px solid var(--border);border-radius:9px;color:#dbeafe;text-decoration:none;font-size:12px;font-weight:750;cursor:pointer}.btn:hover{background:#1d304e;border-color:#60a5fa66}.btn:disabled{opacity:.4;cursor:default}
.wp-wrap{width:min(1180px,calc(100% - 48px));margin:38px auto 64px}.wp-heading{max-width:850px;margin-bottom:26px}.eyebrow{color:#93c5fd;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:850}.wp-heading .eyebrow{display:flex;align-items:center;gap:12px}.wp-heading .eyebrow span{letter-spacing:.05em;padding:3px 8px;border:1px solid #a78bfa40;color:#c4b5fd;border-radius:6px;background:#a78bfa0a}h1{font-size:clamp(34px,5.2vw,60px);font-weight:850;letter-spacing:-.055em;line-height:1.15;margin:12px 0}h1 span{color:#719dec;font-size:.85em}.wp-heading>p:last-child{color:var(--muted);max-width:720px;line-height:1.7}
.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#0c1524;border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:20px;max-width:660px}.mode-tabs button{min-height:46px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:750;cursor:pointer;line-height:1.4}.mode-tabs button[aria-selected=true]{background:#1d355a;border-color:#3b82f68c;color:#eaf3ff}.mode-tabs button:hover{color:var(--text)}
.mode-tabs.brown-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
.mode-tabs.sch-mode,.field-row.single-field{grid-template-columns:minmax(0,1fr)}
.wp-heading .eyebrow{flex-wrap:wrap}
#loadSchExample{margin-top:12px}
.ckz-tutorial.panel{padding:0;margin-bottom:24px;border-color:#60a5fa40;overflow:hidden;scroll-margin-top:84px}
.ckz-tutorial>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;min-height:76px;padding:17px 22px;background:linear-gradient(110deg,#3b82f613,transparent)}
.ckz-tutorial>summary::-webkit-details-marker{display:none}
.ckz-tutorial>summary strong{display:block;font-size:15px;color:#e3efff;font-weight:800}
.tutorial-summary{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}
.tutorial-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #60a5fa55;border-radius:10px;background:#60a5fa12;color:#93c5fd;font-weight:800;font-size:18px}
.tutorial-toggle{margin-left:auto;color:#93c5fd;font-size:25px;line-height:1;transition:transform .15s;flex:none}
.ckz-tutorial[open]>summary .tutorial-toggle{transform:rotate(45deg)}
.tutorial-body{padding:0 24px 24px;border-top:1px solid var(--border)}
.tutorial-intro{margin:20px 0;color:#b8c9e0;font-size:13px;max-width:820px}
.tutorial-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:30px;align-items:start}
.tutorial-body h2{font-size:15px;color:#e2edfc;letter-spacing:-.02em;margin-bottom:12px}
.tutorial-steps{list-style:none;counter-reset:tutorial-step}
.tutorial-steps li{position:relative;padding-left:40px;margin-top:20px;counter-increment:tutorial-step}
.tutorial-steps li::before{content:counter(tutorial-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #60a5fa44;border-radius:8px;background:#3b82f610;font-size:12px;font-weight:800;color:#93c5fd}
.tutorial-steps h3{font-size:13px;color:#d9e6fa;font-weight:750;margin-bottom:5px;line-height:1.5}
.tutorial-steps p,.tutorial-tips p{font-size:12px;color:var(--muted);line-height:1.85}
.tutorial-body b{font-weight:650;color:#cddcf0}
.tutorial-source{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.9}
.tutorial-example{padding:20px;border:1px solid #a78bfa35;border-radius:12px;background:linear-gradient(155deg,#a78bfa0b,#080f1d60);min-width:0}
.tutorial-example h2{font-size:20px;margin:6px 0;letter-spacing:-.04em}
.tutorial-example>p:not(.eyebrow):not(.hint):not(.tutorial-status){font-size:12px;color:var(--muted)}
.tutorial-values{margin-top:16px;font-size:12px}
.tutorial-values>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--border)}
.tutorial-values dt{color:var(--muted)}.tutorial-values dd{color:#dbeafe;font-weight:700;white-space:nowrap}
.tutorial-answer{padding:18px 0}.tutorial-answer span{display:block;color:#a8bdd9;font-size:11px}.tutorial-answer strong{display:block;font-size:32px;font-weight:850;color:#dbeafe;letter-spacing:-.05em;line-height:1.4}
.tutorial-load{width:100%;background:#244b7c;border-color:#60a5fa60;font-size:13px}
#restoreCkzInputs{display:block;width:100%;margin-top:4px}
.tutorial-status{font-size:12px;color:#b9d8ff;margin:10px 0;line-height:1.6}.tutorial-status:empty{display:none}
.tutorial-example>.hint{margin-top:10px}
.tutorial-radius{border-top:1px solid var(--border);margin-top:16px;padding-top:7px}
.tutorial-radius summary{cursor:pointer;min-height:44px;align-content:center;font-size:12px;font-weight:700;color:#cddcf0}
.tutorial-radius p{font-size:12px;color:var(--muted);line-height:1.8;padding-top:6px}
.tutorial-tips{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.tutorial-tips h2{margin-bottom:5px}
@media(max-width:760px){.tutorial-grid{grid-template-columns:minmax(0,1fr);gap:24px}.ckz-tutorial>summary{padding:16px;gap:10px}.tutorial-body{padding:0 17px 20px}.tutorial-summary{font-size:11px}.tutorial-example{padding:17px}.tutorial-steps li{padding-left:36px}}
.wp-layout{display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);grid-template-areas:'controls result' 'controls analysis';gap:18px;align-items:start}.panel{min-width:0;border:1px solid var(--border);border-radius:16px;background:linear-gradient(155deg,#111d31e8,#0d1727ed);padding:22px;box-shadow:0 16px 44px #00000018}.wp-controls{grid-area:controls}.wp-result{grid-area:result;background:radial-gradient(ellipse at 90% 0%,#3b82f623,transparent 65%),linear-gradient(150deg,#12213a,#101a2b);border-color:#60a5fa35}.wp-analysis{grid-area:analysis}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font-size:16px;letter-spacing:-.025em}.text-button{border:0;background:transparent;color:#93c5fd;font-size:12px;min-height:40px;padding:5px 8px;cursor:pointer;font-weight:700}.field{min-width:0;display:grid;gap:7px;margin-top:16px}.field label{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;font-size:12px;font-weight:750;color:#c6d4e9;line-height:1.5}.field label span{font-size:10px;color:var(--muted);font-weight:500}.field input,.field select{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #94a3b82e;border-radius:9px;background:#080f1d;color:var(--text);font-size:16px;line-height:1.4;outline:none}.field input:focus,.field select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f617}.field [aria-invalid=true]{border-color:#fb7185}.field input:disabled{opacity:.55;cursor:not-allowed}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row .field{align-content:start}.input-unit{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px}.input-unit select{padding-inline:8px}.hint{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted)}fieldset{margin-top:20px;border:0;border-top:1px solid var(--border);padding-top:6px;min-width:0}legend{padding-right:12px;font-size:10px;letter-spacing:.12em;color:#93c5fd;font-weight:800;text-transform:uppercase}
.field-row label{min-height:36px;align-content:end}
.method-chip{color:#c4b5fd;border:1px solid #a78bfa3d;border-radius:6px;padding:4px 8px;font-size:10px;white-space:nowrap}.result-number{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;line-height:1.1;margin:24px 0 12px}.result-number strong{font-size:clamp(48px,7vw,78px);letter-spacing:-.065em;font-weight:850}.result-number>span{color:#9eb9dd;font-size:20px;font-weight:650}.result-description{color:#b7c9e2;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;padding-top:18px;border-top:1px solid var(--border);gap:12px}.result-metrics b{display:block;font-size:17px;letter-spacing:-.03em}.result-metrics span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.result-footer>span{font-size:10px;color:var(--muted)}#copyStatus:empty{display:none}#copyStatus{margin-top:8px}.input-error{margin-top:16px;padding:12px;border:1px solid #fb718550;border-radius:9px;background:#fb71850a;color:#fda4af;font-size:12px;line-height:1.7}.calculation-note{margin-top:14px;padding-left:11px;border-left:2px solid #a78bfa;color:#c5bddf;font-size:11px;line-height:1.65}
.relationship-chart{width:100%;min-height:200px}.relationship-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-empty{min-height:200px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;padding:22px}.calculation-details{margin-top:12px;border-top:1px solid var(--border);padding-top:5px}.calculation-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;color:#c7d9ef;font-size:12px;font-weight:750}.calculation-details summary::before{content:'+';color:var(--accent)}.calculation-details[open] summary::before{content:'−'}.equation{padding:12px;background:#080f1d;border:1px solid var(--border);border-radius:9px;font:12px/1.9 ui-monospace,Consolas,monospace;color:#c9d8ef;overflow-wrap:anywhere;white-space:pre-wrap}.detail-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11px}.detail-table td,.detail-table th{padding:8px 4px;border-bottom:1px solid var(--border);text-align:left;overflow-wrap:anywhere}.detail-table th{font-weight:600;color:var(--muted)}.detail-table td:last-child{text-align:right}.method-notes{padding:24px 2px 0;margin-top:26px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.8}.method-notes h2{font-size:14px;color:#d9e6f7;margin-bottom:9px}.method-notes p{max-width:1040px}.method-notes p+p{margin-top:9px}.method-notes b{color:#bdcce1;font-weight:650}.sources{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:11px}.sources a{color:#93c5fd}
@media(max-width:900px){.wp-wrap{width:calc(100% - 28px);margin-top:24px}.wp-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'result' 'controls' 'analysis'}.wp-heading{margin-bottom:22px}.wp-controls{padding:20px}.wp-controls .field-row{gap:16px}.panel{padding:20px}.result-number{margin-top:16px}.result-number strong{font-size:60px}}
@media(max-width:480px){.wp-wrap{width:calc(100% - 20px);margin-top:20px}.panel{padding:17px}.wp-heading>p:last-child{font-size:13px}.mode-tabs{gap:2px;padding:4px}.mode-tabs button{font-size:11px;padding:8px 6px}.result-number strong{font-size:54px}.result-number>span{font-size:17px}.result-metrics{gap:8px}.result-metrics b{font-size:15px}.result-metrics span{font-size:9px}.wp-controls .field-row{gap:12px}.field-row label{min-height:36px;align-content:end}.method-chip{font-size:9px}.sources{display:block}.sources span{margin:0 8px}}
.dvorak-table{table-layout:fixed}.dvorak-table caption{text-align:left;color:#bdcce1;margin:16px 0 4px;font-size:11px}.dvorak-table th,.dvorak-table td{text-align:right;font-variant-numeric:tabular-nums}.dvorak-table th:first-child{text-align:left;width:14%}.dvorak-table tr.is-current{background:#60a5fa14;color:#dbeafe}.dvorak-table tr.is-current th{color:#bfdbfe}
.wp-transfer{margin-top:22px;border-color:#60a5fa40}.wp-transfer .section-heading{flex-wrap:wrap;margin-bottom:6px}.wp-transfer h2{margin-top:4px}.wp-transfer fieldset{margin:14px 0 0;padding:0;border:0}.wp-transfer .field-row{max-width:660px}.wp-transfer>form{max-width:760px}.wp-transfer .field-row label{min-height:0}.wp-transfer #cycloneExistingEstimates{margin-top:12px}.transfer-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}.transfer-status{font-size:12px;line-height:1.7;color:#b9d8ff;margin-top:14px}.transfer-status:empty{display:none}.transfer-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:700}.wp-transfer #openCycloneEstimateTransfer,.wp-transfer #saveCycloneEstimate{background:#244b7c;border-color:#60a5fa60}.wp-transfer .btn:hover{background:#2b5a92}@media(max-width:480px){.wp-transfer .section-heading{align-items:start;gap:12px}.wp-transfer #openCycloneEstimateTransfer{width:100%}.wp-transfer .field-row{grid-template-columns:minmax(0,1fr);gap:0}.wp-transfer .transfer-actions{align-items:stretch;flex-direction:column}.wp-transfer .transfer-actions .btn{width:100%}}