@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#eae9ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131318;--surface:#1b1b22;--raised:#22222b;--border:#30303b;--text:#eae9ef;--muted:#a0a0b2;--accent:#b3a0f5;--accent-bg:#2a243e;--input:#15151b;--shadow:0 8px 30px #0000000a;background:#131318;font-family:DM Sans,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f8;--surface:#fff;--raised:#f1eff6;--border:#dfdce8;--text:#292633;--muted:#706b80;--accent:#7052b5;--accent-bg:#eee7fb;--input:#faf9fc;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1440px;height:88px;margin:auto;padding:0 56px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:26px;font-weight:800;display:flex}.brand-icon{background:var(--accent-bg);width:33px;height:33px;color:var(--accent);border-radius:9px;place-items:center;font-size:25px;display:grid}.brand-caption{letter-spacing:1.8px;color:var(--muted);border-left:1px solid var(--border);margin-left:18px;padding-left:26px;font:500 10px DM Sans,sans-serif}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:10px 15px;font-size:12px}.icon-button:hover{border-color:var(--accent)}main{max-width:1440px;margin:auto;padding:46px 56px 0}.intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;display:flex}.eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 12px;font-size:10px;font-weight:600}h1{letter-spacing:-1.5px;margin:0 0 12px;font:650 clamp(28px,3.2vw,42px)/1.2 Manrope,sans-serif}.subtitle{color:var(--muted);margin:0;font-size:14px}.live-badge{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.live-badge i{background:#8ac4a2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #8ac4a20b}.workspace{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:30px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.controls{padding:24px;position:sticky;top:24px}.panel-heading{justify-content:space-between;align-items:center;display:flex}h2{letter-spacing:-.3px;margin:0;font:650 16px Manrope,sans-serif}.text-button{color:var(--accent);background:0 0;border:0;padding:4px 0;font-size:12px}.hint{color:var(--muted);margin:10px 0 24px;font-size:11px;line-height:1.7}.footnote{border-top:1px solid var(--border);margin:24px 0 0;padding-top:18px}fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}legend{margin-bottom:16px;padding:0;font-size:12px;font-weight:600}legend span{color:var(--muted);margin-right:10px;font-size:10px}.fields{gap:12px;margin-top:12px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{color:var(--muted);flex-direction:column;gap:8px;min-width:0;font-size:11px;display:flex}.input-wrap{position:relative}.input-wrap>span{pointer-events:none;font-size:11px;position:absolute;top:13px;right:11px}.field input,.field select{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:7px;outline:none;min-height:42px;padding:11px;font-size:13px}.field input{appearance:textfield;padding-right:30px}.field input::-webkit-inner-spin-button{appearance:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.field input[aria-invalid=true]{border-color:#df7b88}.target{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0 22px}.target legend{float:none;width:auto;margin:0 0 8px}.presets{gap:7px;margin-top:12px;display:flex}.presets button{background:var(--raised);border:1px solid var(--border);color:var(--muted);border-radius:5px;flex:1;padding:6px 0;font-size:10px}.presets button:hover{color:var(--accent);border-color:var(--accent)}.results-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:18px;display:flex}#scale-label{background:var(--accent-bg);color:var(--accent);border-radius:5px;margin-left:7px;padding:4px 7px;font-size:11px}.segmented{border:1px solid var(--border);background:var(--input);border-radius:8px;padding:3px;display:flex}.segmented button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:7px 12px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--raised);color:var(--text);box-shadow:0 1px 4px #0002}.hero-grid{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.hero-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;padding:25px;overflow:hidden}.hero-card.primary{background:linear-gradient(135deg,var(--accent-bg),var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--border));position:relative}.hero-card p{letter-spacing:1.5px;color:var(--muted);margin:0 0 13px;font-size:10px}.hero-card h3{letter-spacing:-1px;overflow-wrap:anywhere;margin:0 0 10px;font:600 clamp(27px,3vw,42px)/1.15 Manrope,sans-serif}.hero-card.primary h3{color:var(--accent);font-size:clamp(34px,4vw,56px)}.hero-card small{color:var(--muted);font-size:11px}.hero-card .secondary-value{font-size:27px}.mini-divider{background:var(--border);height:1px;margin:21px 0}.height-art{border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent);align-items:flex-end;gap:9px;height:107px;margin:10px 0 20px;display:flex}.height-art span{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(0deg,transparent,color-mix(in srgb,var(--accent) 15%,transparent));border-bottom:none;border-radius:4px 4px 0 0;width:16px;height:20%}.height-art span:nth-child(2){height:28%}.height-art span:nth-child(3){height:37%}.height-art span:nth-child(4){height:47%}.height-art span:nth-child(5){height:59%}.height-art span:nth-child(6){height:72%}.height-art span:nth-child(7){height:85%}.height-art span:nth-child(8){background:color-mix(in srgb,var(--accent) 35%,transparent);height:100%}.comparison{justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:23px 25px;display:flex}.comparison .eyebrow{margin-bottom:8px;font-size:8px}.comparison h2{font-size:15px}.comparison p:last-child{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.6}.comparison>div:last-child{text-align:right;flex-shrink:0}.comparison strong{color:var(--accent);font:600 23px Manrope,sans-serif;display:block}.comparison span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.detail-card{padding:21px 23px}.detail-card summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.detail-card summary::-webkit-details-marker{display:none}.detail-card strong{font:650 14px Manrope,sans-serif}.detail-card small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.chevron{color:var(--muted)}details[open] .chevron{transform:rotate(180deg)}dl{margin:20px 0 0}dl div{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;font-size:11px;line-height:1.5;display:flex}dt{color:var(--muted)}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.results-note{color:var(--muted);margin:20px 0;font-size:10px}.error{color:var(--text);border:1px solid #df7b88;border-radius:10px;padding:20px;font-size:13px;line-height:1.6}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:36px;padding:30px 0;font-size:13px;display:flex}footer span{font-size:10px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width>=1500px){main{padding-top:60px}.intro{margin-bottom:44px}}@media (width<=1100px){.topbar{padding:0 30px}main{padding:35px 30px 0}.workspace{grid-template-columns:290px minmax(0,1fr);gap:22px}.controls,.hero-card,.comparison,.detail-card{padding:20px}.results-toolbar h2{font-size:14px}}@media (width<=850px){.workspace{grid-template-columns:1fr}.controls{position:static}.controls form{grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.panel-heading,#form-note,.footnote{grid-column:1/-1}.controls fieldset{margin:10px 0}.controls fieldset:last-of-type{grid-column:1/-1}.target{border:0;padding:0}.target legend{float:none;margin-bottom:16px}.intro .live-badge{display:none}.brand-caption{font-size:8px}.controls .footnote{margin-top:12px}.hero-card.primary h3{font-size:48px}}@media (width<=520px){.topbar{height:70px;padding:0 20px}.brand-caption{display:none}main{padding:30px 18px 0}.intro{margin-bottom:26px}h1{letter-spacing:-1px;font-size:29px}.subtitle{font-size:12px}.controls form{display:block}.controls fieldset{margin:24px 0}.target{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0}.target legend{float:none;margin-bottom:8px}.results-toolbar h2{font-size:13px}.segmented button{padding:7px 9px;font-size:10px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-card.primary h3{font-size:48px}.height-art{height:70px}.hero-card:not(.primary){grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.hero-card:not(.primary)>:nth-child(-n+3){grid-column:1}.hero-card:not(.primary)>:nth-child(5){grid-area:1/2}.hero-card:not(.primary)>:nth-child(6){grid-area:2/2}.hero-card:not(.primary)>:nth-child(7){grid-area:3/2}.hero-card h3,.hero-card .secondary-value{font-size:25px}.mini-divider{display:none}.comparison{align-items:flex-start}.comparison strong{font-size:20px}.detail-grid{grid-template-columns:1fr;gap:12px}footer{gap:20px}footer span{text-align:right;max-width:220px}}@media (width>=851px){.workspace{--toolbar-height:36px;--toolbar-gap:18px}.results-toolbar{height:var(--toolbar-height);margin-bottom:var(--toolbar-gap)}.controls{margin-top:calc(var(--toolbar-height) + var(--toolbar-gap))}}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}input,select{transition:border-color .15s}}.scale-comparisons{margin:18px 0;padding:25px}.comparison-heading>p:last-child{color:var(--muted);margin:9px 0 20px;font-size:12px;line-height:1.6}.comparison-rows{grid-template-columns:1fr 1fr;gap:0 26px;display:grid}.scale-comparison{border-top:1px solid var(--border);justify-content:space-between;gap:14px;min-width:0;padding:19px 0;display:flex;position:relative}.scale-comparison h3{color:var(--muted);margin:0 0 7px;font-size:11px;font-weight:500}.comparison-summary{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.comparison-info{align-self:flex-start;position:relative}.info-button{border:1px solid var(--border);background:var(--raised);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;font:600 14px Georgia,serif;display:grid}.info-button:hover,.info-button[aria-expanded=true]{border-color:var(--accent)}.info-content{background:var(--raised);border:1px solid var(--border);z-index:5;border-radius:10px;width:290px;max-width:calc(100vw - 70px);padding:18px;font-size:12px;line-height:1.6;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #0004}.info-content strong{font-size:12px}.info-content p{margin:9px 0}.info-content .precise-ratio{color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px}.info-content small{color:var(--muted);font-size:10px;display:block}.info-content a{color:var(--accent);text-underline-offset:3px;margin-top:13px;text-decoration:underline;display:inline-block}@media (width<=1100px){.comparison-rows{grid-template-columns:1fr}}@media (width<=520px){.scale-comparisons{padding:20px}.comparison-summary{font-size:13px}}.energy-motions{margin-top:18px}.energy-motion{border-top:1px solid var(--border);padding:16px 0 12px}.energy-motion h3{margin:0 0 9px;font:600 13px Manrope,sans-serif}.energy-motion dl{margin:0}.energy-motion dl div{border:0;gap:12px;padding:5px 0}.energy-motion dd{color:var(--accent)}.energy-caption{color:var(--muted);margin:8px 0 12px;font-size:10px;line-height:1.6}.energy-method{border-top:1px solid var(--border);color:var(--muted);padding-top:12px;font-size:11px;line-height:1.7}.detail-card .energy-method summary{color:var(--text);font-size:11px;list-style:disclosure-closed;display:list-item}.detail-card .energy-method[open] summary{list-style:disclosure-open}.energy-method a{color:var(--accent);text-underline-offset:3px;margin-top:8px;text-decoration:underline;display:block}
