:root{--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif}body{font-size:16px}.brand{letter-spacing:-.8px;white-space:nowrap;font-size:27px;font-weight:650}.brand-mark{color:var(--green);border-radius:11px;width:42px;height:42px}.brand-mark svg{width:30px;height:30px}.header{height:108px}.header-right{gap:18px}.global-controls{display:flex;gap:8px}.global-controls select,select{font:inherit;color:var(--ink);background:#fcfcf8;border:1px solid #d8dece;border-radius:8px;padding:11px 30px 11px 12px;max-width:100%;min-width:0;outline:none}.global-controls select{font-size:14px;min-height:42px}.global-controls select:focus,select:focus{border-color:#72955c;box-shadow:0 0 0 3px #73995718}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1>span:first-child{color:var(--ink)}html[lang^=zh] h1{letter-spacing:-.5px}.intro p{font-size:17px}.eyebrow{line-height:1.6}.money-label{gap:12px}.hero-value{font-size:clamp(48px,5.4vw,74px)}.hero-sub{flex-wrap:wrap;gap:10px 15px}.super-card .eyebrow{font-size:12px;letter-spacing:1px}.super-card p{font-size:14px}.super-bottom{flex-wrap:wrap;line-height:1.6;gap:10px}.super-bottom>span:first-child{font-size:13px}.super-annual{font-size:14px}.super-annual strong{font-size:17px}.tile-description{line-height:1.6;min-height:22px}.tile-footer{flex-wrap:wrap;line-height:1.5;gap:5px 8px}.break-tile{padding:21px}.break-tile h3{font-size:18px}.break-tile .tile-arrow{font-size:18px}.break-tile.active .tile-arrow{font-size:14px}.break-footnote{align-items:flex-start;line-height:1.7}.break-footnote svg{width:15px;height:15px;margin-top:3px}.lunch-toggle{font-size:14px}.switch{width:30px;height:18px;padding:2px}.switch:after{width:14px;height:14px}.lunch-toggle input:checked+.switch:after{transform:translateX(12px)}.section-hint{line-height:1.6}.card-top{align-items:flex-start}.card-top h3{line-height:1.6;font-size:17px}.snapshot-row{align-items:flex-start;gap:12px}.snapshot-row strong{font-size:17px;text-align:right}.snapshot-row strong>span{font-size:13px}.snapshot-row>span{line-height:1.6}.mini-stats strong{font-size:25px}.history-row{gap:11px}.history-row .history-name{font-size:14px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.history-name small{font-size:12px}.history-row .history-duration{font-size:12px}.history-row .history-amount{font-size:15px;min-width:75px}.history-footer{font-size:12px;line-height:1.7;flex-wrap:wrap}.history-list{max-height:270px;min-height:175px}.history-row .history-delete{font-size:20px;padding:4px 0 4px 5px}.soft-badge{font-size:12px;line-height:1.5;white-space:normal;text-align:right}.allocation{padding:29px}.allocation-heading p{font-size:15px}.allocation h2{font-size:27px}.allocation-column-head,.allocation-row{grid-template-columns:minmax(0,1fr) 112px 66px;gap:12px}.allocation-column-head{font-size:12px;line-height:1.5}.allocation-row-name>strong{font-size:15px;line-height:1.5}.allocation-row-name>small{font-size:12px;line-height:1.6}.allocation-row-money{font-size:16px;overflow-wrap:anywhere}.allocation-row-share{font-size:14px}.allocation-note{font-size:13px}.allocation-denominator{font-size:14px;line-height:1.6;text-align:center}.allocation-basis{font-size:12px;letter-spacing:.3px;text-align:center;line-height:1.6}.donut-hole>span{font-size:14px}.allocation-value{font-size:30px}.method summary{font-size:15px}.method summary>span:first-child{font-size:15px;line-height:1.5}.method h4{font-size:16px;line-height:1.6}.method p{font-size:14px;line-height:1.85}footer{font-size:13px;gap:15px}.footer-brand{font-size:17px}dialog{max-width:560px;border-radius:20px}.dialog-header{padding:26px 29px}.dialog-header h2{font-size:27px}.dialog-header .eyebrow{font-size:12px}.dialog-body{padding:25px 29px}.field-label{font-size:15px;line-height:1.6;gap:8px}.field-label>span{font-size:13px}input[type=number],input[type=time],#eventName{font-size:16px;min-height:46px}.input-prefix input{padding-left:52px;font-size:23px}.input-prefix>span{font-size:16px;left:12px;top:16px}.input-prefix.suffix input{font-size:17px}.input-prefix.suffix>span{top:15px;font-size:16px}.form-columns{gap:14px}.form-columns.pay-inputs{grid-template-columns:1fr 1fr;margin-top:0;align-items:start}.pay-inputs select{width:100%;min-height:54px;font-size:15px;padding-left:11px;padding-right:22px}.field-currency{font-size:13px;color:#8a967c;margin:8px 0 16px}.radio-tabs span{font-size:14px;line-height:1.5}.rate-presets button{font-size:13px;padding:5px 9px}.dialog-body h3{font-size:17px}.workdays span{height:43px;font-size:14px}.check-field{font-size:14px;line-height:1.6;align-items:flex-start}.check-field input{margin-top:5px;flex-shrink:0}.cap-row{font-size:13px;line-height:1.7}.cap-row input[type=number]{font-size:15px}.dialog-body .fine-print{font-size:12px;line-height:1.8}.pension-help{font-size:13px;line-height:1.8;color:#87917a;margin-top:17px}.region-profile-note{margin:0 0 21px;color:#6e845c;background:#e9eedf;padding:10px 13px;border-radius:7px;font-size:14px}.schedule-preview{font-size:14px;line-height:1.8;margin-top:18px}.form-error{font-size:14px;line-height:1.7}#timeZoneInput{width:100%;font-size:15px}.dialog-footer button{font-size:16px;min-height:46px}.icon-choices span{height:48px}.custom-event-row{gap:12px}.custom-event-label strong{font-size:15px}.custom-event-label small{font-size:13px}.custom-event-row .text-button{font-size:13px}.event-tools{gap:18px;align-items:center}.event-tools>span{font-size:13px;line-height:1.5}.event-tools .button{font-size:14px;padding:10px 13px}.event-tools .text-button{font-size:13px}.event-tools .button>span:first-child{font-size:18px}.toast{font-size:15px;line-height:1.6}.active-copy strong{font-size:16px;line-height:1.5}.active-copy span{font-size:13px;line-height:1.5}.active-earned{font-size:24px;min-width:120px}.active-earned small{font-size:12px}.active-break{flex-wrap:wrap}.active-break .button{font-size:14px;padding:11px}.active-time{font-size:17px}#taiwanSettings{margin-top:18px}.focus .hero-value{font-size:clamp(48px,11vw,160px)}.focus .progress-times{font-size:15px}.focus .hero-sub{font-size:16px}.focus .rate-pill{font-size:14px}
@media(max-width:1000px){.header-right{gap:10px}.brand{font-size:24px}.header .button{font-size:14px;padding:10px}.global-controls select{font-size:13px;padding:10px 22px 10px 10px}.allocation-content{grid-template-columns:.8fr 1.6fr;gap:25px}.allocation-column-head,.allocation-row{grid-template-columns:minmax(0,1fr) 98px 58px}.summary-grid{grid-template-columns:1fr 1fr}.mini-stats{gap:15px}.mini-stats>div+div{padding-left:15px}}
@media(max-width:760px){.header{height:auto;min-height:135px;padding:20px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px}.header-right{display:contents}.global-controls{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.global-controls label{min-width:0}.global-controls select{width:100%;font-size:15px;padding:10px 13px}.header .settings-open{grid-column:2;grid-row:1;font-size:14px}.brand{font-size:25px}.brand-mark{width:36px;height:36px;margin-right:8px}.brand-mark svg{width:26px;height:26px}.dashboard{grid-template-columns:1.65fr 1fr}.super-card{padding:23px 20px}.super-value{font-size:35px}.super-bottom>span:first-child{font-size:12px}.super-bottom strong{font-size:20px}.super-card .eyebrow{font-size:12px;letter-spacing:.4px}.summary-grid{grid-template-columns:1fr}.allocation-heading{align-items:flex-start}.allocation-column-head,.allocation-row{grid-template-columns:minmax(0,1fr) 90px 54px}}
@media(max-width:650px){.site-wrap{padding:0 20px}.intro{padding-top:30px}.intro .eyebrow{font-size:12px;letter-spacing:1px}h1{font-size:31px;line-height:1.35}.intro p{font-size:16px;line-height:1.7}.date-block{font-size:13px;flex-wrap:wrap;gap:7px 12px}.date-block strong{font-size:15px}.date-block>span:last-child{font-size:12px;max-width:none}.dashboard{grid-template-columns:1fr}.earnings{padding:24px 22px}.earnings .eyebrow{font-size:13px;letter-spacing:1px}.money-label{font-size:16px}.currency-label{font-size:12px}.hero-value{font-size:clamp(36px,10.5vw,56px);letter-spacing:-2px}.hero-value span{letter-spacing:-1px}.hero-sub{font-size:14px;gap:8px 12px}.rate-pill{font-size:13px}.status{font-size:12px;padding:7px 9px}.segmented button{font-size:14px;padding:8px 11px}.progress-caption{font-size:13px;line-height:1.6}.progress-times{font-size:12px;align-items:flex-start;gap:10px;flex-wrap:wrap}.progress-times>span:nth-child(2){font-size:12px;order:3;flex-basis:100%;margin-top:4px;text-align:center}.progress-times>span:last-child{margin-left:auto}.super-card{display:grid;grid-template-columns:1.5fr 1fr;padding:22px}.super-label{font-size:15px;line-height:1.6}.super-value{font-size:30px;letter-spacing:-1px;overflow-wrap:anywhere}.super-bottom>span:first-child{font-size:12px;line-height:1.6}.super-bottom strong{font-size:26px}.super-bottom .pill{font-size:11px}.super-annual{font-size:14px}.super-annual strong{font-size:17px}.section-header .eyebrow{font-size:12px;letter-spacing:.7px}h2{font-size:24px;line-height:1.45}.section-hint{font-size:14px}.break-grid{gap:12px}.break-tile{padding:18px 15px;min-height:183px}.break-tile h3{font-size:18px;margin-top:16px}.tile-description{font-size:13px;line-height:1.65}.tile-footer{font-size:14px;margin-top:17px}.tile-footer .tile-amount{font-size:12px}.event-tools{gap:13px;margin-top:17px}.event-tools>span{font-size:13px;flex-basis:100%}.event-tools .button{font-size:14px;padding:9px 12px}.event-tools .text-button{font-size:13px}.break-footnote{font-size:12px;gap:14px;flex-wrap:wrap;margin-top:17px}.break-footnote>span{max-width:none;flex-basis:100%}.lunch-toggle{font-size:14px;gap:8px}.active-copy{flex-basis:calc(100% - 43px)}.active-copy strong{font-size:16px}.active-copy span{font-size:13px}.active-time{font-size:16px}.active-earned{font-size:23px;min-width:0}.active-earned small{font-size:12px}.active-break .button{font-size:14px;padding:10px}.allocation{padding:25px 20px 20px}.allocation h2{font-size:25px}.allocation-heading .eyebrow{font-size:12px}.allocation-heading p{font-size:14px}.period-tabs{margin-top:17px;display:flex}.period-tabs button{font-size:13px;padding:9px 10px;flex:1}.allocation-content{display:block}.allocation-visual{padding-bottom:27px}.salary-donut{width:185px;height:185px;padding:23px}.donut-hole strong{font-size:35px}.donut-hole>span{font-size:14px}.allocation-value{font-size:29px}.allocation-denominator{font-size:14px}.allocation-basis{font-size:12px}.allocation-column-head,.allocation-row{grid-template-columns:minmax(0,1fr) 91px 50px;gap:7px}.allocation-column-head{font-size:12px}.allocation-row{padding:15px 0}.allocation-row-name>strong{font-size:14px}.allocation-row-name>small{font-size:12px}.allocation-row-money{font-size:14px}.allocation-row-share{font-size:13px}.allocation-row-info{gap:7px}.legend-dot{margin-top:7px}.allocation-row-name>strong>small{font-size:12px}.allocation-note{font-size:12px;line-height:1.85}.allocation-empty{font-size:13px}.card-top h3{font-size:17px}.snapshot,.wins{padding:22px 20px}.snapshot-row{font-size:15px}.snapshot-row strong{font-size:16px}.snapshot-row strong>span{font-size:12px}.mini-stats>div{font-size:13px}.mini-stats strong{font-size:24px}.snapshot .fine-print{font-size:12px}.soft-badge{font-size:12px}.empty-history{gap:12px}.empty-history strong{font-size:14px;line-height:1.6}.empty-history p{font-size:13px}.history-row .history-name{font-size:14px}.history-name small{font-size:12px}.history-row .history-duration{font-size:12px}.history-row .history-amount{font-size:14px;min-width:76px}.history-footer{font-size:12px}.method summary{font-size:15px}.method h4{font-size:16px}.method p{font-size:14px}footer{font-size:13px}footer>.text-button{font-size:14px}.footer-brand{font-size:16px}.dialog-header,.dialog-body,.dialog-footer{padding-left:22px;padding-right:22px}.dialog-header h2{font-size:26px}.field-label{font-size:14px}.form-columns.pay-inputs{grid-template-columns:1fr}.pay-inputs select{min-height:46px;font-size:16px}.form-columns.pay-inputs>div+div{margin-top:3px}.input-prefix input{font-size:23px}.input-prefix>span{top:16px}.check-field{font-size:14px}.workdays{gap:6px}.dialog-body .fine-print{font-size:12px}.dialog-footer button{font-size:16px}.focus .earnings{padding:26px 22px}.focus .hero-value{font-size:clamp(36px,10.5vw,72px)}.focus .money-label{font-size:16px}.focus .hero-sub{font-size:14px}.focus .rate-pill{font-size:13px}.focus .progress-caption,.focus .progress-times{font-size:13px}}
@media(max-width:360px){.site-wrap{padding:0 15px}.brand{font-size:22px}.brand-mark{width:32px;height:32px}.header .settings-open{font-size:13px;padding:9px}.hero-value{font-size:35px}.allocation-column-head,.allocation-row{grid-template-columns:minmax(0,1fr) 85px 46px}.allocation-row-money{font-size:13px}.event-tools>span{margin-right:0}.history-row{gap:7px}}
@media(max-width:650px){h1>span{display:block}}
.icon-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.icon-choices label{min-width:0}.icon-choices span{height:76px;display:flex;flex-direction:column;gap:8px;padding:10px 5px}.icon-choices svg{width:24px;height:24px}.icon-choices small{font-size:13px;line-height:1.25;text-align:center;white-space:nowrap}
@media(max-width:360px){.icon-choices{gap:7px}.icon-choices span{height:70px;padding:8px 3px}.icon-choices small{font-size:12px}}