:root,[data-theme=dark]{color-scheme:dark;--background: #161618;--foreground: #f2f2f3;--card: #1e1e22;--card-foreground: #f2f2f3;--elevated: #28282d;--popover: #1e1e22;--primary: #7ce38b;--primary-foreground: #0a1a0e;--secondary: #2a2a30;--secondary-foreground: #f2f2f3;--muted: #2a2a30;--muted-foreground: #9b9ba5;--accent: #2c2c32;--accent-foreground: #f2f2f3;--destructive: #e07070;--border: rgba(255, 255, 255, .1);--hairline: rgba(255, 255, 255, .1);--input: rgba(255, 255, 255, .07);--ring: #7ce38b;--data-green: #7ce38b;--data-amber: #e7b466;--data-blue: #6ea8e5;--data-violet: #a992e8;--data-rose: #e58aa0;--data-gray: #6a6a74;--brand-light: rgba(124, 227, 139, .14);--focus-ring: rgba(124, 227, 139, .45);--selection: rgba(124, 227, 139, .28);--chip-bg: rgba(255, 255, 255, .06);--hover-border: rgba(255, 255, 255, .22);--row-hover: rgba(255, 255, 255, .04);--panel-soft: rgba(255, 255, 255, .03);--kpi-bg: rgba(255, 255, 255, .04);--chart-panel: rgba(0, 0, 0, .2);--seg-shadow: 0 1px 2px rgba(0, 0, 0, .28);--scrollbar: rgba(255, 255, 255, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .28);--wash-primary: rgba(124, 227, 139, .2);--radius: .625rem;--radius-lg: 1rem;--radius-xl: 1rem;--font-sans: "Geist", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg: var(--background);--surface: var(--card);--surface-75: #c4c4cc;--surface-50: var(--muted-foreground);--surface-25: #6a6a74;--text: var(--foreground);--brand: var(--primary)}[data-theme=light]{color-scheme:light;--background: #f5f5f6;--foreground: #141416;--card: #ffffff;--card-foreground: #141416;--elevated: #f0f0f2;--popover: #ffffff;--primary: #1f9d4c;--primary-foreground: #ffffff;--secondary: #e8e8ec;--secondary-foreground: #141416;--muted: #ececee;--muted-foreground: #6a6a74;--accent: #ececef;--accent-foreground: #141416;--destructive: #c94a4a;--border: rgba(0, 0, 0, .08);--hairline: rgba(0, 0, 0, .08);--input: #f0f0f3;--ring: #1f9d4c;--data-green: #1f9d4c;--data-amber: #c4872a;--data-blue: #3b7fc4;--data-violet: #7c62c9;--data-rose: #c45d76;--data-gray: #8a8a94;--brand-light: rgba(31, 157, 76, .12);--focus-ring: rgba(31, 157, 76, .4);--selection: rgba(31, 157, 76, .2);--chip-bg: rgba(0, 0, 0, .04);--hover-border: rgba(0, 0, 0, .16);--row-hover: rgba(0, 0, 0, .03);--panel-soft: rgba(0, 0, 0, .025);--kpi-bg: #f7f7f9;--chart-panel: #f0f0f3;--seg-shadow: 0 1px 2px rgba(0, 0, 0, .06);--scrollbar: rgba(0, 0, 0, .18);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--wash-primary: rgba(31, 157, 76, .14);--surface-75: #4a4a52;--surface-25: #a8a8b0}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%}html{font-size:16px}body{margin:0;font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv01","ss01";transition:background-color .2s ease,color .2s ease}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:var(--scrollbar) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}*:hover::-webkit-scrollbar-thumb{background:var(--scrollbar)}::selection{background:var(--selection)}main{max-width:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;font-weight:500;line-height:1.5;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;color:var(--foreground)}code,.font-mono,.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.num{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"kern" 1;letter-spacing:-.01em;font-weight:inherit}.num-dot{display:inline;margin:0;letter-spacing:0}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:20px 24px}@media (min-width: 768px){.site-nav{padding:24px 40px}}.nav-brand{display:inline-flex;align-items:center;font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--foreground);transition:color .15s}.nav-brand:hover,.nav-brand span{color:var(--primary)}.nav-right{display:flex;align-items:center}.nav-control{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--hairline);border-radius:13px;background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-links{display:flex;align-items:center;gap:3px;font-size:13px}.nav-item{min-width:48px;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:9px;color:var(--muted-foreground);font-size:13px;font-weight:500;letter-spacing:0;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.nav-item:hover{color:var(--foreground);background:var(--row-hover)}.nav-links a.active{color:var(--foreground);background:var(--elevated);box-shadow:var(--seg-shadow)}[data-theme=light] .nav-links a.active{background:var(--card)}.nav-control-divider{width:1px;height:18px;margin:0 2px;background:var(--hairline)}.theme-toggle{min-width:70px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted-foreground)}.theme-toggle:hover{color:var(--foreground);background:var(--row-hover)}.theme-icon{display:inline-flex;align-items:center;justify-content:center}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:block}@media (max-width: 520px){.site-nav{padding-left:18px;padding-right:18px}.nav-item{min-width:42px;padding:0 10px}.theme-toggle{min-width:38px}.theme-label{display:none}}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--hairline);border-radius:10px;background:transparent;color:var(--muted-foreground);font-family:var(--font-mono);font-size:12.5px;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:var(--hover-border);color:var(--foreground)}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:500}.btn-primary:hover{filter:brightness(1.05);color:var(--primary-foreground)}label{display:block;margin-bottom:0;font-size:12.5px;font-weight:400;color:var(--muted-foreground);text-transform:none;letter-spacing:0}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:12.5px;color:var(--muted-foreground);font-weight:400}.input-shell{display:flex;align-items:center;border-radius:10px;border:1px solid var(--hairline);background:var(--input);padding:0 12px;transition:border-color .15s}.input-shell:focus-within{border-color:var(--focus-ring)}.input-shell input,.input-shell select{width:100%;min-width:0;flex:1;border:none;background:transparent;padding:10px 0;font-family:var(--font-mono);font-size:14px;font-variant-numeric:tabular-nums;color:var(--foreground);outline:none;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.input-shell input::-webkit-inner-spin-button,.input-shell input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.input-shell .unit{flex-shrink:0;padding-left:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted-foreground);-webkit-user-select:none;user-select:none}input:not([type=range]):not([type=checkbox]):not([type=radio]),select{width:100%;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;font-size:14px;background:var(--input);color:var(--foreground);outline:none;transition:border-color .15s}input:not([type=range]):not([type=checkbox]):not([type=radio]):focus,select:focus{border-color:var(--focus-ring);box-shadow:none}.form-row{margin-bottom:16px}.hidden{display:none!important}.segmented{display:flex;gap:4px;border:1px solid var(--hairline);border-radius:10px;background:var(--input);padding:4px}.seg-btn{flex:1;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--muted-foreground);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.seg-btn:hover{color:var(--foreground)}.seg-btn.active{background:var(--elevated);color:var(--foreground);box-shadow:var(--seg-shadow);font-weight:500}[data-theme=light] .seg-btn.active{background:var(--card)}input[type=range]{width:100%;height:4px;padding:0;border:none;border-radius:999px;background:var(--secondary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:var(--primary)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--primary);cursor:pointer}.field-group-title,.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}.chip-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chip{padding:2px 8px;border:1px solid transparent;border-radius:999px;background:var(--chip-bg);color:var(--muted-foreground);font-family:var(--font-mono);font-size:11px;cursor:pointer;line-height:1.4;opacity:.9;transition:opacity .15s,color .15s,border-color .15s,background .15s}.chip:hover{opacity:1;color:var(--foreground);border-color:var(--hairline)}.chip.active{opacity:1;background:var(--brand-light);color:var(--primary);border-color:transparent}.page-shell{max-width:1160px;margin:0 auto;padding:0 24px 112px}@media (min-width: 768px){.page-shell{padding:0 40px 112px}}.page-header{text-align:left;padding:24px 0 40px}.page-header h1{margin:0 0 10px;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;letter-spacing:-.02em;line-height:1.1}.page-header p{margin:0;color:var(--muted-foreground);font-size:14.5px;line-height:1.6;max-width:28rem}.reference-panel{margin:-8px 0 24px;border:1px solid var(--hairline);border-radius:12px;background:color-mix(in srgb,var(--card) 88%,transparent);overflow:hidden}.mortgage>.reference-panel,.home-cost>.reference-panel,.salary-tax>.reference-panel,.compound>.reference-panel{width:calc(100% - 48px);max-width:1080px;margin:-8px auto 24px}@media (min-width: 768px){.mortgage>.reference-panel,.home-cost>.reference-panel,.salary-tax>.reference-panel,.compound>.reference-panel{width:calc(100% - 80px)}}.reference-panel summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;cursor:pointer;list-style:none;color:var(--muted-foreground)}.reference-panel summary::-webkit-details-marker{display:none}.reference-panel summary:hover{background:var(--row-hover)}.reference-summary-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.reference-summary-main strong{color:var(--foreground);font-size:12px;font-weight:500}.reference-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--brand-light)}.reference-status-copy,.reference-summary-meta{font-size:10px}.reference-summary-meta{font-family:var(--font-mono);white-space:nowrap}.reference-panel[data-reference-status=review] .reference-status-dot{background:var(--data-amber)}.reference-item[data-reference-status=review] .reference-item-status{background:color-mix(in srgb,var(--data-amber) 14%,transparent);color:var(--data-amber)}.reference-panel[data-reference-status=expired] .reference-status-dot{background:var(--data-rose)}.reference-item[data-reference-status=expired] .reference-item-status{background:color-mix(in srgb,var(--data-rose) 14%,transparent);color:var(--data-rose)}.reference-panel[data-reference-status=review] .reference-status-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--data-amber) 16%,transparent)}.reference-panel[data-reference-status=expired] .reference-status-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--data-rose) 16%,transparent)}.reference-content{padding:0 14px 14px;border-top:1px solid var(--hairline)}.reference-intro{margin:12px 0;color:var(--muted-foreground);font-size:11px;line-height:1.6}.reference-list{display:grid;gap:8px}.reference-item{padding:12px;border:1px solid var(--hairline);border-radius:10px;background:var(--panel-soft)}.reference-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-item-head a,.reference-item-head>strong{color:var(--foreground);font-size:12px;font-weight:500}.reference-item-head a:hover{color:var(--primary)}.reference-item-head a span{margin-left:5px;color:var(--muted-foreground)}.reference-item-status{flex:0 0 auto;padding:2px 7px;border-radius:999px;background:var(--brand-light);color:var(--primary);font-size:9px}.reference-item>p{margin:7px 0 0;color:var(--muted-foreground);font-size:11px;line-height:1.55}.reference-item-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px;color:var(--muted-foreground);font-family:var(--font-mono);font-size:9px}.reference-affects{margin-top:7px;color:var(--muted-foreground);font-size:10px}@media (max-width: 640px){.reference-panel summary{align-items:flex-start;flex-direction:column;gap:3px}.reference-summary-meta{padding-left:15px}}
