@charset "UTF-8";
:root{--page:#f4f7fc;--surface:#fff;--ink:#15263d;--muted:#64748b;--blue:#245fe6;--blue-dark:#154bc5;--pale:#eef4ff;--line:#e3eaf3;--error:#b83d3d;--radius:22px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{color:inherit}button,input,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.sprite{display:none}[hidden]{display:none!important}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #92b5ff;outline-offset:4px}input:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #245fe61a}input[aria-invalid=true]{border-color:var(--error);background:#fff7f7}::selection{background:#dce8ff}input::placeholder{color:#94a0b3;opacity:1}
.app-shell{max-width:1280px;margin:auto;padding:0 44px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--blue);background:#e6eeff;border-radius:13px}.brand-icon svg{width:27px;height:27px;stroke-width:1.8}.brand-caption{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.15px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:16px}.privacy-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.privacy-note svg{width:15px;height:15px}.intro{padding:46px 0 35px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#5e7391;display:flex;align-items:center;gap:8px}.eyebrow-dot{height:6px;width:6px;background:var(--blue);border-radius:100%}h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(32px,3.5vw,44px);font-weight:650;letter-spacing:-1.8px;line-height:1.16;margin:14px 0 13px}h1 span{color:var(--blue)}.intro>p{color:var(--muted);font-size:15px;margin:0;line-height:1.6}h2{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:0}.calculator-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 24px #263f6a03}.settings-panel{padding:25px}.panel-heading{display:flex;align-items:center;gap:12px}.small-tag{font-size:9px;letter-spacing:1.3px;color:#8493a6;font-weight:600}.panel-description{font-size:12px;color:var(--muted);line-height:1.6;margin:9px 0 23px}.field{margin-bottom:19px}.field>label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.field input,.field select{width:100%;min-width:0;border:1px solid #dce5f0;border-radius:10px;background:#f8faff;color:var(--ink);height:48px;padding:0 13px;transition:border-color .15s,box-shadow .15s}.field input{font-size:19px;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.field input::placeholder{font-size:14px;letter-spacing:0}.field select{font-size:13px;padding-right:6px}.currency-symbol{float:right;color:#7a8ba2;font-weight:400}.field-help{color:var(--muted);font-size:11px;line-height:1.55;margin:7px 0 0}.field-error{font-size:11px;color:var(--error);line-height:1.5;margin:7px 0 0}.mode-control{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#eef2f8;border-radius:10px;margin-bottom:22px;gap:3px}.mode-control button{font-size:12px;padding:9px 4px;min-height:36px;background:transparent;border-radius:7px;color:var(--muted)}.mode-control button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 5px #18315512;font-weight:600}.advanced-settings{margin-top:-2px;margin-bottom:24px}.advanced-settings summary{font-size:11px;line-height:1.5;color:var(--muted);padding:5px 0}.advanced-settings summary>span{float:right;color:var(--ink);font-variant-numeric:tabular-nums}.advanced-settings .field{margin:13px 0 0}.rate-card{position:relative;overflow:hidden;color:white;background:var(--blue);border-radius:16px;padding:23px 21px}.rate-clock{position:absolute;right:-38px;top:13px;width:135px;height:135px;color:#ffffff15;stroke-width:.85;transform:rotate(-15deg);pointer-events:none}.rate-label{font-size:9px;letter-spacing:1.25px;font-weight:600;color:#c7d9ff;position:relative}.rate-amount{position:relative;margin-top:12px;line-height:1.15;overflow-wrap:anywhere}.rate-amount>span:first-child{font-size:33px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.rate-unit{font-size:13px;color:#cbddff;margin-left:5px;white-space:nowrap}.rate-card p{position:relative;color:#d9e5ff;font-size:10px;line-height:1.7;margin:12px 0 0}.calculation-note{display:flex;gap:7px;color:#7d8aa0;font-size:10px;line-height:1.7;margin:14px 0 0}.calculation-note svg{width:13px;height:13px;margin-top:2px}.workspace{min-width:0}.tasks-panel{padding:25px 25px 0}.tasks-heading{display:flex;gap:18px;align-items:start;justify-content:space-between}.tasks-heading .panel-description{margin-bottom:28px;max-width:335px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:550;white-space:nowrap}.button-quiet{background:#f0f4fa;color:#526883}.button-quiet:hover{background:#e8eef7}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:var(--blue-dark)}.task-table-head,.task-row{display:grid;grid-template-columns:minmax(100px,1fr) 85px 135px 94px 30px;gap:12px;align-items:center}.task-table-head{font-size:8px;letter-spacing:.8px;font-weight:650;color:#8997aa;padding:0 0 12px;border-bottom:1px solid var(--line)}.task-table-head>span:nth-child(3){text-align:right}.task-table-head>span:nth-child(4){text-align:center}.task-row{position:relative;padding:16px 0;border-bottom:1px solid var(--line);transition:background .18s}.task-row.selected{background:linear-gradient(90deg,#eef4ff80,transparent)}.task-name{min-width:0}.task-name input{font-size:13px;line-height:1.4;color:var(--ink);height:42px;width:100%;min-width:0;background:transparent;border:1px solid transparent;border-radius:7px;padding:8px 7px 8px 0;text-overflow:ellipsis}.task-name input:hover{border-color:var(--line)}.task-name input:focus{padding-left:7px;border-color:var(--blue)}.task-number{display:none}.task-hours-wrap{min-width:0}.task-hours-wrap label{display:none}.task-hours{height:42px;width:100%;min-width:0;text-align:center;border:1px solid #e1e8f2;border-radius:8px;background:#f7f9fd;color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums;padding:8px}.task-hours::placeholder{color:#98a5b5}.task-hours-wrap .field-error{font-size:10px}.task-cost{text-align:right;font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.task-cost.large-value{font-size:11px;white-space:normal}.task-cost-label{display:none}.delegate-control{display:flex;justify-content:center;align-items:center;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}.delegate-control input{appearance:none;-webkit-appearance:none;position:relative;width:21px;height:21px;border:1.5px solid #c9d5e5;border-radius:6px;background:white;margin:0;cursor:pointer}.delegate-control input:checked{background:var(--blue);border-color:var(--blue)}.delegate-control input:checked:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.delegate-control input:focus-visible{outline:3px solid #92b5ff;outline-offset:3px}.delegate-control span{display:none}.delete-task{height:36px;width:30px;border-radius:7px;display:grid;place-items:center;color:#99a6b8;background:transparent}.delete-task svg{width:16px;height:16px}.delete-task:hover{background:#fff0f0;color:var(--error)}.add-task{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:600;background:transparent;margin:12px 0;padding:12px 0;min-height:44px}.add-task svg{width:17px;height:17px}.add-task:hover{color:var(--blue-dark)}.all-tasks-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.all-tasks-total>span{color:var(--muted)}.all-tasks-total>span span{display:block;color:var(--ink);font-weight:600;font-size:14px;margin-top:5px}.all-tasks-total>strong{font-size:21px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px;text-align:right;overflow-wrap:anywhere;min-width:0}.tasks-warning{color:#95601b;background:#fff6e5;border-radius:10px;line-height:1.6;font-size:12px;padding:12px;margin:0 0 18px}.empty-tasks{padding:25px 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.empty-tasks>svg{width:32px;height:32px;color:#9fb6de}.empty-tasks p{font-weight:600;color:var(--ink);margin:10px 0 5px}.results-panel{padding:25px 27px;background:var(--pale);border:1px solid #d9e5fa;border-radius:var(--radius);margin-top:20px}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.results-heading h2{display:flex;align-items:center;gap:9px;font-size:17px}.result-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d9e7ff;color:var(--blue)}.result-check svg{width:15px;height:15px;stroke-width:2}.period-control{display:flex;gap:2px;border-radius:9px;background:#e0e9f8;padding:4px}.period-control button{font-size:11px;min-height:32px;padding:6px 11px;background:transparent;border-radius:6px;color:#62758f}.period-control button[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 1px 4px #24487912;font-weight:600}.result-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;margin-top:26px}.result-label{font-size:12px;color:#617693;margin:0 0 8px}.result-number{font-size:47px;font-weight:600;letter-spacing:-2px;color:var(--blue);line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-number span{font-size:27px;letter-spacing:-.5px;font-weight:400}.money-result{border-left:1px solid #d6e2f5;padding-left:26px;min-width:0}.result-money{font-size:35px;font-weight:600;letter-spacing:-1px;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-money.large-value{font-size:24px}.result-period{font-size:11px;color:#7a8daa;margin:5px 0 0}.week-overview{margin-top:25px}.week-caption{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px;color:#647996;line-height:1.6}.week-caption strong{color:var(--blue);font-weight:600;white-space:nowrap}.week-track{height:7px;border-radius:10px;background:#dce6f6;margin-top:9px;overflow:hidden}.week-track>div{height:100%;width:0;background:var(--blue);border-radius:10px;transition:width .25s ease}.result-note{font-size:10px;line-height:1.6;color:#798dab;margin:15px 0 0}.bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:#8997aa}.bottom-actions>span{display:flex;align-items:center;gap:5px}.save-dot{width:5px;height:5px;border-radius:100%;background:#55a58b}.bottom-actions>div{display:flex;gap:17px}.text-button{padding:5px 0;background:transparent;font-size:10px;color:#718299;min-height:34px;display:inline-flex;align-items:center;gap:5px}.text-button:hover{color:var(--blue)}.text-button svg{width:13px;height:13px}.closing-note{display:flex;gap:10px;align-items:center;justify-content:center;color:#8291a7;margin:39px 0 35px}.closing-note svg{width:18px;height:18px}.closing-note p{font-size:12px;line-height:1.7;margin:0}.mobile-break{display:none}.site-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:10px;color:#98a5b5;padding:20px 0 26px}.site-footer>span:first-child{font-weight:600;color:#7989a0}.toast{position:fixed;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:white;padding:14px 20px;border-radius:12px;font-size:13px;box-shadow:0 8px 25px #15263d25;max-width:calc(100vw - 32px);width:max-content;text-align:center;line-height:1.5}dialog{border:1px solid var(--line);border-radius:20px;padding:26px;max-width:420px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 24px 80px #15263d33}dialog::backdrop{background:#15263d55;backdrop-filter:blur(3px)}dialog h2{font-size:21px}dialog p{font-size:14px;line-height:1.65;color:var(--muted);margin:14px 0 24px}.dialog-buttons{display:flex;justify-content:flex-end;gap:9px}.dialog-buttons .button{min-height:44px}
@media(min-width:1100px){.settings-panel{position:sticky;top:24px}}
@media(max-width:1100px){.app-shell{padding:0 28px}.calculator-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}.settings-panel{padding:21px}.tasks-panel{padding:22px 20px 0}.task-table-head,.task-row{grid-template-columns:minmax(100px,1fr) 65px 105px 65px 24px;gap:8px}.task-table-head{font-size:7px;letter-spacing:.3px}.tasks-heading{display:block}.tasks-heading .panel-description{max-width:none;margin-bottom:12px}.tasks-heading>.button{margin-bottom:22px}.results-panel{padding:22px}.results-heading{align-items:start;flex-direction:column;gap:13px}.result-money{font-size:29px}.bottom-actions{flex-direction:column;align-items:flex-start;gap:4px}.bottom-actions>div{gap:20px}}
@media(max-width:1000px){.app-shell{max-width:650px;padding:0 24px}.site-header{padding:23px 0 21px}.privacy-note{display:none}.intro{padding:31px 0 28px}h1{font-size:37px;letter-spacing:-1.5px;max-width:480px}.intro>p{font-size:14px;max-width:430px}.calculator-layout{display:block}.settings-panel{padding:23px;margin-bottom:22px;position:relative}.settings-panel .panel-description{margin-bottom:19px}.settings-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.currency-field{grid-column:2;grid-row:1}.mode-control{grid-column:1;grid-row:1;align-self:end;height:48px;margin-bottom:19px}.settings-controls>#income-field,.settings-controls>#manual-field{grid-column:1}.settings-controls>.field:has(#weekly-hours){grid-column:2}.advanced-settings{grid-column:1 / -1;margin:0 0 18px}.advanced-settings .field{max-width:260px}.rate-card{padding:19px 22px}.rate-amount{margin-top:7px}.rate-amount>span:first-child{font-size:35px}.rate-card p{margin-top:7px}.rate-clock{width:140px;height:140px;top:-16px;right:15px}.tasks-heading{display:flex}.tasks-heading .panel-description{margin-bottom:24px}.tasks-heading>.button{margin-bottom:0}.task-table-head,.task-row{grid-template-columns:minmax(100px,1fr) 70px 115px 75px 28px;gap:9px}.task-table-head{font-size:8px}.results-heading{flex-direction:row;align-items:center}.bottom-actions{flex-direction:row;align-items:center}.closing-note{margin:28px 0}.site-footer{font-size:9px}.results-panel{margin-top:18px}}
@media(max-width:560px){:root{--radius:18px}.app-shell{padding:0 18px}.site-header{padding:20px 0 18px}.brand{font-size:19px;gap:10px}.brand-icon{width:37px;height:37px;border-radius:11px}.brand-icon svg{width:25px;height:25px}.brand-caption{font-size:9px;letter-spacing:0}.header-actions{gap:0}.header-actions .button{font-size:0;width:38px;height:38px;padding:9px}.header-actions .button svg{width:18px;height:18px}.intro{padding:29px 0 26px}.eyebrow{font-size:8px;letter-spacing:1.25px}h1{font-size:35px;line-height:1.14;letter-spacing:-1.3px;margin:13px 0 12px;max-width:345px}h1 span{display:block}.intro>p{font-size:13px;line-height:1.65;max-width:340px}.settings-panel{padding:21px;margin-bottom:22px}h2{font-size:18px}.panel-description{font-size:12px}.settings-controls{grid-template-columns:1fr;gap:0}.currency-field{grid-column:auto;grid-row:auto}.mode-control{grid-column:auto;grid-row:auto;height:44px;margin-bottom:20px}.settings-controls>#income-field,.settings-controls>#manual-field,.settings-controls>.field:has(#weekly-hours),.advanced-settings{grid-column:auto}.field>label{font-size:12px}.field input,.field select{height:49px}.field select{font-size:14px}.mode-control button{font-size:13px}.advanced-settings summary{font-size:12px;min-height:35px;padding:8px 0}.rate-card{padding:20px}.rate-label{font-size:9px}.rate-amount>span:first-child{font-size:37px}.rate-card p{font-size:11px;line-height:1.6}.calculation-note{font-size:10px;margin-top:12px}.tasks-panel{padding:21px 16px 0}.tasks-heading{display:block;margin:0 4px}.tasks-heading .panel-heading{gap:10px}.tasks-heading .panel-description{font-size:12px;max-width:290px;line-height:1.65;margin-bottom:13px}.tasks-heading>.button{background:transparent;color:var(--blue);padding:4px 0;min-height:36px;margin-bottom:15px;font-size:12px}.task-table-head{display:none}.task-list{display:flex;flex-direction:column;gap:12px}.task-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 12px;padding:15px;background:#f8faff;border:1px solid #e3eaf4;border-radius:13px}.task-row.selected{background:#f0f5ff;border-color:#bbd0fa}.task-name{grid-column:1 / -1;padding-right:28px;display:flex;align-items:center;gap:8px}.task-number{display:block;font-size:10px;color:#8ca0be;font-variant-numeric:tabular-nums}.task-name input{height:37px;font-size:16px;font-weight:550;padding:5px 0;background:transparent;letter-spacing:-.2px}.task-hours-wrap{align-self:start}.task-hours-wrap label{display:block;color:#7486a0;font-size:10px;margin-bottom:6px}.task-hours{background:white;height:44px;text-align:left;padding:8px 12px;font-size:18px}.task-cost-wrap{text-align:right;align-self:start;min-width:0}.task-cost-label{display:block;font-size:10px;color:#7486a0;margin-bottom:6px}.task-cost{display:block;font-size:18px;font-weight:600;padding-top:10px;white-space:normal;line-height:1.3}.task-cost.large-value{font-size:14px}.delegate-control{grid-column:1 / -1;justify-content:flex-start;gap:10px;min-height:42px;border-top:1px solid #dfe7f4;padding-top:12px}.delegate-control span{display:block;font-size:12px;color:#617591}.delegate-control input{width:22px;height:22px;flex-shrink:0}.delegate-control input:checked:after{left:6px;top:3px;width:6px;height:10px}.task-row.selected .delegate-control span{color:var(--blue)}.delete-task{position:absolute;right:9px;top:13px;height:36px;width:36px}.delete-task svg{width:17px;height:17px}.add-task{width:100%;justify-content:center;background:#eff4fd;border-radius:10px;margin:14px 0 18px;min-height:47px;font-size:13px}.add-task:hover{background:#e7effc}.all-tasks-total{padding:18px 4px;gap:12px}.all-tasks-total>span{font-size:11px;max-width:130px;flex-shrink:0}.all-tasks-total>span span{font-size:13px}.all-tasks-total>strong{font-size:20px}.results-panel{padding:22px 20px}.results-heading{display:block}.results-heading h2{font-size:17px}.period-control{margin-top:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}.period-control button{font-size:12px;min-height:36px}.result-grid{margin-top:24px;grid-template-columns:1fr;gap:21px}.result-label{font-size:12px;margin-bottom:7px}.result-number{font-size:49px}.result-number span{font-size:29px}.money-result{border-left:0;padding-left:0;border-top:1px solid #d6e2f5;padding-top:20px}.result-money{font-size:35px;line-height:1.25}.result-money.large-value{font-size:27px}.result-period{font-size:12px;margin-top:6px}.week-overview{margin-top:23px}.week-caption{font-size:11px}.week-track{height:8px}.result-note{font-size:10px;line-height:1.7;margin-top:13px}.bottom-actions{flex-direction:column;gap:10px;align-items:center;margin-top:19px;font-size:10px}.bottom-actions>div{gap:26px}.text-button{font-size:11px;min-height:40px}.text-button svg{width:15px;height:15px}.closing-note{margin:27px 0}.closing-note p{font-size:11px}.mobile-break{display:block}.site-footer{padding:19px 0 max(22px,env(safe-area-inset-bottom));font-size:9px;gap:13px}.site-footer>span:last-child{max-width:180px;text-align:right;line-height:1.5}.toast{font-size:12px}.dialog-buttons .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.toast-undo{background:#ffffff20;color:white;border-radius:6px;padding:7px 11px;margin-left:12px;min-height:34px;font-size:12px;font-weight:600}.toast-undo:hover{background:#ffffff35}
.task-cost{display:block}.mobile-result-dock{display:none}
.money-input{position:relative;--prefix-space:31px}.money-input .currency-symbol{position:absolute;left:13px;top:50%;transform:translateY(-50%);float:none;font-size:17px;line-height:1;color:#73849b;pointer-events:none}.money-input input{padding-left:var(--prefix-space)}
@media(max-width:560px){.mobile-result-dock{position:fixed;display:flex;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:18px;right:18px;align-items:center;justify-content:space-between;gap:12px;background:#15263df5;color:white;min-height:65px;border:1px solid #ffffff22;border-radius:15px;padding:12px 17px;box-shadow:0 6px 28px #15263d25;backdrop-filter:blur(12px);text-align:left}.mobile-result-dock>span:first-child{min-width:0}.mobile-result-dock strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;display:block;overflow-wrap:anywhere}.mobile-result-dock #dock-value{font-size:10px;color:#b6c9e6;margin-top:3px;display:block;overflow-wrap:anywhere}.dock-action{display:flex;align-items:center;gap:8px;font-size:12px;color:#d5e3ff;flex-shrink:0}.dock-action svg{width:17px;height:17px}body.has-mobile-dock{padding-bottom:84px}body.has-mobile-dock .toast{bottom:92px}}
@media print{body{background:white}.app-shell{max-width:none;padding:0}.site-header{padding:0 0 12px}.header-actions,.delete-task,.add-task,.bottom-actions,.closing-note,.site-footer,.tasks-heading>.button,.toast,dialog,.mode-control,.advanced-settings{display:none!important}.intro{padding:20px 0}.calculator-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:15px}.settings-panel,.tasks-panel,.results-panel{box-shadow:none;break-inside:avoid}.settings-panel{position:static}.rate-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.task-row{break-inside:avoid}.period-control button:not([aria-pressed=true]){display:none}.results-heading{flex-direction:row}.task-list{gap:0}.settings-controls{display:block}.field input,.field select{background:white}.privacy-note{display:none}}

/* Readable typography on desktop and mobile. */
@media screen {
  :root { font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif; }
  body { font-size:16px; line-height:1.5; }
  .brand { font-size:23px; }
  .brand-caption,.privacy-note { font-size:14px; line-height:1.5; }
  .eyebrow { font-size:12px; letter-spacing:1.2px; }
  h1 { font-size:clamp(36px,3.7vw,48px); line-height:1.18; }
  h2 { font-size:22px; line-height:1.35; }
  .intro>p { font-size:17px; line-height:1.65; }
  .small-tag { font-size:12px; color:#65768d; letter-spacing:.9px; }
  .panel-description { font-size:15px; line-height:1.65; }
  .field>label { font-size:15px; line-height:1.5; }
  .field input { font-size:24px; font-weight:500; }
  .field input::placeholder,.field select { font-size:16px; }
  .money-input .currency-symbol { font-size:19px; }
  .field-help,.field-error,.task-hours-wrap .field-error { font-size:14px; line-height:1.6; }
  .mode-control button { font-size:14px; min-height:40px; }
  .advanced-settings summary { font-size:14px; line-height:1.6; }
  .rate-label { font-size:12px; letter-spacing:1px; }
  .rate-amount>span:first-child { font-size:42px; line-height:1.2; }
  .rate-unit { font-size:16px; }
  .rate-card p { font-size:14px; line-height:1.6; }
  .calculation-note { font-size:14px; line-height:1.6; color:#617189; }
  .calculation-note svg { width:17px; height:17px; }
  .button { font-size:14px; min-height:44px; }
  .task-table-head { font-size:12px; line-height:1.5; letter-spacing:.45px; color:#607188; }
  .task-name input { font-size:17px; font-weight:500; }
  .task-hours,.task-cost { font-size:18px; }
  .task-cost.large-value { font-size:15px; }
  .add-task { font-size:16px; }
  .all-tasks-total { font-size:15px; }
  .all-tasks-total>span span { font-size:16px; }
  .all-tasks-total>strong { font-size:26px; }
  .tasks-warning,.empty-tasks { font-size:15px; }
  .results-heading h2 { font-size:21px; line-height:1.4; }
  .period-control button { font-size:14px; min-height:38px; padding:7px 12px; }
  .result-label { font-size:16px; }
  .result-number { font-size:52px; }
  .result-number span { font-size:30px; }
  .result-money { font-size:38px; }
  .result-money.large-value { font-size:28px; }
  .result-period,.week-caption { font-size:14px; color:#5c718e; }
  .result-note { font-size:14px; line-height:1.65; color:#5c718e; }
  .bottom-actions { font-size:14px; color:#62738b; }
  .text-button { font-size:14px; min-height:44px; }
  .closing-note p { font-size:14px; color:#617189; }
  .site-footer { font-size:13px; line-height:1.6; color:#64748b; }
  .toast,.toast-undo { font-size:14px; }
  dialog p { font-size:16px; }
}
@media screen and (max-width:1100px) {
  .results-heading { gap:14px; }
}
@media screen and (max-width:560px) {
  .brand { font-size:22px; }
  .brand-caption { font-size:13px; }
  .eyebrow { font-size:12px; letter-spacing:.9px; }
  h1 { font-size:36px; }
  .intro>p { font-size:16px; }
  h2 { font-size:21px; }
  .tasks-heading .panel-description { font-size:15px; max-width:none; }
  .tasks-heading>.button { font-size:14px; min-height:44px; }
  .task-number { font-size:13px; }
  .task-name input { font-size:18px; }
  .task-hours-wrap label,.task-cost-label { font-size:14px; color:#60728d; }
  .task-hours,.task-cost { font-size:21px; }
  .task-cost.large-value { font-size:16px; }
  .delegate-control span { font-size:15px; }
  .all-tasks-total>span { font-size:14px; }
  .all-tasks-total>span span { font-size:15px; }
  .all-tasks-total>strong { font-size:24px; }
  .results-heading h2 { font-size:21px; }
  .result-number { font-size:52px; }
  .result-money { font-size:38px; }
  .bottom-actions { gap:12px; }
  .closing-note p { font-size:14px; }
  .site-footer { font-size:13px; flex-direction:column; gap:6px; }
  .site-footer>span:last-child { max-width:none; text-align:left; }
  .mobile-result-dock { padding:12px 14px; gap:8px; }
  .mobile-result-dock strong { font-size:21px; }
  .mobile-result-dock #dock-value { font-size:14px; }
  .dock-action { font-size:14px; gap:5px; }
  .dialog-buttons .button { font-size:14px; }
}