:root{--bg: #f6f4ee;--bg-gradient-start: #fcfbf8;--bg-gradient-end: #f6f4ee;--bg-glow-primary: rgba(77, 148, 255, .18);--bg-glow-secondary: rgba(77, 148, 255, .08);--surface: rgba(255, 255, 255, .75);--surface-strong: #ffffff;--surface-raised: rgba(255, 255, 255, .78);--text-strong: #122033;--text: #38506a;--text-soft: #6a8096;--brand: #4d94ff;--brand-strong: #1f6fe5;--brand-dark: #0d4ea6;--brand-contrast: #f8fbff;--border: rgba(15, 53, 87, .12);--shadow: 0 24px 60px rgba(18, 32, 51, .12);--shadow-soft: 0 14px 34px rgba(18, 32, 51, .08);--header-bg: rgba(246, 244, 238, .86);--nav-pill-bg: rgba(255, 255, 255, .74);--nav-link-color: #23405f;--nav-link-bg: rgba(255, 255, 255, .72);--nav-link-border: rgba(15, 53, 87, .1);--nav-link-hover-color: #113d73;--nav-link-hover-bg: rgba(77, 148, 255, .12);--nav-link-hover-border: rgba(77, 148, 255, .26);--nav-link-active-color: #0d4ea6;--nav-link-active-bg: rgba(77, 148, 255, .18);--nav-link-active-border: rgba(77, 148, 255, .28);--hero-panel-bg: linear-gradient(180deg, rgba(239, 246, 255, .96), rgba(227, 239, 255, .92));--hero-panel-text: #17385e;--hero-panel-muted: #53708f;--hero-panel-border: rgba(77, 148, 255, .18);--hero-panel-card-bg: rgba(255, 255, 255, .72);--hero-panel-card-border: rgba(77, 148, 255, .16);--hero-panel-card-heading: #12355a;--hero-panel-card-text: #5b7390;--hero-visual-bg: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(231, 241, 255, .9));--hero-visual-border: rgba(77, 148, 255, .2);--hero-visual-glow: rgba(77, 148, 255, .2);--hero-visual-card: rgba(77, 148, 255, .12);--hero-visual-card-strong: rgba(77, 148, 255, .2);--hero-visual-text: #19426f;--hero-visual-soft: rgba(25, 66, 111, .36);--hero-visual-accent: #4d94ff;--hero-visual-accent-strong: #1f6fe5;--footer-bg: #081521;--footer-text: rgba(255, 255, 255, .82);--footer-heading: #f5fbff;--footer-muted: rgba(255, 255, 255, .65);--footer-border: rgba(255, 255, 255, .08);--input-bg: #f9fbff;--result-bg: #fbfcff;--input-focus-border: rgba(77, 148, 255, .42);--input-focus-ring: rgba(77, 148, 255, .14);--subsection-bg: rgba(77, 148, 255, .06);--subsection-border: rgba(77, 148, 255, .14);--result-highlight-bg: linear-gradient(135deg, rgba(77, 148, 255, .14), rgba(77, 148, 255, .06));--result-highlight-border: rgba(77, 148, 255, .22);--result-accent-bg: linear-gradient(135deg, rgba(111, 227, 193, .12), rgba(111, 227, 193, .04));--result-accent-border: rgba(111, 227, 193, .22);--surface-hover-border: rgba(77, 148, 255, .24);--surface-hover-shadow: 0 20px 46px rgba(18, 32, 51, .14);--scrollbar-track: rgba(77, 148, 255, .08);--scrollbar-thumb: rgba(77, 148, 255, .34);--scrollbar-thumb-hover: rgba(31, 111, 229, .52);--chart-fill-start: rgba(91, 160, 255, .42);--chart-fill-end: rgba(91, 160, 255, .02);--radius-xl: 1.8rem;--radius-lg: 1.2rem;--radius-md: .95rem;--container-width: 1440px;--font-body: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--font-display: "Trebuchet MS", "Segoe UI", sans-serif}:root[data-theme=dark]{--bg: #07111d;--bg-gradient-start: #091523;--bg-gradient-end: #07111d;--bg-glow-primary: rgba(77, 148, 255, .24);--bg-glow-secondary: rgba(77, 148, 255, .12);--surface: rgba(12, 22, 36, .78);--surface-strong: #0f1b2d;--surface-raised: rgba(16, 28, 45, .86);--text-strong: #f4f9ff;--text: #c4d5e7;--text-soft: #8ea5ba;--brand: #63a7ff;--brand-strong: #3f8cff;--brand-dark: #8fc2ff;--brand-contrast: #04111f;--border: rgba(121, 170, 255, .15);--shadow: 0 24px 60px rgba(0, 0, 0, .34);--shadow-soft: 0 14px 34px rgba(0, 0, 0, .26);--header-bg: rgba(7, 17, 29, .88);--nav-pill-bg: rgba(16, 28, 45, .82);--nav-link-color: #d6e7fa;--nav-link-bg: rgba(23, 38, 58, .92);--nav-link-border: rgba(118, 160, 228, .18);--nav-link-hover-color: #f4f9ff;--nav-link-hover-bg: rgba(77, 148, 255, .18);--nav-link-hover-border: rgba(118, 170, 255, .32);--nav-link-active-color: #ffffff;--nav-link-active-bg: rgba(77, 148, 255, .28);--nav-link-active-border: rgba(118, 170, 255, .38);--hero-panel-bg: linear-gradient(180deg, rgba(16, 29, 46, .96), rgba(7, 17, 29, .98));--hero-panel-text: #edf6ff;--hero-panel-muted: rgba(205, 226, 248, .72);--hero-panel-border: rgba(122, 176, 255, .2);--hero-panel-card-bg: rgba(255, 255, 255, .06);--hero-panel-card-border: rgba(255, 255, 255, .08);--hero-panel-card-heading: #f6fbff;--hero-panel-card-text: rgba(205, 226, 248, .72);--hero-visual-bg: linear-gradient(145deg, rgba(17, 31, 49, .98), rgba(10, 20, 33, .98));--hero-visual-border: rgba(122, 176, 255, .24);--hero-visual-glow: rgba(77, 148, 255, .3);--hero-visual-card: rgba(255, 255, 255, .06);--hero-visual-card-strong: rgba(99, 167, 255, .16);--hero-visual-text: #eef6ff;--hero-visual-soft: rgba(238, 246, 255, .3);--hero-visual-accent: #63a7ff;--hero-visual-accent-strong: #96c5ff;--footer-bg: #050d16;--footer-text: rgba(233, 243, 255, .82);--footer-heading: #f5fbff;--footer-muted: rgba(214, 228, 244, .62);--footer-border: rgba(152, 187, 255, .1);--input-bg: #0a1626;--result-bg: #0c1828;--input-focus-border: rgba(122, 176, 255, .44);--input-focus-ring: rgba(122, 176, 255, .16);--subsection-bg: rgba(77, 148, 255, .12);--subsection-border: rgba(122, 176, 255, .18);--result-highlight-bg: linear-gradient(135deg, rgba(77, 148, 255, .22), rgba(77, 148, 255, .1));--result-highlight-border: rgba(118, 170, 255, .32);--result-accent-bg: linear-gradient(135deg, rgba(111, 227, 193, .18), rgba(111, 227, 193, .08));--result-accent-border: rgba(111, 227, 193, .28);--surface-hover-border: rgba(122, 176, 255, .32);--surface-hover-shadow: 0 22px 48px rgba(0, 0, 0, .32);--scrollbar-track: rgba(99, 167, 255, .1);--scrollbar-thumb: rgba(99, 167, 255, .34);--scrollbar-thumb-hover: rgba(150, 197, 255, .54);--chart-fill-start: rgba(99, 167, 255, .34);--chart-fill-end: rgba(99, 167, 255, .04);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,var(--bg-glow-primary),transparent 32%),radial-gradient(circle at right 10%,var(--bg-glow-secondary),transparent 30%),linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);transition:background-color .18s ease,color .18s ease}body.is-mobile-menu-open{overflow:hidden;overscroll-behavior:none}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}:is(body,.site-header__actions,.navbar__menu,.number-input,textarea.number-input){scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:is(body,.site-header__actions,.navbar__menu,.number-input,textarea.number-input)::-webkit-scrollbar{width:.82rem;height:.82rem}:is(body,.site-header__actions,.navbar__menu,.number-input,textarea.number-input)::-webkit-scrollbar-track{background:linear-gradient(180deg,transparent,var(--scrollbar-track) 18%,transparent);border-radius:999px}:is(body,.site-header__actions,.navbar__menu,.number-input,textarea.number-input)::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb),var(--scrollbar-thumb-hover));border:3px solid transparent;border-radius:999px;background-clip:padding-box}:is(body,.site-header__actions,.navbar__menu,.number-input,textarea.number-input)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--scrollbar-thumb-hover),var(--brand));border:3px solid transparent;background-clip:padding-box}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:0 1.25rem;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--brand-contrast);box-shadow:0 14px 30px #4d94ff3d}.button--secondary{background:var(--surface-raised);color:var(--brand-dark);border:1px solid var(--border)}.text-link{color:var(--brand-dark);font-weight:700;text-decoration:none}.section-tag{margin:0;color:var(--brand-dark);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section-heading{display:grid;gap:.75rem;margin-bottom:1.15rem;min-width:0}.section-heading h2,.section-heading p{margin:0}.section-heading h2{color:var(--text-strong);font:700 clamp(1.9rem,3vw,2.5rem)/1.1 var(--font-display);letter-spacing:-.04em}.section-heading p{max-width:65ch;line-height:1.75;overflow-wrap:anywhere}.page-section,.prose-card{min-width:0;padding:clamp(1.25rem,3vw,1.75rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.prose-card h2,.prose-card p{margin:0}.prose-card h2{margin-bottom:.9rem;color:var(--text-strong);font:700 clamp(1.5rem,2.4vw,2rem)/1.15 var(--font-display);letter-spacing:-.03em}.prose-card p+p{margin-top:.9rem}.prose-card p{max-width:72ch;line-height:1.8;overflow-wrap:anywhere}.empty-state{margin:0;color:var(--text-soft);line-height:1.7;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes surface-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-panel-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}:is(.library-card,.featured-card,.home-platform__card,.library-card__item,.calculator-page__related-card,.related-calculators__card,.calculator-subsection,.result-card){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}@media(hover:hover){:is(.library-card,.featured-card,.home-platform__card,.library-card__item,.calculator-page__related-card,.related-calculators__card,.calculator-subsection,.result-card):hover{transform:translateY(-3px);border-color:var(--surface-hover-border);box-shadow:var(--surface-hover-shadow)}}@media(prefers-reduced-motion:no-preference){:is(.home-hero,.page-section,.prose-card,.calculator-shell__panel,.calculator-shell__content,.calculator-shell__results,.calculator-shell__info,.calculator-shell__disclaimer,.library-card,.featured-card,.home-platform__card,.calculator-page__related-card,.related-calculators__card){animation:surface-enter .52s cubic-bezier(.2,.8,.2,1) both}:is(.button,.site-header__cta,.theme-toggle,.navbar__link,.navbar__trigger){transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease,background-color .18s ease,color .18s ease}:is(.button,.site-header__cta):hover{box-shadow:0 14px 32px #4d94ff38}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:720px){.button{min-height:2.95rem;padding:0 1rem}.section-heading p,.prose-card p{max-width:none}.prose-card{padding:1.1rem}}.calculator-form-grid{display:grid;gap:1rem;align-items:start}.form-field{display:grid;gap:.5rem;align-content:start;min-width:0}.form-field>span:first-child{color:var(--text-strong);font-weight:700;line-height:1.4}.field-hint{color:var(--text-soft);font-size:.92rem;line-height:1.6}.number-input{width:100%;min-height:3.25rem;padding:.95rem 1rem;color:var(--text-strong);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);appearance:none;line-height:1.45;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.number-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring)}select.number-input{padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6.5L8 10.5L12 6.5' fill='none' stroke='%2396abc7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;white-space:nowrap}select.number-input option{color:var(--text-strong);background:var(--surface-strong)}.number-input--multiline{min-height:8.5rem;resize:vertical}.calculator-form-stack{display:grid;gap:1rem}.calculator-subsection{display:grid;gap:.85rem;min-width:0;padding:1rem;background:var(--subsection-bg);border:1px solid var(--subsection-border);border-radius:var(--radius-lg)}.calculator-subsection__title{margin:0;color:var(--text-strong);font-size:1rem}.result-list{display:grid;gap:1.1rem;align-items:stretch;min-width:0}.result-card{display:grid;align-content:start;gap:.32rem;min-width:0;padding:1.05rem 1.1rem;min-height:7.4rem;background:var(--result-bg);border:1px solid var(--border);border-radius:var(--radius-md)}.result-card p,.result-card strong,.result-card small{margin:0}.result-card p{color:var(--text);line-height:1.35;overflow-wrap:anywhere}.result-card strong{color:var(--text-strong);font:700 clamp(1.22rem,3vw,1.62rem)/1.02 var(--font-display);letter-spacing:-.04em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.result-card small{color:var(--text-soft);line-height:1.35;overflow-wrap:anywhere}.result-card--highlight{background:var(--result-highlight-bg);border-color:var(--result-highlight-border)}.result-card--accent{background:var(--result-accent-bg);border-color:var(--result-accent-border)}@media(min-width:780px){.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}.result-list:has(>.result-card:nth-child(3):last-child)>.result-card:first-child{grid-column:1/-1}}@media(min-width:860px){.form-field:has(.field-hint){grid-template-rows:auto minmax(2.8rem,auto) auto}.calculator-form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.calculator-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.number-input{min-height:3rem;padding:.85rem .9rem}select.number-input{padding-right:2.6rem;background-position:right .85rem center}.calculator-subsection,.result-card{padding:.95rem}}
