:root{--bg-primary:#0a0a0b;--bg-secondary:#18181b;--bg-tertiary:#111113;--bg-card:#18181b;--border-color:#27272a;--border-hover:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--accent:#6d28d9;--accent-light:#8b5cf6;--accent-blue:#8b5cf6;--accent-blue-hover:#a78bfa;--accent-green:#34d399;--accent-red:#f87171;--accent-orange:#fbbf24;--border:#27272a;--gradient-1:linear-gradient(135deg, #6d28d9 0%, #2563eb 100%);--gradient-2:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--accent-glow:#8b5cf626;--shadow-sm:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow-md:0 4px 8px -2px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 12px 20px -8px #0009;--radius:12px;--radius-lg:16px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem;position:relative}h1{letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2.5rem;display:flex}.title-emoji{-webkit-text-fill-color:initial;color:inherit;background:0 0}.title-text{background:linear-gradient(135deg,#6d28d9 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400}.repo-link{color:var(--text-secondary);margin-top:1rem;font-size:.9rem}.repo-link a{color:var(--accent-blue);border-bottom:1px dashed var(--accent-blue);text-decoration:none}.repo-link a:hover{color:var(--accent-blue-hover);border-bottom-color:var(--accent-blue-hover)}.note a{color:var(--accent-blue);border-bottom:1px dashed var(--accent-blue);font-weight:600;text-decoration:none}.note a:hover{color:var(--accent-blue-hover);border-bottom-color:var(--accent-blue-hover)}.toolbar-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;z-index:10;min-height:42px;color:inherit;border-radius:40px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.toolbar-switch:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.toolbar-switch[aria-pressed=true]{border-color:var(--accent-blue);color:var(--accent-blue);background:#8b5cf614}.toolbar-switch:hover[aria-pressed=true]{color:#fff;background:var(--accent-blue)}.salary-mode-selector{border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:40px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.salary-mode-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.45rem .9rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.salary-mode-btn:hover{color:var(--accent-blue);background:#8b5cf61a}.salary-mode-btn.active,.salary-mode-btn[aria-pressed=true]{background:var(--accent-blue);color:#fff;box-shadow:0 2px 6px #8b5cf640}.salary-mode-btn:hover[aria-pressed=true]{color:#fff;background:var(--accent-blue-hover)}.retention-mode-selector{border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:40px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.retention-mode-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s}.retention-mode-btn:hover{color:var(--accent-blue);background:#8b5cf61a}.retention-mode-btn.active,.retention-mode-btn[aria-pressed=true]{background:var(--accent-blue);color:#fff;box-shadow:0 2px 6px #8b5cf640}.retention-mode-btn:hover[aria-pressed=true]{color:#fff;background:var(--accent-blue-hover)}.mode-selector{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.compare-controls{border:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.compare-controls[hidden]{display:none}.compare-controls-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:600}.compare-controls-actions{align-items:center;gap:.6rem;display:inline-flex}.compare-count-btn{border:1.5px solid var(--border-color);background:var(--bg-tertiary);width:2.2rem;height:2.2rem;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.compare-count-btn:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-1px)}.compare-count-btn:disabled{opacity:.4;cursor:not-allowed}.compare-count-display{text-align:center;min-width:8.5rem;color:var(--text-primary);font-size:.95rem;font-weight:600}.mode-btn{border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:60px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;transition:all .2s}.mode-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#8b5cf61a}.mode-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 2px 6px #8b5cf640}.calculators{gap:2rem;margin-top:2rem;display:grid}.calculators.compare-mode{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.calculators.single-mode{grid-template-columns:1fr;max-width:820px;margin:2rem auto 0}.calculator{background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:1.25rem;padding:1.8rem;position:relative;overflow:hidden}.calculator:before{content:"";background:linear-gradient(135deg, var(--accent-glow) 0%, transparent 50%);opacity:0;transition:var(--transition);pointer-events:none;position:absolute;inset:0}.calculator:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.calculator:hover:before{opacity:1}.calc-title{color:var(--accent-blue);letter-spacing:-.2px;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.section{margin-bottom:1.75rem;padding:0}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.salary-display{color:var(--accent-blue);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.salary-display-input{background:var(--bg-tertiary);border:1px solid var(--border-color);width:100%;color:var(--accent-blue);cursor:text;-moz-appearance:textfield;border-radius:8px;outline:none;margin-bottom:1rem;padding:.4rem 1rem;font-family:inherit;font-size:2.5rem;font-weight:700;line-height:1.2;transition:border-color .2s,background .2s,box-shadow .2s;display:block}.salary-display-input::-webkit-outer-spin-button,.salary-display-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.salary-display-input:hover{border-color:var(--text-tertiary);background:var(--bg-secondary)}.salary-display-input:focus{border-color:var(--accent-blue);background:var(--bg-secondary);box-shadow:0 0 0 3px #8b5cf61f}input[type=range]{background:var(--bg-tertiary);-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:5px;outline:none;width:100%;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-blue);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 1px 4px #00000026}input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-blue-hover);transform:scale(1.2)}.range-limits{color:var(--text-tertiary);justify-content:space-between;margin-top:.5rem;font-size:.7rem;display:flex}.input-mode-result{color:var(--text-secondary);background:#8b5cf614;border:1px solid #8b5cf62e;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;padding:.85rem 1rem;font-size:.88rem;display:flex}.input-mode-result[hidden]{display:none}.input-mode-result strong{color:var(--accent-blue);white-space:nowrap;font-size:1rem}input[type=number]{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.5rem;width:130px;padding:.6rem .75rem;font-size:.9rem;transition:all .2s}input[type=number]:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #8b5cf626}.paycheck-buttons{flex-wrap:wrap;gap:.65rem;margin-top:.5rem;display:flex}.paycheck-btn{border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;background:var(--bg-primary);border-radius:40px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.paycheck-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#8b5cf61a}.paycheck-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.fiscal-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;margin:1rem 0 1.2rem;padding:1rem}.fiscal-header{cursor:pointer;user-select:none;border-radius:.5rem;justify-content:space-between;align-items:center;margin:0;padding:.05rem 0;transition:background .15s;display:flex}.fiscal-header:hover{background:#ffffff0a}.fiscal-header-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.fiscal-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:1.05rem;font-weight:700;line-height:1;transition:transform .2s,color .2s;transform:rotate(180deg)}.fiscal-group.collapsed .fiscal-chevron{color:var(--text-tertiary);transform:rotate(0)}.fiscal-header:hover .fiscal-chevron,.fiscal-header:hover .fiscal-header-title,.fiscal-group.collapsed .fiscal-header:hover .fiscal-chevron,.fiscal-group.collapsed .fiscal-header:hover .fiscal-header-title{color:var(--accent-blue)}.fiscal-body{opacity:1;max-height:2000px;transition:max-height .3s,opacity .2s;overflow:hidden}.fiscal-body>:first-child{margin-top:.75rem}.fiscal-group.collapsed .fiscal-body{opacity:0;max-height:0;margin-top:0}.region-selector{margin-bottom:1rem}.inline-select{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.children-field-group{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:.45rem;width:100%;display:grid}.children-main-row,.children-exact-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.children-exact-wrapper{border-left:2px solid var(--border-color);margin-left:.15rem;padding-left:.9rem}.children-exact-wrapper[hidden]{display:none}.inline-select label{color:var(--text-primary);font-weight:500}select,.children-exact-input,.company-atep-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:60px;max-width:100%;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}select:focus,.children-exact-input:focus,.company-atep-input:focus{border-color:var(--accent-blue);outline:none}.children-exact-input{width:6.5rem}.inline-input-with-suffix{align-items:center;gap:.45rem;display:flex}.retention-inline-control{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.retention-manual-input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.retention-manual-input[hidden]{display:none}.withholding-rate-input{text-align:right;width:5.25rem;box-shadow:none;background:0 0;border:none;padding:0}.withholding-rate-input:focus{box-shadow:none;border-color:#0000;outline:none}.company-atep-input{text-align:right;width:6.75rem}.metrics{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.metric{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;padding:1rem}.metric-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.metric-value{color:var(--accent-green);font-size:1.6rem;font-weight:700;line-height:1.2}.metric-value.negative{color:var(--accent-red)}.metric-value.positive{color:var(--accent-green)}.metric-value.neutral{color:var(--text-primary)}.metric-sublabel{color:var(--text-tertiary);margin-top:.4rem;font-size:.7rem}.breakdown{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;padding:1.2rem}.employer-cost-card{margin-bottom:1rem}.employer-cost-card .breakdown-details:last-of-type{border-bottom:none}.breakdown-details,.breakdown-details:last-of-type{border-bottom:1px solid var(--border-color)}.breakdown-details[open]{padding-bottom:.2rem}.breakdown-summary{cursor:pointer;list-style:none}.breakdown-summary::-webkit-details-marker{display:none}.breakdown-summary-content{align-items:center;gap:.75rem;width:100%;display:flex}.breakdown-summary-main{flex:1;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.breakdown-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:1.05rem;font-weight:700;line-height:1;transition:transform .2s,color .2s}.breakdown-details[open] .breakdown-chevron{color:var(--accent-blue);transform:rotate(180deg)}.breakdown-summary:hover .breakdown-chevron,.breakdown-summary:hover .breakdown-label{color:var(--accent-blue)}.breakdown-dropdown-content{padding-bottom:.2rem}.breakdown-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.9rem;display:flex}.breakdown-row:last-child{border-bottom:none}.breakdown-subrow{padding-left:.9rem;font-size:.82rem}.breakdown-dropdown-content .breakdown-subrow:first-child{padding-top:.15rem}.breakdown-label{color:var(--text-secondary)}.breakdown-subrow .breakdown-label{color:var(--text-tertiary)}.breakdown-label.bold{color:var(--text-primary);font-weight:600}.breakdown-value.negative{color:var(--accent-red)}.breakdown-value.positive{color:var(--accent-green)}.breakdown-value.muted{color:var(--text-tertiary)}.chart-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;height:10px;margin:1rem 0 .75rem;display:flex;overflow:hidden}.segment-net{background:linear-gradient(90deg,#0b8f6e,#2bbd9e)}.segment-ss{background:linear-gradient(90deg,#6c727d,#8e95a3)}.segment-irpf{background:linear-gradient(90deg,#d97846,#f5a97f)}.legend{flex-wrap:wrap;gap:1rem;margin-top:.75rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.paycheck-breakdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.9rem;margin-top:1.2rem;padding:1rem}.paycheck-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.paycheck-item{padding:.5rem}.paycheck-item-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.4rem;font-size:.7rem;font-weight:500}.paycheck-item-value{white-space:nowrap;font-size:1.2rem;font-weight:600}.paycheck-item-value.negative{color:var(--accent-red)}.paycheck-item-value.positive{color:var(--accent-green)}.paycheck-summary{border-top:1px solid var(--border-color);color:var(--text-secondary);gap:.35rem;margin-top:.9rem;padding-top:.9rem;font-size:.78rem;display:grid}.paycheck-summary strong{font-weight:600}.paycheck-summary.neutral strong{color:var(--text-primary)}.paycheck-summary.positive strong{color:var(--accent-green)}.paycheck-summary.negative strong{color:var(--accent-red)}.note{background:var(--bg-tertiary);border-left:4px solid var(--accent-blue);color:var(--text-secondary);border-radius:.9rem;margin-top:2rem;padding:1rem 1.2rem;font-size:.95rem;line-height:1.5}.header-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.header-toolbar>.nav-link{margin-inline-end:auto}.header-toolbar.is-wrapped{justify-content:center}.header-toolbar.is-wrapped>.nav-link{margin-inline-end:0}.page-notes{gap:1rem;margin-top:2rem;display:grid}.page-notes .note{margin-top:0}.note-warning{border-left-color:var(--accent-orange)}.note-info{border-left-color:var(--accent-blue)}.inline-gap{margin-top:12px}.helper-text{color:var(--text-tertiary);margin-top:8px;font-size:.7rem}.helper-disclosure{margin-top:8px}.helper-summary{cursor:pointer;color:var(--text-tertiary);font-size:.72rem;font-weight:700}.helper-summary:hover{color:var(--text-secondary)}.helper-disclosure .helper-text{margin-top:6px}.deduction-rows:empty,.social-security-rows:empty{display:none}@media (width<=768px){.container{padding:1.25rem}h1{font-size:1.8rem}.calculators.compare-mode,.metrics{grid-template-columns:1fr}.paycheck-grid{grid-template-columns:1fr;gap:.75rem}.calculator{padding:1.3rem}.salary-display-input{font-size:2rem}.toolbar-switch{justify-content:center;width:auto;display:inline-flex}.retention-inline-control{justify-content:flex-start;width:100%}.inline-select,.children-main-row,.children-exact-wrapper{align-items:stretch}.inline-input-with-suffix,.retention-inline-control,.children-exact-input,.company-atep-input,.withholding-rate-input{width:100%}.inline-select,.children-main-row,.children-exact-wrapper{flex-direction:column;gap:.65rem}.inline-select select,.children-main-row select{width:100%}.inline-input-with-suffix{justify-content:flex-start}.children-exact-wrapper{border-left:none;border-top:2px solid var(--border-color);margin-left:0;padding-top:.75rem;padding-left:0}.retention-mode-selector{justify-content:space-between;width:100%}.retention-mode-btn{text-align:center;flex:auto}.input-mode-result{flex-direction:column;align-items:flex-start}.input-mode-result strong{white-space:normal}header{flex-direction:column;align-items:center;display:flex}.header-toolbar{justify-content:center}}footer{border-top:1px solid var(--border-color);text-align:center;padding:2rem}footer p{color:var(--text-muted);font-size:.85rem}footer a{color:var(--accent-blue);border-bottom:1px dashed var(--accent-blue);text-decoration:none}footer a:hover{color:var(--accent-blue-hover);border-bottom-color:var(--accent-blue-hover)}