:root{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}@media (prefers-color-scheme: dark){:root{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}}:root body{--grey100: #555;--typo1: #111;--typo2: #222;--typo3: #333;--typo4: #444;--typo5: #555;--typo6: #666;--typo7: #767676;--typo-sub: #999;--surface1: #eaeef3;--surface1-2: #dae0e9;--surface2: #f2f2f2;--surface3: #ccc;--surface-white: #fff;--surface-text: #5b6a80;--surface-btn: #d2dae4;--surface-btn2: rgb(221, 227, 234);--surface-btn3: rgb(240, 243, 248);--surface-btn4: rgb(228, 232, 238);--blue1: rgb(62, 106, 207);--red1: rgb(230, 31, 31);--yellow1: rgb(200, 136, 0);--green1: rgb(22, 183, 118);--surfaceBlue1: rgb(238, 242, 255);--surfaceBlue2: rgb(206, 218, 255);--surfaceGreen1: rgb(227, 243, 229);--surfaceGreen2: rgb(164, 221, 169);--surfaceRed1: rgb(255, 218, 218);--surfaceYellow1: rgb(254, 249, 199);--bg: #fff;--bg-surface: #f1f3f6;--bg-dark: #fff;--bg1-2: #eee;--bg2: #d9dee2;--bg-invert: #222;--skel-from: #eee;--skel-to: #f5f5f5}:root body.dark-mode{--grey100: #ccc;--typo1: #eee;--typo2: #ddd;--typo3: #ccc;--typo4: #bbb;--typo5: #aaa;--typo6: #9a9a9a;--typo7: #a5a5a5;--typo-sub: rgb(124, 124, 124);--surface1: #303134;--surface1-2: #3e4045;--surface2: #353535;--surface3: #555;--surface-text: rgb(158, 165, 180);--surface-btn: rgb(70, 74, 82);--surface-btn2: #3a3c42;--surface-btn3: rgb(45, 47, 53);--surface-btn4: rgb(27, 30, 35);--surface-white: #2b2c2e;--blue1: rgb(111, 162, 255);--red1: rgb(255, 128, 128);--yellow1: rgb(225, 215, 139);--green1: rgb(139, 225, 215);--surfaceBlue1: rgba(47, 56, 132, .619);--surfaceBlue2: rgba(72, 90, 255, .2);--surfaceGreen1: rgba(72, 255, 173, .1);--surfaceGreen2: rgba(72, 255, 148, .2);--surfaceRed1: rgba(250, 15, 15, .15);--surfaceYellow1: rgba(250, 183, 15, .15);--bg: #232428;--bg-surface: #191a1c;--bg2: #161719;--bg-dark: #222224;--bg1-2: #39393d;--bg-invert: #eee;--skel-from: #2a2a30;--skel-to: rgb(48, 48, 54)}.page-life{padding:15px}.page-life h1{margin-bottom:10px;font-size:22px}.page-life .life-layout{display:flex;flex-direction:row;gap:20px;align-items:stretch;width:100%}@media (max-width: 768px){.page-life .life-layout{flex-direction:column;gap:6px}}.page-life .life-calc{border-radius:16px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important;padding:16px;flex:1;min-width:0}@media (max-width: 550px){.page-life .life-calc{padding:8px 14px}}@media (max-width: 768px){.page-life .life-calc{flex:1;min-width:0}}.page-life .life-calc label{display:block}.page-life .life-calc label .flex-wrap{display:flex;align-items:center}.page-life .life-calc label+label{margin-top:12px}.page-life .life-calc label input{width:85px;height:30px;font-size:16px;line-height:30px;padding:4px 8px;border:0;margin-right:5px;background:var(--bg);color:var(--typo1);border:1px solid var(--surface3);border-radius:4px;flex:1}.page-life .life-calc label span{display:inline-block;margin-right:7px;font-size:15px;font-weight:600;min-width:82px;flex-shrink:0;color:var(--typo2)}.page-life .life-calc label em{display:inline-block;min-width:16px;margin:0 3px 0 1px;font-size:12px;color:var(--typo2)}.page-life .life-calc label .amount-desc{display:block;margin-left:94px;margin-top:5px;font-size:13px;color:var(--red1)}.page-life .life-calc label button{width:30px;height:30px;font-size:15px;font-weight:700;border-radius:2px;display:inline-flex;justify-content:center;align-items:center;border:0;color:var(--typo1);background:var(--surface-btn);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.page-life .life-calc label button+button{margin-left:3px}.page-life .life-section{background:var(--surface1);border-radius:8px;padding:14px;margin-top:12px}.page-life .life-section:first-child{margin-top:0}.page-life .life-section h3{font-size:14px;font-weight:700;color:var(--blue1);margin-bottom:10px}.page-life .life-result{color:var(--typo3);border-radius:16px;padding:8px 20px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important;flex:1;min-width:0}@media (max-width: 550px){.page-life .life-result{padding:8px 14px}}@media (max-width: 768px){.page-life .life-result{flex:1;min-width:0}}.page-life .life-result h3{display:flex;align-items:center;color:var(--typo1);font-size:20px;margin-bottom:10px}.page-life .life-result h3 .emoji{flex-shrink:0;font-size:30px;margin-right:5px}.page-life .life-result h3 strong{color:var(--blue1);margin-left:5px}.page-life .life-result h3 strong.red{color:var(--red1)}.page-life .life-result .sub-text{font-size:14px;color:var(--typo3);margin-top:-2px;margin-bottom:12px}.page-life .life-result .sub-text strong{color:var(--red1)}.page-life .life-result .desc{margin-left:20px;font-size:15px}.page-life .life-result .sec-salary+.sec-salary{margin-top:20px}.page-life .life-result p{line-height:1.7;font-size:17px;font-weight:500}.page-life .life-result p span{display:block;font-size:14px;color:var(--typo6);margin-top:5px}.page-life .life-result strong{color:var(--blue1)}.page-life .life-result .red{color:var(--red1)}.page-life .life-result .sub-desc{margin-top:15px;font-size:15px;color:var(--typo6);font-weight:600}@media (max-width: 550px){.page-life .life-result .sub-desc{font-size:14px}}.page-life .life-extra{margin-top:16px;padding-top:16px;border-top:1px solid var(--surface3)}.page-life .life-extra-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 0}.page-life .life-extra-item+.life-extra-item{border-top:1px solid var(--surface3)}.page-life .life-extra-label{font-size:13px;color:var(--typo2);flex-shrink:0}.page-life .life-extra-desc{flex-basis:100%;font-size:12px!important;font-weight:400!important;color:var(--typo6);line-height:1.4;margin-top:2px}.page-life .life-note{margin-top:12px;font-size:12px!important;font-weight:400!important;color:var(--typo6);line-height:1.4}.page-life .life-extra-value{font-size:14px;font-weight:600;color:var(--typo1)}.page-life .life-extra-value.red{color:var(--red1)}.page-life .life-progress{position:relative;width:120px;height:20px;background:var(--surface1);border-radius:10px;overflow:hidden}.page-life .life-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:10px;transition:width .4s ease}.page-life .life-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff}.page-life .life-ratio{width:140px}.page-life .life-ratio-bar{display:flex;height:8px;border-radius:4px;overflow:hidden}.page-life .life-ratio-fill{height:100%}.page-life .life-ratio-fill.input{background:#6366f1}.page-life .life-ratio-fill.return{background:#10b981}.page-life .life-ratio-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--typo6)}.page-life .life-lifebar{margin-top:12px;margin-bottom:12px}.page-life .life-lifebar-labels{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--typo2);margin-bottom:6px}.page-life .life-lifebar-now{position:relative;height:16px}.page-life .life-lifebar-now span{position:absolute;top:0;font-size:11px;font-weight:600;color:var(--blue1);white-space:nowrap;transform:translate(-50%)}.page-life .life-lifebar-track{position:relative;height:8px;background:#eee;border-radius:4px;overflow:visible}.page-life .life-lifebar-fill{position:absolute;left:0;top:0;bottom:0;background:#3b82f6;border-radius:4px}.page-life .life-lifebar-marker{position:absolute;top:-2px;width:2px;height:14px;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:1px}.page-life .life-lifebar-marker.retire{background:#f59e0b}.page-life .life-lifebar-marker.pension{background:#06b6d4}.page-life .life-lifebar-caption{position:relative;height:16px;margin-top:6px}.page-life .life-lifebar-caption span{position:absolute;top:0;font-size:11px;color:var(--typo6);white-space:nowrap;transform:translate(-50%)}.page-life .life-lifebar-caption span:first-child{transform:none}.page-life .life-lifebar-caption span:last-child{transform:translate(-100%)}.page-life .life-chart{border-radius:16px;background:var(--bg);margin:12px 0 10px;box-shadow:1px 2px 8px #00000012;border:0!important;padding:16px}@media (max-width: 550px){.page-life .life-chart{padding:8px 14px}}@media (max-width: 768px){.page-life .life-chart{padding:12px 8px;margin-top:8px}}.page-life .life-chart h3{font-size:16px;font-weight:600;color:var(--typo1);margin-bottom:0}.page-life .life-tooltip{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 4px 20px #00000026;font-size:13px;color:#333;line-height:1.8;border:1px solid rgba(0,0,0,.06)}.page-life .life-tooltip .life-tooltip-year{font-weight:700;font-size:14px;color:#111;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #eee}.page-life .life-tooltip .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.page-life .life-tooltip strong{font-weight:700}.page-life .life-table{border-radius:16px;background:var(--bg);margin:10px 0;box-shadow:1px 2px 8px #00000012;border:0!important;overflow:auto;max-height:420px;padding:0}@media (max-width: 550px){.page-life .life-table{padding:8px 14px}}.page-life .life-table table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.page-life .life-table table th{background:var(--surface2);padding:10px 8px;font-weight:600;text-align:center;color:var(--typo2);position:sticky;top:0;z-index:3;white-space:nowrap}.page-life .life-table table th:nth-child(1){left:0;z-index:4;background:var(--surface2);width:50px;min-width:50px}.page-life .life-table table th:nth-child(2){left:50px;z-index:4;background:var(--surface2)}.page-life .life-table table tr{--row-bg: $bg;--row-bg-sticky: #eaeef3}.dark-mode .page-life .life-table table tr{--row-bg-sticky: #303134}.page-life .life-table table td{padding:7px 8px;text-align:center;border-bottom:1px solid var(--surface3);color:var(--typo1);white-space:nowrap;background:var(--row-bg)}.page-life .life-table table td:nth-child(1),.page-life .life-table table td:nth-child(2){position:sticky;z-index:2;will-change:transform}.page-life .life-table table td:nth-child(1){left:0;background:var(--row-bg-sticky);width:50px;min-width:50px}.page-life .life-table table td:nth-child(2){left:50px;background:var(--row-bg-sticky)}.page-life .life-table table .retired{--row-bg: rgba(111, 162, 255, .06);--row-bg-sticky: #eaeef3;background:var(--row-bg)}.dark-mode .page-life .life-table table .retired{--row-bg-sticky: #303134}.page-life .life-table table .retired td{background:var(--row-bg)}.page-life .life-table table .retired td:nth-child(1),.page-life .life-table table .retired td:nth-child(2){background:var(--row-bg-sticky)}.page-life .life-table table .retire-year{--row-bg: rgba(111, 162, 255, .12);--row-bg-sticky: #e0e7ff;background:var(--row-bg);font-weight:700}.page-life .life-table table .retire-year td{color:var(--blue1);background:var(--row-bg);border-bottom-color:var(--blue1)}.page-life .life-table table .retire-year td:nth-child(1),.page-life .life-table table .retire-year td:nth-child(2){background:var(--row-bg-sticky)}.page-life .life-table table .negative{color:var(--red1)}.page-life .life-table table .positive{color:#10b981}