:root{--color-primary:#00b8e6;--color-primary-hover:#009dc6;--color-primary-soft:#ecfcff;--color-primary-100:#c8f4ff;--color-accent:#e5007e;--color-accent-hover:#c2006b;--color-accent-soft:#ffeaf5;--color-lavender:#8c8ae6;--color-lavender-soft:#f4f3fe;--color-lavender-100:#e6e4fb;--color-lavender-700:#4c4170;--color-ink:#0f1117;--color-text:#1f2937;--color-text-muted:#6b7280;--color-neutral-600:#4b5563;--color-neutral-400:#9ca3af;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-white:#fff;--color-bg:#fff;--color-surface:#fff;--color-surface-subtle:#f3f4f6;--color-border:#e5e7eb;--color-error:#f04438;--gradient-brand:linear-gradient(135deg, #00b8e6 0%, #e5007e 100%);--gradient-hero:linear-gradient(160deg, #f4f3fe 0%, #ecfcff 100%);--font-display:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f11170f, 0 1px 3px #0f11171a;--shadow-md:0 8px 24px #0f111714;--container-max:1100px;--gutter:16px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--color-ink);margin:0 0 .5rem;line-height:1.15}img{max-width:100%}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding:0 var(--gutter);margin:0 auto}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;padding-top:24px;padding-bottom:48px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__inner{justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px;display:flex}.site-header__logo{width:auto;height:32px}.site-header__tag{font-family:var(--font-display);color:var(--color-neutral-600);text-align:right;font-size:.875rem;font-weight:600}.site-footer{background:var(--color-ink);color:var(--color-neutral-200);padding:24px 0;font-size:.875rem}.site-footer p{margin:0 0 4px}.hero{background:var(--gradient-hero);border-radius:var(--radius-lg);margin-bottom:24px;padding:28px 20px}.hero__logo{width:auto;height:40px;margin-bottom:12px}.hero h1{font-size:clamp(1.5rem,4.5vw,2.5rem);font-weight:800}.hero p{max-width:60ch;color:var(--color-neutral-600);margin:0}.tabs__list{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs__tab{font-family:var(--font-display);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:1rem;font-weight:600}.tabs__tab:hover{color:var(--color-ink)}.tabs__tab[aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-accent)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px var(--gutter)}.panel h2{font-size:1.5rem}.panel h3{margin-top:28px;font-size:1.125rem}.panel__intro{color:var(--color-neutral-600);margin:0 0 20px}.grid{gap:16px;margin-bottom:20px;display:grid}.grid--inputs{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.grid--results{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.field label{margin-bottom:4px;font-size:.875rem;font-weight:600;display:block}.field__control{align-items:center;gap:8px;display:flex}.field input[type=number],.field select{width:100%;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-neutral-400,#9ca3af);border-radius:var(--radius-md);padding:10px 12px}.field input:focus,.field select:focus{border-color:var(--color-primary)}.field__suffix{color:var(--color-text-muted);font-size:.875rem}.field__help{color:var(--color-text-muted);margin:4px 0 0;font-size:.8125rem;line-height:1.4}.field__error{color:#b42318;margin:4px 0 0;font-size:.8125rem;line-height:1.4}.field input[aria-invalid=true]{border-color:#b42318}.field--check label{align-items:center;gap:8px;font-weight:600;display:flex}.field--check input{width:20px;height:20px;accent-color:var(--color-accent)}.result-card{background:var(--color-lavender-soft);border-radius:var(--radius-md);padding:14px 16px}.result-card--highlight{background:var(--color-primary-soft);border:1px solid var(--color-primary-100)}.result-card--muted .result-card__value{color:var(--color-text-muted)}.result-card__label{color:var(--color-neutral-600);margin:0;font-size:.8125rem;font-weight:600}.result-card__value{font-family:var(--font-display);color:var(--color-ink);overflow-wrap:anywhere;margin:4px 0 0;font-size:1.5rem;font-weight:700}.result-card__help{color:var(--color-text-muted);margin:4px 0 0;font-size:.75rem}.table-wrap{overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:.9375rem}.results-table caption{text-align:left;font-family:var(--font-display);padding-bottom:8px;font-weight:700}.results-table th,.results-table td{border-bottom:1px solid var(--color-border);text-align:right;padding:10px 12px}.results-table th[scope=col]:first-child,.results-table th[scope=row]{text-align:left}.results-table thead th{background:var(--color-surface-subtle);font-size:.8125rem}.results-table tr.is-muted td{color:var(--color-text-muted);font-style:italic}@media (width<=640px){.site-header__tag{display:none}.results-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.results-table tr{border-bottom:1px solid var(--color-border);padding:8px 0;display:block}.results-table th,.results-table td{text-align:right;border:0;justify-content:space-between;padding:4px 8px;display:flex}.results-table th[scope=row]{font-family:var(--font-display);text-align:left}.results-table td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;font-weight:500}}.plan-selector{border:0;margin:0 0 24px;padding:0}.plan-selector legend{margin-bottom:8px;padding:0;font-size:.875rem;font-weight:600}.plan-selector__options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.plan-option{border:1px solid var(--color-neutral-200);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;column-gap:10px;padding:14px 16px;display:grid}.plan-option input{width:18px;height:18px;accent-color:var(--color-accent);grid-row:1/span 2;margin-top:3px}.plan-option--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.plan-option__title{font-weight:700}.plan-option__help{color:var(--color-text-muted);grid-column:2;font-size:.8125rem;line-height:1.4}.direction-selector{border:0;margin:0 0 20px;padding:0}.direction-selector legend{margin-bottom:8px;padding:0;font-size:.875rem;font-weight:600}.direction-selector__options{flex-wrap:wrap;gap:8px;display:inline-flex}.direction-option{border:1px solid var(--color-border,#d5d8e0);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:inline-flex}.direction-option input{width:16px;height:16px;accent-color:var(--color-accent)}.direction-option--active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.direction-option:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:16px;padding:10px 18px;font-weight:600}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-secondary:focus-visible,.dialog__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dialog-backdrop{z-index:50;background:#0f11178c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface,#fff);color:inherit;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dialog__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.dialog__header h2{margin:0;font-size:1.125rem}.dialog__close{border:1px solid var(--color-border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 14px}.dialog__body{padding:16px 20px 20px;overflow:hidden auto}.breakdown-note{color:var(--color-neutral-600);margin:0 0 12px;font-size:.875rem}.breakdown-section{margin-bottom:20px}.breakdown-section h3{margin:0 0 8px;font-size:1rem}.breakdown-table{border-collapse:collapse;width:100%}.breakdown-table th{text-align:left;overflow-wrap:anywhere;padding:6px 8px 6px 0;font-weight:400}.breakdown-table td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:6px 0}.breakdown-table tbody tr{border-bottom:1px solid var(--color-border)}.breakdown-table tfoot th,.breakdown-table tfoot td{padding-top:10px;font-weight:700}.breakdown-unavailable{color:var(--color-neutral-600);margin:0}