:root{color:#0f172a;font-synthesis:none;background:#f8fafc;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}a{color:#0f766e;text-underline-offset:3px}a:hover{color:#115e59}:focus-visible{outline-offset:3px;outline:3px solid #0f766e}.shell{width:min(1120px,100% - 32px);margin-inline:auto}.skip{z-index:10;background:#fff;padding:8px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.site-header{background:#fff;border-bottom:1px solid #cbd5e1}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:20px;padding-block:15px;display:flex}.brand{color:#0f172a;letter-spacing:-.03em;align-items:center;gap:8px;font-size:1.22rem;font-weight:750;text-decoration:none;display:inline-flex}.brand img{display:block}.site-header nav,.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}.site-header nav a,.site-footer nav a{color:#334155;font-weight:600;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}.hero{padding:35px 0 22px}.eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem;font-weight:750}h1,h2,h3{letter-spacing:-.035em;line-height:1.18}h1{margin:.2em 0;font-size:clamp(2rem,5vw,3rem)}.hero p{color:#475569;max-width:64ch;margin:.6em 0;font-size:1.12rem}.card{background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 6px 24px #0f172a09}.calculator{padding:clamp(16px,3vw,28px)}.calc-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.calc-heading h2{margin:0 0 5px}.muted{color:#475569}.calc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:5px;font-size:.9rem;font-weight:650;display:flex}.field input,.field select{color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:8px;width:100%;min-width:0;padding:10px 11px;font-weight:450}.field small{color:#475569;font-weight:450}.field input:disabled{color:#475569;background:#f1f5f9}.options{flex-wrap:wrap;align-items:center;gap:22px;margin:18px 0;display:flex}.check{align-items:center;gap:7px;font-weight:600;display:inline-flex}.check input{accent-color:#0f766e;width:18px;height:18px}.days{gap:12px;display:grid}.day{border:1px solid #cbd5e1;border-radius:12px;padding:17px}.day-head{align-items:baseline;gap:10px;margin-bottom:11px;display:flex}.day h3{margin:0;font-size:1.03rem}.day time{font-variant-numeric:tabular-nums;color:#475569;font-size:.9rem}.shift-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.shift-row+.shift-row{border-top:1px dashed #cbd5e1;margin-top:12px;padding-top:12px}.shift-caption{color:#475569;margin-bottom:4px;font-size:.83rem;font-weight:700}.day-total{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.day-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.text-button{color:#0f766e;text-underline-offset:3px;background:0 0;border:0;padding:5px 0;font-weight:700;text-decoration:underline}.btn{color:#fff;background:#0f766e;border:1px solid #0f766e;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{color:#fff;background:#115e59}.btn.secondary{color:#0f766e;background:#fff}.btn.secondary:hover{color:#0f172a;background:#ccfbf1}.btn:disabled{color:#475569;cursor:not-allowed;background:#e2e8f0;border-color:#94a3b8}.actions{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.status{color:#475569;min-height:1.5em}.errors{color:#b91c1c;font-weight:650}.results{background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;margin-top:22px;padding:21px}.results h2{margin:0 0 15px}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.result{background:#fff;border:1px solid #99f6e4;border-radius:9px;padding:11px}.result span{color:#475569;font-size:.85rem;display:block}.result strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.result small{color:#475569;display:block}.disclosure{color:#475569;margin:15px 0 0;font-size:.87rem}.content{padding:35px 0 70px}.content h2{margin-top:1.5em}.content p,.content li{color:#334155;max-width:75ch}.content section{padding-bottom:4px}.prose{max-width:760px;padding:40px 0 80px}.prose h1{margin-top:0}.prose p,.prose li{color:#334155}.site-footer{background:#fff;border-top:1px solid #cbd5e1;padding-block:14px}.site-footer p{color:#475569;margin:2px 0;font-size:.9rem}input[type=time],.numeric{font-variant-numeric:tabular-nums}@media (width<=760px){.calc-grid,.result-grid,.shift-row{grid-template-columns:repeat(2,minmax(0,1fr))}.day-total{text-align:left}.header-inner,.footer-inner{flex-direction:column;align-items:flex-start}.site-header nav{gap:13px}}@media (width<=430px){.calc-grid,.result-grid{grid-template-columns:1fr}.options{gap:12px}.day{padding:13px}.shift-row{gap:9px}}@media print{body{background:#fff}.site-header,.site-footer,.actions,.day-actions,.content,.skip{display:none!important}.shell{width:100%}.hero{padding:0}.calculator{box-shadow:none;border:0;padding:0}.day,.results{break-inside:avoid}input,select{appearance:none;border:0!important;padding:0!important}.shift-row{grid-template-columns:repeat(4,1fr)}.day-total{text-align:right}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[hidden]{display:none!important}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.essentials{grid-template-columns:repeat(2,minmax(0,1fr));max-width:570px}.optional-settings{background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin:17px 0}.optional-settings summary{cursor:pointer;color:#0f172a;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-weight:750;list-style:none;display:flex}.optional-settings summary::-webkit-details-marker{display:none}.optional-settings summary small{color:#475569;margin-left:6px;font-weight:500}.optional-settings summary:after{content:"⌄";color:#0f766e;font-size:1.25rem;line-height:1}.optional-settings[open] summary:after{transform:rotate(180deg)}.optional-settings[open] summary{border-bottom:1px solid #cbd5e1}.settings-hint{color:#475569;margin-left:auto;font-size:.84rem;font-weight:450}.pay-grid{padding:16px}.quick-summary{background:#f0fdfa;border:1px solid #99f6e4;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:14px 18px;display:grid}.quick-summary>div{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.quick-label{color:#475569;font-size:.88rem;font-weight:650}.quick-summary strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.15rem}.quick-pay-button{color:#0f766e;text-align:left;text-underline-offset:3px;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:1.1rem;font-weight:750;text-decoration:underline}.quick-pay-button:hover{color:#115e59}.day.has-shift{background:#fcfffe;border-color:#99f6e4}.shift-row .field select{font-variant-numeric:tabular-nums;min-height:46px}.shift-row .field select:focus-visible{outline-offset:2px}@media (width<=760px){.heading-actions{justify-content:flex-start}.quick-summary>div{flex-direction:column;align-items:flex-start;gap:1px}}@media (width<=430px){.heading-actions{width:100%}.heading-actions .btn{flex:1}.essentials{grid-template-columns:1fr}.settings-hint{display:none}.quick-summary{gap:10px;padding:12px}.quick-summary strong{white-space:normal;font-size:1rem}.quick-pay-button{font-size:.95rem}}@media print{.quick-summary{display:none!important}.optional-settings{border:0}.optional-settings summary{display:none}.optional-settings .pay-grid{padding:0}}