@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--cnc-brand-50:hsl(195,100%,95%);--cnc-brand-100:hsl(195,97%,87%);--cnc-brand-200:hsl(195,94%,73%);--cnc-brand-300:hsl(195,90%,58%);--cnc-brand-400:hsl(195,90%,47%);--cnc-brand-500:hsl(195,95%,38%);--cnc-brand-600:hsl(195,100%,29%);--cnc-brand-700:hsl(205,100%,22%);--cnc-brand-800:hsl(215,100%,16%);--cnc-brand-900:hsl(220,100%,10%);--cnc-accent-300:hsl(38,100%,72%);--cnc-accent-400:hsl(38,100%,60%);--cnc-accent-500:hsl(38,100%,48%);--cnc-success:hsl(145,65%,45%);--cnc-warning:hsl(38,100%,52%);--cnc-error:hsl(4,85%,57%);--cnc-bg-base:hsl(220,22%,7%);--cnc-bg-elevated:hsl(220,20%,10%);--cnc-bg-overlay:hsl(220,18%,13%);--cnc-bg-card:hsl(220,16%,15%);--cnc-bg-input:hsl(220,14%,18%);--cnc-border-subtle:hsla(220,30%,60%,0.08);--cnc-border-default:hsla(220,30%,60%,0.15);--cnc-border-strong:hsla(220,30%,60%,0.30);--cnc-text-primary:hsl(210,40%,96%);--cnc-text-secondary:hsl(210,20%,70%);--cnc-text-muted:hsl(210,15%,50%);--cnc-text-disabled:hsl(210,10%,35%);.light,html.light{--cnc-bg-base:hsl(220,20%,98%);--cnc-bg-elevated:hsl(0,0%,100%);--cnc-bg-overlay:hsl(220,15%,96%);--cnc-bg-card:hsl(0,0%,100%);--cnc-bg-input:hsl(220,15%,94%);--cnc-border-subtle:hsla(220,30%,10%,0.05);--cnc-border-default:hsla(220,30%,10%,0.10);--cnc-border-strong:hsla(220,30%,10%,0.20);--cnc-text-primary:hsl(220,40%,10%);--cnc-text-secondary:hsl(220,20%,30%);--cnc-text-muted:hsl(220,15%,45%);--cnc-text-disabled:hsl(220,10%,60%);color-scheme:light}--cnc-font-sans:"Inter",system-ui,-apple-system,sans-serif;--cnc-font-mono:"JetBrains Mono","Fira Code",monospace;--cnc-text-xs:0.75rem;--cnc-text-sm:0.875rem;--cnc-text-base:1rem;--cnc-text-lg:1.125rem;--cnc-text-xl:1.25rem;--cnc-text-2xl:1.5rem;--cnc-text-3xl:1.875rem;--cnc-text-4xl:2.25rem;--cnc-text-5xl:3rem;--cnc-text-6xl:3.75rem;--cnc-leading-tight:1.25;--cnc-leading-snug:1.375;--cnc-leading-normal:1.5;--cnc-leading-relaxed:1.625;--cnc-space-1:0.25rem;--cnc-space-2:0.5rem;--cnc-space-3:0.75rem;--cnc-space-4:1rem;--cnc-space-5:1.25rem;--cnc-space-6:1.5rem;--cnc-space-8:2rem;--cnc-space-10:2.5rem;--cnc-space-12:3rem;--cnc-space-16:4rem;--cnc-space-20:5rem;--cnc-space-24:6rem;--cnc-radius-sm:0.25rem;--cnc-radius-md:0.5rem;--cnc-radius-lg:0.75rem;--cnc-radius-xl:1rem;--cnc-radius-2xl:1.5rem;--cnc-radius-full:9999px;--cnc-shadow-sm:0 1px 2px 0 hsla(220,50%,3%,0.5);--cnc-shadow-md:0 4px 12px 0 hsla(220,50%,3%,0.4);--cnc-shadow-lg:0 10px 30px 0 hsla(220,50%,3%,0.45);--cnc-shadow-xl:0 20px 60px 0 hsla(220,50%,3%,0.5);--cnc-shadow-glow:0 0 30px hsla(195,90%,47%,0.25);--cnc-ease-default:cubic-bezier(0.4,0,0.2,1);--cnc-ease-in:cubic-bezier(0.4,0,1,1);--cnc-ease-out:cubic-bezier(0,0,0.2,1);--cnc-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--cnc-duration-fast:120ms;--cnc-duration-normal:200ms;--cnc-duration-slow:350ms;--cnc-z-base:0;--cnc-z-raised:10;--cnc-z-overlay:100;--cnc-z-modal:200;--cnc-z-toast:300;--cnc-z-tooltip:400}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--cnc-text-base);line-height:var(--cnc-leading-normal)}.cnc-glass{background:hsla(220,18%,13%,.7);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid var(--cnc-border-default)}:focus-visible{outline:2px solid var(--cnc-brand-400);outline-offset:2px;border-radius:var(--cnc-radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cnc-border-strong);border-radius:var(--cnc-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cnc-text-muted)}::selection{background:hsla(195,90%,47%,.3);color:var(--cnc-text-primary)}body{background-color:var(--cnc-bg-base);color:var(--cnc-text-primary);font-family:var(--cnc-font-sans);min-height:100vh;margin:0;padding:0}.calc-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--cnc-space-8);gap:var(--cnc-space-8);max-width:1200px;margin:0 auto}@media (min-width:992px){.calc-layout{grid-template-columns:5fr 7fr}}.calc-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cnc-border-default);padding:var(--cnc-space-4) 0;margin-bottom:var(--cnc-space-8)}.calc-logo{font-size:var(--cnc-text-xl);font-weight:800;text-decoration:none;letter-spacing:-.03em}.calc-logo-accent{background:linear-gradient(135deg,var(--cnc-brand-300),var(--cnc-brand-400));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.calc-tabs{display:flex;gap:var(--cnc-space-2);margin-bottom:var(--cnc-space-6);border-bottom:1px solid var(--cnc-border-subtle);padding-bottom:var(--cnc-space-3)}.calc-tab-btn{background:transparent;border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-md);color:var(--cnc-text-secondary);font-family:var(--cnc-font-mono);font-size:var(--cnc-text-xs);padding:var(--cnc-space-2) var(--cnc-space-4);cursor:pointer;transition:all var(--cnc-duration-fast) var(--cnc-ease-default)}.calc-tab-btn:hover{border-color:var(--cnc-border-strong);color:var(--cnc-text-primary)}.calc-tab-btn.active{background:hsla(195,90%,47%,.1);border-color:var(--cnc-brand-400);color:var(--cnc-brand-300);box-shadow:0 0 10px hsla(195,90%,47%,.15)}.calc-panel{background:var(--cnc-bg-card);border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-xl);padding:var(--cnc-space-6);box-shadow:var(--cnc-shadow-md);position:relative;overflow:hidden}.calc-panel-header{margin-bottom:var(--cnc-space-6)}.calc-panel-title{font-size:var(--cnc-text-lg);font-weight:700;color:var(--cnc-text-primary);margin-bottom:var(--cnc-space-1)}.calc-panel-subtitle{font-size:var(--cnc-text-xs);color:var(--cnc-text-muted);font-family:var(--cnc-font-mono)}.calc-control-group{display:flex;flex-direction:column;gap:var(--cnc-space-4)}.calc-slider-box{display:flex;flex-direction:column;gap:var(--cnc-space-1.5);padding:var(--cnc-space-3) var(--cnc-space-4);background:var(--cnc-bg-elevated);border:1px solid var(--cnc-border-subtle);border-radius:var(--cnc-radius-lg);transition:border-color var(--cnc-duration-normal) ease}.calc-slider-box:focus-within{border-color:var(--cnc-brand-400)}.calc-slider-header{display:flex;justify-content:space-between;align-items:center}.calc-slider-label{font-size:var(--cnc-text-xs);color:var(--cnc-text-secondary);font-weight:600}.calc-slider-value{font-size:var(--cnc-text-sm);font-family:var(--cnc-font-mono);color:var(--cnc-brand-300);font-weight:700}.calc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--cnc-radius-full);background:var(--cnc-bg-input);outline:none;margin:var(--cnc-space-2) 0;cursor:pointer}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--cnc-radius-full);background:var(--cnc-brand-400);box-shadow:0 0 8px var(--cnc-brand-400);-webkit-transition:transform var(--cnc-duration-fast) ease,background-color var(--cnc-duration-fast) ease;transition:transform var(--cnc-duration-fast) ease,background-color var(--cnc-duration-fast) ease}.calc-slider::-webkit-slider-thumb:hover{background:var(--cnc-brand-300);transform:scale(1.2)}.calc-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--cnc-radius-full);background:var(--cnc-brand-400);box-shadow:0 0 8px var(--cnc-brand-400);-moz-transition:transform var(--cnc-duration-fast) ease,background-color var(--cnc-duration-fast) ease;transition:transform var(--cnc-duration-fast) ease,background-color var(--cnc-duration-fast) ease;cursor:pointer}.calc-slider::-moz-range-thumb:hover{background:var(--cnc-brand-300);transform:scale(1.2)}.calc-results-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--cnc-space-4);gap:var(--cnc-space-4);margin-bottom:var(--cnc-space-6)}@media (min-width:576px){.calc-results-grid{grid-template-columns:repeat(3,1fr)}}.calc-result-card{background:var(--cnc-bg-elevated);border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-lg);padding:var(--cnc-space-5);display:flex;flex-direction:column;justify-content:center;position:relative;transition:border-color var(--cnc-duration-normal) ease,box-shadow var(--cnc-duration-normal) ease}.calc-result-card:hover{border-color:var(--cnc-brand-400);box-shadow:var(--cnc-shadow-glow)}.calc-result-label{font-size:var(--cnc-text-xs);color:var(--cnc-text-muted);font-family:var(--cnc-font-mono)}.calc-result-val{font-size:var(--cnc-text-2xl);font-weight:800;font-family:var(--cnc-font-mono);color:var(--cnc-brand-300);margin-top:var(--cnc-space-2)}.calc-result-lbl{font-size:9px;color:var(--cnc-text-muted);margin-top:var(--cnc-space-1);font-family:var(--cnc-font-mono)}.calc-code-panel{background:var(--cnc-bg-overlay);border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-lg);padding:var(--cnc-space-4) var(--cnc-space-5)}.calc-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--cnc-space-3);border-bottom:1px solid var(--cnc-border-subtle);padding-bottom:var(--cnc-space-2)}.calc-code-title{font-size:10px;color:var(--cnc-text-muted);font-family:var(--cnc-font-mono);font-weight:700;letter-spacing:.05em}.calc-code-block{font-family:var(--cnc-font-mono);font-size:var(--cnc-text-xs);color:var(--cnc-text-secondary);line-height:var(--cnc-leading-relaxed);overflow-x:auto;white-space:pre-wrap;margin:0}.calc-blueprint{border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-lg);background:var(--cnc-bg-overlay);padding:var(--cnc-space-4);display:flex;flex-direction:column;align-items:center}.calc-blueprint-header{width:100%;display:flex;justify-content:space-between;font-size:10px;font-family:var(--cnc-font-mono);color:var(--cnc-text-muted);border-bottom:1px solid var(--cnc-border-subtle);padding-bottom:var(--cnc-space-2);margin-bottom:var(--cnc-space-4)}.calc-warning-box{background:hsla(4,85%,57%,.05);border:1px solid hsla(4,85%,57%,.2);border-radius:var(--cnc-radius-md);padding:var(--cnc-space-3) var(--cnc-space-4);font-size:var(--cnc-text-xs);color:var(--cnc-error);font-family:var(--cnc-font-mono);margin-top:var(--cnc-space-4)}.calc-unit-toggle-compact{display:flex;align-items:center;gap:2px;background:var(--cnc-bg-input);border:1px solid var(--cnc-border-default);border-radius:var(--cnc-radius-md);padding:2px;margin-top:-2px}.calc-unit-btn-compact{background:transparent;border:1px solid transparent;color:var(--cnc-text-muted);font-family:var(--cnc-font-mono);font-size:10px;font-weight:700;padding:3px var(--cnc-space-2.5);border-radius:var(--cnc-radius-sm);cursor:pointer;transition:all var(--cnc-duration-fast) var(--cnc-ease-default);line-height:1}.calc-unit-btn-compact:hover{color:var(--cnc-text-primary)}.calc-unit-btn-compact.active{background:hsla(195,90%,47%,.15);border-color:rgba(0,240,255,.2);color:var(--cnc-brand-300);box-shadow:0 0 6px hsla(195,90%,47%,.1)}