:root{--color-bg:#f5f3ef;--color-surface:#edebe6;--color-surface-raised:#e6e3dc;--color-rule:#c8c4bb;--color-text-muted:#8a8680;--color-text-body:#2a2825;--color-text-heading:#1a1816;--color-accent:#8b4a3c;--color-accent-light:#c4856a;--color-banner-bg:#fae4d0;--color-banner-text:#7a3820;--color-gross:#1a6b42;--color-gross-light:#2aa065;--color-tax:#8b3018;--color-tax-light:#c05030;--color-social:#1e3d82;--color-social-light:#3060c0;--color-deduction:#7a6510;--color-deduction-light:#b09020;--color-union:#5c2878;--color-union-light:#8a48a8;--color-net:#1a1816;--font-primary:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:2px;--radius-md:4px;--border-width:1px;--border-color:var(--color-rule);--border:1px solid var(--color-rule);--border-heavy:2px solid var(--color-text-body);--shadow-none:none;--shadow-focus:0 0 0 2px var(--color-accent);--content-max-width:900px;--content-padding-x:var(--space-6);--column-gap:var(--space-8);--section-gap:var(--space-12);--input-panel-width:40%;--result-panel-width:60%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text-body);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}p{line-height:var(--leading-normal)}button,input,select,textarea{font-family:var(--font-primary);font-size:var(--text-base)}button{cursor:pointer}a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-accent-light)}dl,dt,dd{margin:0;padding:0}:focus-visible{box-shadow:var(--shadow-focus);outline:none}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--content-padding-x);margin:0 auto}.site-header{border-bottom:var(--border-heavy);padding:var(--space-4) 0}.site-header__inner{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-header__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--color-text-heading)}.site-header__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-normal)}.site-main{padding:var(--space-6) 0;flex:1}.calculator{grid-template-columns:var(--input-panel-width) 1fr;gap:var(--column-gap);align-items:start;display:grid}.calculator__inputs{flex-direction:column;display:flex}.calculator__results{top:var(--space-6);position:sticky}.panel-section{padding-top:var(--space-6);border-top:var(--border);margin-top:var(--space-6)}.panel-section:first-child{border-top:none;margin-top:0;padding-top:0}.site-footer{border-top:var(--border);padding:var(--space-5) 0;margin-top:var(--space-6)}.site-footer__note{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:60ch}@media (width<=640px){.calculator{grid-template-columns:1fr}.site-header__inner{gap:var(--space-2);flex-direction:column}}.field{gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:var(--border);margin-bottom:var(--space-6);flex-direction:column;display:flex}.field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.field__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.field__badge{font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-body)}.field__row{gap:var(--space-2);display:flex}.field__wrapper{flex:1;align-items:stretch;display:flex;position:relative}.field__input{padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);font-variant-numeric:tabular-nums;color:var(--color-text-body);background-color:var(--color-surface);border:var(--border);border-radius:var(--radius-sm) 0 0 var(--radius-sm);appearance:textfield;border-right:none;outline:none;flex:1;transition:border-color .1s,box-shadow .1s}.field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field__input:hover{border-color:var(--color-text-muted)}.field__input:focus{border-color:var(--color-text-body);background-color:var(--color-bg);box-shadow:var(--shadow-focus)}.field__suffix{padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-surface-raised);border:var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:flex}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.salary-slider{appearance:none;background:var(--color-rule);border-radius:var(--radius-none);cursor:pointer;width:100%;height:2px;margin:var(--space-2) 0;border:none;outline:none}.salary-slider::-webkit-slider-thumb{appearance:none;background:var(--color-text-heading);border-radius:var(--radius-none);cursor:pointer;border:none;width:16px;height:16px;transition:background-color .1s}.salary-slider::-moz-range-thumb{background:var(--color-text-heading);border-radius:var(--radius-none);cursor:pointer;border:none;width:16px;height:16px;transition:background-color .1s}.salary-slider:hover::-webkit-slider-thumb{background:var(--color-accent)}.salary-slider:hover::-moz-range-thumb{background:var(--color-accent)}.salary-slider:focus-visible{box-shadow:var(--shadow-focus)}.toggle-group{gap:var(--space-2);flex-direction:column;display:flex}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.toggle__input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--color-rule);border-radius:var(--radius-none);border:none;flex-shrink:0;width:32px;height:16px;transition:background-color .1s;position:relative}.toggle__track:after{content:"";background:var(--color-text-muted);width:12px;height:12px;transition:transform .1s,background-color .1s;position:absolute;top:2px;left:2px}.toggle__input:checked+.toggle__track{background:var(--color-text-body)}.toggle__input:checked+.toggle__track:after{background:var(--color-bg);transform:translate(16px)}.toggle__input:focus-visible+.toggle__track{box-shadow:var(--shadow-focus)}.toggle__text{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-text-body);line-height:var(--leading-snug)}.step-slider{gap:var(--space-2);display:flex}.step-slider__btn{padding:var(--space-2) 0;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-surface);border:var(--border);border-radius:var(--radius-none);cursor:pointer;text-align:center;flex:1;transition:background-color .1s,color .1s,border-color .1s}.step-slider__btn:hover{border-color:var(--color-text-muted);color:var(--color-text-body)}.step-slider__btn[aria-pressed=true]{background:var(--color-text-heading);border-color:var(--color-text-heading);color:var(--color-bg)}.step-slider__btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.result-hero{padding-bottom:var(--space-6);border-bottom:var(--border-heavy);margin-bottom:var(--space-6)}.result-hero__label{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.result-hero__value{font-size:var(--text-3xl);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-text-heading)}.result-hero__share{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.breakdown{padding:0;padding-top:var(--space-4);margin:0}.breakdown__group{margin-top:var(--space-6)}.breakdown__group:first-child{margin-top:0}.breakdown__group-header{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:var(--border-heavy);margin-bottom:var(--space-1)}.breakdown__row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:var(--border);display:flex}.breakdown__row:last-child{border-bottom:none}.breakdown__row--sub{padding-left:var(--space-4)}.breakdown__row--sub .breakdown__term{color:var(--color-text-muted);font-size:var(--text-sm)}.breakdown__row--sub .breakdown__value{font-size:var(--text-sm)}.breakdown__row--total{border-top:var(--border-heavy);margin-top:var(--space-2);padding-top:var(--space-4);border-bottom:none}.breakdown__row--total .breakdown__term,.breakdown__row--total .breakdown__value{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text-heading)}.breakdown__term{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--leading-snug)}.breakdown__value{font-size:var(--text-base);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-body);white-space:nowrap;text-align:right}.breakdown__value--negative{color:var(--color-tax)}.breakdown__value--muted{color:var(--color-text-muted);font-weight:var(--weight-normal)}.source-panel{padding:var(--space-4) 0 0}.source-panel__summary{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.source-panel__summary::-webkit-details-marker{display:none}.source-panel__summary:before{content:"+ ";font-weight:var(--weight-normal);color:var(--color-accent)}.source-panel[open] .source-panel__summary:before{content:"− "}.source-panel__body{padding-top:var(--space-4);gap:var(--space-3);display:grid}.source-panel__body p{font-size:var(--text-xs);color:var(--color-text-muted);max-width:72ch;line-height:var(--leading-normal)}.source-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.source-list li{font-size:var(--text-xs)}.source-list a{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.source-list a:hover{color:var(--color-text-body)}.site-header__badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;color:var(--color-text-muted);border:var(--border);padding:var(--space-1) var(--space-3);align-self:center}.tab-nav{border-bottom:var(--border);margin-bottom:var(--space-4);display:flex}.tab-nav__btn{padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-none);cursor:pointer;background:0 0;border:none;position:relative}.tab-nav__btn:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-nav__btn--active{color:var(--color-text-heading)}.tab-nav__btn--active:after{background:var(--color-accent)}.tab-nav__btn:hover{color:var(--color-text-body)}.tab-nav__btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.dev-banner{width:100%;padding:var(--space-2) var(--space-6);background:var(--color-banner-bg);color:var(--color-banner-text);font-size:var(--text-sm);text-align:center;letter-spacing:.01em}.viz{margin-top:var(--space-6);padding-top:var(--space-5);margin-bottom:var(--space-3);border-top:var(--border)}.viz__bar{width:100%;height:48px;display:block}.viz__bar rect{transition:filter .12s}.viz__bar rect:hover{filter:brightness(1.25);cursor:default}.viz-labels{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.viz-label{align-items:center;gap:var(--space-2);grid-template-columns:12px minmax(0,auto) 1fr;min-width:0;display:grid}.viz-label__swatch{width:12px;height:12px;display:inline-block}.viz-label__value{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.viz-label__name{font-size:var(--text-sm);color:var(--color-text-body)}.viz-label--net .viz-label__swatch{background:var(--color-gross)}.viz-label--tax .viz-label__swatch{background:var(--color-tax)}.viz-label--pension .viz-label__swatch{background:var(--color-social)}.viz-label--additional .viz-label__swatch{background:var(--color-deduction)}.bottom-graph{margin-top:0;padding-top:0}.bottom-graph__header{margin-bottom:var(--space-4)}.bottom-graph__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-heading);margin:0 0 var(--space-1)}.bottom-graph__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.bottom-graph__chart{width:100%}.bottom-graph__svg{width:100%;height:auto;display:block}.bottom-graph__legend{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bottom-graph__item{align-items:center;gap:var(--space-2);grid-template-columns:12px minmax(0,auto) 1fr;display:grid}.bottom-graph__swatch{width:12px;height:12px;display:inline-block}.bottom-graph__label{font-size:var(--text-sm);color:var(--color-text-body)}.bottom-graph__item:last-child .bottom-graph__label,.bottom-graph__item:last-child .bottom-graph__value{font-weight:var(--weight-medium)}.bottom-graph__value{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}@media (width<=640px){.viz-labels,.bottom-graph__legend{grid-template-columns:1fr}}