:root{--bg:#f3f1e9;--ink:#24382f;--muted:#637066;--line:#d0d6c8;--green:#365c48;--sage:#a8bc98;--lime:#dce3a2;--paper:#fffcf4;--panel:#faf8ef;--focus:#a76a2c;--serif:Georgia, "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif;--mono:"Courier New", Courier, monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px var(--sans);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,.bararea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}p{line-height:1.65}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.micro{font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero{min-height:100dvh;padding:0 38px 24px}.mast{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1320px;height:77px;margin:auto;display:flex}.brand{font:32px var(--serif);letter-spacing:-1.7px;text-decoration:none}.brand i{color:#92a375;font-style:normal}.mast-line{color:var(--muted)}.mast-hub{color:var(--muted);font-size:11px;text-decoration:none}.mast-hub:hover{color:var(--ink)}.intro{justify-content:space-between;align-items:end;gap:30px;max-width:1320px;margin:30px auto 32px;display:flex}.intro h1{font:normal clamp(35px, 4.3vw, 62px) / 1.02 var(--serif);letter-spacing:-2px}.intro h1 .kicker{color:var(--muted);letter-spacing:.08em;margin-bottom:14px;display:block}.intro h1 em{color:#64815d;font-weight:400}.intro>p{max-width:300px;color:var(--muted);font-size:12px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:44px;max-width:1320px;margin:auto;display:grid}.inputs{border-right:1px solid var(--line);padding-right:30px}.caption{font:18px/1.3 var(--serif);color:var(--green);margin-bottom:14px}.section-label{color:var(--muted);margin-bottom:15px}.switch{border:1px solid #b9c5b2;border-radius:5px;gap:3px;margin-bottom:21px;padding:3px;display:flex}.switch button{background:0 0;border:0;border-radius:3px;flex:1;padding:10px 4px;font-size:11px;line-height:1.5}.switch button[aria-pressed=true]{background:var(--green);color:#fff}.field{margin-bottom:20px}.field label{color:var(--muted);margin-bottom:7px;font-size:11px;display:block}.inputline{border-bottom:1px solid #899c82;align-items:center;gap:8px;display:flex}.inputline input{width:100%;min-width:0;font:28px var(--serif);background:0 0;border:0;padding:6px 0 10px}.inputline span{font:24px var(--serif);color:#809176}.inputline .unit{font:11px var(--sans);color:var(--muted)}.inputline--small input{font-size:22px}.inputline--small span{font-size:19px}.field small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.6;display:block}.pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pair input{font-size:24px}.bankline{gap:8px;margin:-7px 0 12px;font-size:11px;line-height:1.6;display:flex}.bankline input{accent-color:var(--green)}.bankextra{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.bankextra>label{width:100%;color:var(--muted)}.bankextra select,.bankextra input{border:1px solid var(--line);background:var(--paper);border-radius:3px;min-height:36px;padding:7px}.bankextra select{max-width:100%}.bankextra input{width:64px}.help{color:var(--muted);font-size:10px;line-height:1.7}.actions{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.btn{background:0 0;border:1px solid #9dae92;border-radius:4px;min-height:40px;padding:10px 12px;font-size:11px}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.actions .primary{flex:100%}.notice{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.7}.result{min-width:0}.error{background:#eee0d5;border-left:3px solid #a45238;margin-bottom:13px;padding:9px 13px;font-size:12px;line-height:1.5}.error:empty{display:none}.weekheading{justify-content:space-between;align-items:center;gap:20px;display:flex}.weekheading h2{font:normal 23px var(--serif);letter-spacing:-.5px}.weekheading strong{font:12px var(--mono);color:var(--muted)}.presets{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.presets button{border:1px solid var(--line);background:#f9f8f0;border-radius:20px;min-height:33px;padding:7px 11px;font-size:10px}.presets button:hover{border-color:#64815d}.weekgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.weekgrid.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-width:0}.day--off{display:none}.bararea{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(0deg,#c9d0bf66 0 1px,#0000 1px 25%);border-bottom:1px solid #93a285;height:157px;position:relative}.ftmark{pointer-events:none;background:#e6eadf66;border:1px dashed #8f9f82;position:absolute;bottom:0;left:0;right:0}.fill{background:var(--sage);pointer-events:none;border-radius:22px 22px 0 0;position:absolute;bottom:0;left:10px;right:10px}.day:nth-child(2) .fill{background:#8ea786}.day:nth-child(3) .fill{background:#759474}.day:nth-child(4) .fill{background:#b4c099}.day:nth-child(5) .fill{background:#c8cfad}.daylabel{text-align:center;font:11px var(--mono);margin-top:10px;display:block}.daynumber{color:var(--muted);justify-content:center;align-items:center;gap:3px;margin-top:5px;font-size:10px;display:flex}.daynumber input{border:0;border-bottom:1px solid var(--line);text-align:center;background:0 0;width:49px;min-width:0;padding:5px 0;font-size:12px}.legend-scale{color:var(--muted);margin-top:10px;font-size:10px}.legend{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;font-size:10px;display:flex}.legend i{background:var(--sage);width:13px;height:9px;margin-right:4px;display:inline-block}.legend i.outline{background:0 0;border:1px dashed #8f9f82;margin-left:12px}.weekendbutton{color:var(--muted);background:0 0;border:0;padding:5px;font-size:10px;text-decoration:underline}.answer{background:var(--green);color:#f7f6e8;border-radius:6px;margin-top:23px;padding:24px 27px;position:relative}.answer-top{justify-content:space-between;align-items:start;gap:20px;display:flex}.answer .micro{color:#dae1cb}.annual{font:clamp(37px, 4vw, 57px) / 1.1 var(--serif);letter-spacing:-2px;margin:8px 0 12px}.fraction{border:1px solid #b9c5a977;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:83px;height:83px;display:flex}.fraction b{font:normal 22px var(--serif)}.fraction span{color:#d8e0cb;margin-top:5px;font-size:10px}.paybreakdown{border-top:1px solid #c3d1b744;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:13px;display:grid}.paybreakdown b{font:normal 19px var(--serif);margin-bottom:4px;display:block}.paybreakdown span{color:#e0e4d5;font-size:10px}.offer{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin-top:14px;padding:12px 15px;font-size:12px}.holiday{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:19px 0 14px;display:flex}.holiday h3{margin-bottom:5px;font-size:12px;font-weight:400}.holiday p{color:var(--muted);font-size:10px}.holiday strong{font:normal 29px var(--serif);white-space:nowrap}.statutory,.rounding{color:var(--muted);margin-top:9px;font-size:10px}.statutory--below{color:var(--ink);border-left:3px solid #b4a15a;padding-left:9px}.reason{font:12px/1.7 var(--sans);color:var(--muted);margin:13px 0}.toolbar{justify-content:space-between;align-items:center;gap:15px;display:flex}.toolbar p{color:var(--muted);font-size:10px}.extra{grid-template-columns:1fr 1fr;gap:25px;max-width:1320px;margin:30px auto 0;display:grid}.panel{background:var(--panel);border:1px solid #c6d0bd;border-radius:5px;min-width:0;padding:22px}.panel h2{font:normal 23px var(--serif);margin:5px 0 10px}.panel p{color:var(--muted);font-size:11px}.panel .small{margin-top:9px;font-size:10px}.usedline{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 12px;font-size:11px;display:flex}.usedline label{width:100%;color:var(--muted)}.usedline input{border:1px solid var(--line);background:var(--paper);border-radius:3px;width:90px;min-height:38px;padding:8px}.unitswitch{border:1px solid #b0bda6;border-radius:4px;padding:2px;display:inline-flex}.unitswitch button{background:0 0;border:0;border-radius:3px;min-height:32px;padding:7px 11px;font-size:11px}.unitswitch button[aria-pressed=true]{background:var(--green);color:#fff}.bookdays{flex-wrap:wrap;gap:6px;margin:12px 0 15px;display:flex}.bookdays button{background:0 0;border:1px solid #b0bda6;border-radius:3px;padding:9px 10px;font-size:11px}.bookdays button[aria-pressed=true]{background:var(--lime);border-color:#82915d}.bookdays button.is-empty{opacity:.45;cursor:default}.panel .bookingresult{border-top:1px solid var(--line);color:var(--ink);margin-bottom:12px;padding-top:13px;font-size:12px}.miniweeks{gap:22px;margin:14px 0 4px;display:flex}.miniweek .micro{color:var(--muted)}.minibars{border-bottom:1px solid #93a285;align-items:end;gap:4px;width:112px;height:46px;margin-top:4px;display:flex}.minibars i{background:var(--sage);border-radius:6px 6px 0 0;flex:1}.miniweek:first-child .minibars i{background:0 0;border:1px dashed #8f9f82;border-bottom:0}.comparetable{border-collapse:collapse;width:100%;margin-top:13px;font-size:11px}.comparetable td,.comparetable th{border-bottom:1px solid var(--line);text-align:right;padding:10px 5px;font-weight:400}.comparetable th:first-child{text-align:left}.panel .delta{color:var(--ink);margin-top:12px;font-size:13px}.comparison-buttons{gap:8px;margin-top:13px;display:flex}.jump{width:fit-content;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:27px auto 0;text-decoration:none;transition:opacity .3s;display:block}.jump:hover{color:var(--ink)}.jump--gone{opacity:0;pointer-events:none}.jump--gone:focus-visible{opacity:1;pointer-events:auto}@media (min-width:900px){.jump{z-index:15;border:1px solid var(--line);background:var(--paper);border-radius:999px;margin:0;padding:9px 16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #24382f1f}}.below{grid-template-columns:1fr 1fr;gap:65px;max-width:1190px;margin:60px auto 0;padding:0 28px 35px;display:grid}.below .micro{color:var(--muted)}.below h2{font:normal 35px/1.1 var(--serif);letter-spacing:-1px;margin:12px 0 17px}.below p{color:var(--muted);margin-top:13px;font-size:13px}.below details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:13px}.below details p{font-size:12px}.working{font:11px/1.8 var(--mono);white-space:pre-line;background:#e6e9dc;margin-top:16px;padding:17px}.popular-title{margin:30px 0 10px;font-weight:400}.popular{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.popular a{border:1px solid var(--line);background:var(--panel);border-radius:4px;min-height:44px;padding:11px 12px;font-size:12px;text-decoration:none;display:block}.popular a:hover{border-color:#64815d}.foot{border-top:1px solid var(--line);max-width:1320px;color:var(--muted);justify-content:space-between;gap:25px;margin:20px auto 0;padding:20px 25px 30px;font-size:11px;line-height:1.7;display:flex}.toast{background:var(--ink);color:#fff;z-index:20;border-radius:4px;max-width:90vw;padding:13px 20px;font-size:12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast:empty{opacity:0;pointer-events:none;padding:0}.printtitle,.printnotes{display:none}.embed{max-width:640px;margin:0 auto;padding:16px}.embed-fields{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.embed .inputline input{font-size:24px}.embed .bararea{height:120px}.embed .daynumber{margin-top:2px}.embed-answer{grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;padding:18px 20px;display:grid}.embed-answer .annual{margin:4px 0 0;font-size:34px}.embed-fraction{color:#dae1cb;grid-column:1/-1;font-size:11px}.credit{text-align:right;margin-top:12px;font-size:11px}.plain-hero{min-height:0}.plain{max-width:720px;margin:0 auto;padding:0 24px 60px}.plain h1{font:normal 40px/1.1 var(--serif);letter-spacing:-1px;margin:40px 0 20px}.plain h2{font:normal 22px var(--serif);margin:32px 0 10px}.plain p{color:var(--ink);margin-top:12px;font-size:14px}.plain .btn{margin-top:16px}@media (max-width:1000px){.hero{padding:0 24px 25px}.workspace{grid-template-columns:275px 1fr;gap:26px}.inputs{padding-right:23px}.intro h1{font-size:46px}.intro>p{max-width:255px}.weekgrid{gap:9px}.fill{left:5px;right:5px}.answer{padding:23px}.paybreakdown b{font-size:17px}.below{gap:35px}}@media (max-width:760px){.hero{padding:0 19px 25px}.mast{height:67px}.mast-line{display:none}.intro{margin:25px 0;display:block}.intro h1{font-size:43px}.intro>p{max-width:380px;margin-top:15px}.workspace{display:block}.inputs{border:0;padding:0 0 27px}.pair .field{margin-bottom:15px}.inputline input{font-size:27px}.field{margin-bottom:17px}.extra{grid-template-columns:1fr;gap:15px;margin-top:23px}.result{border-top:1px solid var(--line);padding-top:22px}.weekheading h2{font-size:21px}.weekheading strong{font-size:10px}.weekgrid.seven{gap:5px}.seven .daynumber{text-align:center;display:block}.seven .daynumber input{width:100%}.seven .daynumber span{display:none}.bararea{height:155px}.fill{border-radius:13px 13px 0 0;left:4px;right:4px}.answer{padding:20px}.annual{font-size:43px}.fraction{width:68px;height:68px}.fraction b{font-size:19px}.paybreakdown{gap:8px}.paybreakdown b{font-size:16px}.holiday{gap:14px}.holiday strong{font-size:26px}.toolbar{align-items:start}.below{margin-top:30px;padding:0 22px;display:block}.below>div+div{margin-top:30px}.popular{grid-template-columns:1fr}.foot{flex-wrap:wrap;margin-top:30px}.legend{align-items:start}.presets button{min-height:38px}.daynumber input{min-height:35px}.bookdays button{min-height:42px}.panel{padding:20px}}@media (max-width:420px){.embed-fields,.embed-answer{grid-template-columns:1fr}.embed .bararea{height:100px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@page{size:A4;margin:15mm}@media print{body{background:#fff;font-size:10pt}.hero{min-height:0;padding:0}.mast,.intro,.inputs,.presets,.toolbar,.actions,.jump,.bookdays,.usedline,.weekendbutton,.toast,.below,.foot,.comparison-buttons,.legend-scale{display:none!important}.workspace{display:block}.result{border:0;padding:0}.printtitle{font:24pt var(--serif);margin-bottom:20px;display:block}.answer{color:#000;break-inside:avoid;background:#fff;border:1px solid #888}.answer *{color:#000!important}.extra{display:block}.panel{break-inside:avoid;background:#fff;margin-top:18px}.fraction{border-color:#555}.printnotes{white-space:pre-line;margin-top:20px;font-size:9pt;display:block}.bararea{height:130px}.daynumber input{border:0}.fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.holiday{break-inside:avoid}}