:root{--bg:#f3f3f3;--surface:#fff;--ink:#111;--muted:#545454;--line:#d0d0d0;--border:#767676;--green:#00763e;--link:#0053b0;--soft:#e9e9e9;--action:#111;--action-ink:#fff;--error:#a52e2c;--error-soft:#fff1ef;--notice:#edf2f6;--focus:#0053b0;--radius:4px;color-scheme:light;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#101010;--surface:#1b1b1b;--ink:#fff;--muted:#b8b8b8;--line:#444;--border:#777;--green:#22c976;--link:#78a9ff;--soft:#282828;--action:#fff;--action-ink:#101010;--error:#ffb4a8;--error-soft:#3b2523;--notice:#202d38;--focus:#78a9ff;color-scheme:dark}.family-scope{--family:var(--family-light,var(--green))}:root[data-theme=dark] .family-scope{--family:var(--family-dark,var(--green))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101010;--surface:#1b1b1b;--ink:#fff;--muted:#b8b8b8;--line:#444;--border:#777;--green:#22c976;--link:#78a9ff;--soft:#282828;--action:#fff;--action-ink:#101010;--error:#ffb4a8;--error-soft:#3b2523;--notice:#202d38;--focus:#78a9ff;color-scheme:dark}:root:not([data-theme=light]) .family-scope{--family:var(--family-dark,var(--green))}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:var(--link);text-underline-offset:3px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(h1,h2,h3,p){margin-top:0}h1,h2,h3{letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin-bottom:16px}img{max-width:100%}main{min-width:0}.muted{color:var(--muted)}.site-header{color:#fff;background:#111;border-bottom:1px solid #444}.header-inner,.site-shell,.site-footer{width:min(1440px,100% - 64px);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding-block:16px;display:flex}.brand{letter-spacing:-1px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-size:23px;font-weight:750;text-decoration:none;display:inline-flex}.brand-dot{color:var(--green);margin-left:-7px}.site-header .brand{color:#fff}.site-header .brand-dot{color:#009952}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav>a{color:#b8b8b8;align-items:center;min-height:44px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.site-header nav>a[aria-current=page]{color:#fff;text-underline-offset:8px;text-decoration:underline 2px}.site-header :focus-visible{outline-color:#78a9ff}.count{margin-left:8px;font-size:14px}.theme-control{align-items:center;gap:8px;font-size:14px;display:flex}.theme-control select{color:#fff;color-scheme:dark;background:#1b1b1b;border:1px solid #777;border-radius:4px;min-height:44px;padding:8px;font-size:14px}.site-shell{grid-template-columns:224px minmax(0,1fr);gap:32px;padding-top:32px;display:grid}.tool-navigation{border-right:1px solid var(--line);align-self:start;min-width:0;padding-right:16px;position:sticky;top:24px}.tool-navigation nav{max-height:calc(100dvh - 48px);padding:4px;overflow-y:auto}.tool-menu-toggle{display:none}.nav-index{min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;padding:8px;font-weight:650;text-decoration:none;display:flex}.nav-index[aria-current=page]{background:var(--soft);border-left:3px solid var(--ink);padding-left:5px}.nav-index:hover,.nav-family a:hover{background:var(--soft)}.nav-count{color:var(--muted);margin-left:auto;font-size:14px;font-weight:500}.nav-families{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.nav-family{border-bottom:1px solid var(--line)}.nav-family summary{color:var(--ink);align-items:center;gap:8px;min-height:48px;padding:10px 8px;font-size:14px;font-weight:650;list-style:none;display:flex}.nav-family summary::-webkit-details-marker{display:none}.nav-family summary:after{content:"+";text-align:center;width:14px;color:var(--muted)}.nav-family[open] summary:after{content:"−"}.nav-family ul{margin:0 0 8px;padding:0;list-style:none}.nav-family a{min-height:44px;color:var(--ink);border-left:3px solid #0000;align-items:center;padding:8px 8px 8px 20px;font-size:14px;text-decoration:none;display:flex}.nav-family a[aria-current=page]{border-left-color:var(--family);background:var(--soft);font-weight:700}.family-mark{background:var(--family-colour,#009952);width:22px;height:22px;color:var(--family-symbol-ink,#111);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-size:13px;font-weight:750;line-height:1;display:inline-flex}.family-mark:after{content:var(--family-symbol,"T")}.family-label{color:var(--family);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:650;display:flex}.tool-heading{margin-bottom:24px}.tool-heading h1{margin-bottom:8px}.tool-heading>p:last-child{max-width:800px;color:var(--muted);margin-bottom:0}.tool-layout{align-items:start;gap:24px;display:grid}.tool-main{min-width:0;container-type:inline-size}.calculator-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--family-colour,var(--green));padding:24px}.calculator-workspace{gap:24px;display:grid}.panel-title{letter-spacing:0;margin-bottom:16px;font-size:16px;font-weight:700}.input-panel,.result-column{min-width:0}.input-panel{container-type:inline-size}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px 16px;display:grid}.wide{grid-column:1/-1}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.drag-hint,.share-note{color:var(--muted);margin:8px 0 0;font-size:14px}@media (pointer:fine){.scrub-value{cursor:ns-resize}}@media (pointer:coarse){.drag-hint{display:none}}.value-dragging,.value-dragging *{user-select:none;cursor:ns-resize!important}.field input.scrubbing{background:var(--soft);border-color:var(--family);box-shadow:inset 0 -3px var(--family)}@media (prefers-reduced-motion:no-preference){.scrub-value{transition:background-color .1s,border-color .1s}}.field label{color:var(--ink);font-size:14px;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);border-radius:4px;padding:10px 12px;font-size:16px;line-height:1.4}.field textarea{resize:vertical;min-height:112px}.field select{appearance:none;text-overflow:ellipsis;background-image:linear-gradient(45deg, transparent 50%, var(--border) 50%), linear-gradient(135deg, var(--border) 50%, transparent 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.field small{color:var(--muted);font-size:14px;line-height:1.45}.field-presets{flex-wrap:wrap;gap:6px;display:flex}.field-presets button{min-height:44px;padding:6px 10px;font-size:14px}.field-presets button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 -2px var(--ink)}.tabs{border-bottom:1px solid var(--border);gap:0;width:min(100%,440px);margin-bottom:24px;display:flex}.tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:10px 20px;font-size:16px;font-weight:650}.tabs button.chosen{border-bottom-color:var(--ink);color:var(--ink);background:var(--soft)}.duration-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.duration-inputs label{text-align:center;font-size:16px}.duration-inputs input{text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;height:104px;padding:12px 4px;font-size:52px;font-weight:650}.duration-inputs input::-webkit-inner-spin-button{appearance:none}.presets{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.presets button,.filter-tabs button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.presets button.chosen,.filter-tabs button.chosen{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 -2px var(--ink)}.primary,.secondary{border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.primary{border:1px solid var(--action);color:var(--action-ink);background:var(--action)}.primary:hover:not(:disabled){opacity:.88}.secondary{border:1px solid var(--border);color:var(--ink);background:var(--surface)}.secondary:hover:not(:disabled){background:var(--soft)}.start-button{width:100%;margin-top:8px}.start-button span{font-size:12px}.timer-settings{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:24px;padding-top:16px;display:flex}.sound-setting{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.sound-setting select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:4px;min-height:44px;padding:8px}.checkbox{align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.checkbox input{width:20px;height:20px;accent-color:var(--ink);margin:0}.quiet{color:var(--link);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:10px 8px;font-size:14px;font-weight:600;text-decoration:underline}.browser-note{color:var(--muted);max-width:720px;margin:12px 0 8px;font-size:14px}.actions{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.actions button{padding-inline:0}.status{color:var(--muted);margin:8px 0 0;font-size:14px}.status:empty{display:none}.share-field{margin-top:16px}.share-field input{font-size:14px}.eyebrow{color:var(--muted);letter-spacing:0;margin-bottom:8px;font-size:14px;font-weight:650}.timer-display{letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block:16px 24px;font-size:clamp(40px,6vw,88px);font-weight:650;line-height:1.2}.timer-card>.eyebrow{margin-top:24px}.timer-card progress{appearance:none;background:var(--soft);width:100%;height:12px;color:var(--family);border:0;display:block}.timer-card progress::-webkit-progress-bar{background:var(--soft)}.timer-card progress::-webkit-progress-value{background:var(--family)}.timer-card progress::-moz-progress-bar{background:var(--family)}.running-controls{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.finish-time{color:var(--muted);overflow-wrap:anywhere;margin-block:12px;font-size:14px}.timing-browse{margin:16px 0 0;font-size:14px}.timing-browse a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.deadline-preview{border-left:4px solid var(--family-colour,var(--green));background:var(--soft);overflow-wrap:anywhere;margin-top:20px;padding:16px;font-size:16px}.deadline-preview p{color:var(--muted);margin:8px 0 0;font-size:14px}.error{color:var(--error);background:var(--error-soft);border-left:3px solid var(--error);margin-block:16px;padding:12px;font-size:16px}.notice{background:var(--notice);border-left:3px solid var(--border);overflow-wrap:anywhere;margin-block:16px;padding:16px;font-size:14px}details{font-size:14px}summary{cursor:pointer;min-height:44px;color:var(--link);padding-block:10px}details .field{margin-top:12px}.result-panel{border-left:4px solid var(--family);background:var(--soft);overflow-wrap:anywhere;padding:20px}.result-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:clamp(28px,3vw,44px);font-weight:650;line-height:1.25;display:block}.result-panel>p{color:var(--muted);margin:12px 0 0;font-size:14px}.result-panel .error{color:var(--error)}.result-panel .secondary{margin-top:16px}.result-table{margin-top:16px;overflow-x:auto}.result-table table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.result-table th,.result-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 8px}.result-table th{white-space:nowrap;overflow-wrap:normal;font-weight:650}.meeting-slots table{min-width:440px}.result-table caption{text-align:left;padding:8px;font-weight:650}.timesheet-headings{display:none}.timesheet-day{border-bottom:1px solid var(--line);padding-block:16px}.timesheet-day:first-of-type{padding-top:0}.timesheet-day h3{letter-spacing:0;margin-bottom:12px;font-size:16px}.timesheet-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.directory-controls{align-items:end;gap:24px;display:flex}.directory-controls .field{flex:1;max-width:600px}.filter-tabs{flex-wrap:wrap;gap:8px;margin-block:20px 8px;display:flex}.directory-summary{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:16px;display:flex}.directory-summary p{margin:0;font-size:14px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.directory-family{min-width:0}.directory-family h2{color:var(--family);border-bottom:2px solid var(--family-colour,var(--green));align-items:center;gap:8px;margin-bottom:0;padding-bottom:12px;font-size:20px;display:flex}.directory-family ul{margin:0;padding:0;list-style:none}.tool-tile{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:8px;min-width:0;padding-block:16px;display:flex}.tool-tile>div{flex:1;min-width:0}.tool-tile h3{margin-bottom:8px;font-size:18px}.tool-tile a{min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.tool-tile a:hover{text-decoration:underline}.tool-tile a span{color:var(--family)}.tool-tile p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.5}.favourite{width:44px;height:44px;color:var(--family);background:0 0;border:0;flex:0 0 44px;font-size:24px}.favourite:hover{background:var(--soft)}.tool-content{max-width:800px;margin-block:40px}.tool-content h2{margin-top:32px;margin-bottom:12px;font-size:24px}.tool-content p{color:var(--muted)}.tool-content li{color:var(--muted);margin-block:8px}.tool-content .formula{border:1px solid var(--line);color:var(--ink);background:var(--soft);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:16px}.guide-table{margin-block:24px;overflow-x:auto}.guide-table:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.guide-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%}.guide-table caption{text-align:left;margin-bottom:12px;font-weight:650}.guide-table th,.guide-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 8px}.guide-table tbody th,.guide-table td{white-space:nowrap}.tool-content .guide-faq{border-bottom:1px solid var(--line);font-size:16px}.guide-faq summary{min-height:44px;padding-block:14px;font-weight:650}.worked-example{border-left:4px solid var(--family-colour,var(--green));background:var(--soft);margin-block:24px;padding:16px 20px}.worked-example h3{margin-bottom:12px;font-size:16px}.worked-example p:last-child{color:var(--ink);margin-bottom:0}.related{border-top:1px solid var(--line);padding-block:24px 32px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:8px;display:flex}.section-heading h2{margin-bottom:0;font-size:24px}.text-link{align-items:center;min-height:44px;font-size:14px;font-weight:650;display:inline-flex}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.prose{max-width:800px;margin:8px 0 56px}.prose h2{margin-top:32px;font-size:24px}.prose p{color:var(--muted)}.prose h1{margin-bottom:24px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:16px 24px;margin-top:24px;padding-block:24px;display:grid}.site-footer p{color:var(--muted);margin:8px 0 0;font-size:14px}.site-footer nav{flex-wrap:wrap;align-items:start;gap:0 20px;max-width:640px;display:flex}.site-footer nav a{min-height:44px;color:var(--muted);align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.consent-pending .ad-slot{visibility:hidden}.consent-status:not(.sr-only){color:var(--muted);flex-basis:100%;margin-top:8px;font-size:14px}.site-footer small{color:var(--muted);grid-column:1/-1;font-size:14px}.ad-slot{border:1px solid var(--line);background:var(--surface);text-align:center;max-width:970px;min-height:280px;margin:24px auto;overflow:hidden}.ad-slot>span{color:var(--muted);padding:8px;font-size:14px;display:block}.ad-slot ins{min-height:250px}.ad-side{min-width:300px;min-height:600px;margin:0;display:none}.ad-side ins{min-height:570px}.timing-active .ad-slot,.tool-error .ad-slot,.timing-active .nav-families,.timing-active .tool-content,.timing-active .related{display:none}.fullscreen-fallback,.timer-card:fullscreen{z-index:100;background:var(--surface);border:0;flex-direction:column;justify-content:center;width:100%;height:100%;margin:0;padding:clamp(20px,4vw,64px);display:flex;position:fixed;inset:0;overflow:auto}.fullscreen-fallback .timer-display,.timer-card:fullscreen .timer-display{font-size:clamp(48px,13vw,176px)}.fullscreen-fallback .timing-browse,.timer-card:fullscreen .timing-browse{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--surface);border:2px solid var(--focus);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@media (width>=1280px){.calculator-workspace{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.result-column{align-self:start;position:sticky;top:24px}.timesheet-workspace{grid-template-columns:minmax(0,1fr)}}@container (width>=960px){.timesheet-workspace{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@container (width>=580px){.timesheet-headings{border-bottom:2px solid var(--border);grid-template-columns:96px repeat(3,minmax(0,1fr)) minmax(0,1.2fr);gap:8px;padding-bottom:12px;font-size:14px;font-weight:650;display:grid}.timesheet-day{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.timesheet-day h3{margin:0;font-size:14px}.timesheet-row{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.2fr);gap:8px}.timesheet-row .field label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timesheet-row .field input,.timesheet-row .field select{padding-inline:4px;font-size:14px}.timesheet-row .field select{background-position:right 12px center,right 7px center;padding-right:28px}}@container (width<=820px){.calculator-workspace{grid-template-columns:minmax(0,1fr)}.result-column{position:static}}@media (width>=1536px){.site-shell:has(.ad-side){width:calc(100% - 64px);max-width:1600px}.tool-layout:has(.ad-side){grid-template-columns:minmax(800px,1fr) 300px}.ad-side{display:block}}@media (width<=1099px){.site-shell{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:16px}.tool-navigation{border-right:0;border-bottom:1px solid var(--line);padding-right:0;position:static}.tool-navigation nav{max-height:none;padding-bottom:16px}.has-js .tool-navigation:not(.menu-open) nav{display:none}.has-js .tool-menu-toggle{width:100%;min-height:48px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:8px 0;font-size:16px;font-weight:650;display:flex}.tool-menu-toggle>span:first-child{align-items:center;gap:8px;display:flex}.site-header nav>a{display:none}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.header-inner,.site-shell,.site-footer{width:calc(100% - 32px)}.header-inner{gap:12px;min-height:68px;padding-block:12px}.brand{gap:6px;font-size:20px}.brand img{width:25px;height:25px}.theme-control label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav{gap:0}.site-shell{gap:16px;padding-top:8px}.tool-heading{margin-bottom:16px}h1{font-size:28px}.tool-heading>p:last-child{font-size:16px}.calculator-card{padding:16px}.tabs{margin-bottom:20px}.tabs button{padding-inline:8px}.duration-inputs{gap:8px}.duration-inputs input{height:88px;font-size:42px}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.presets button{padding-inline:6px}.timer-settings{gap:8px;margin-top:20px}.form-grid{grid-template-columns:minmax(0,1fr);gap:20px}.timer-display{font-size:clamp(34px,9vw,56px)}.running-controls .primary,.running-controls .secondary{flex:auto;padding-inline:12px}.result-panel{padding:16px}.directory-controls{gap:8px;display:grid}.directory-grid,.tool-grid{grid-template-columns:minmax(0,1fr)}.directory-grid{gap:24px}.tool-content{margin-block:32px}.site-footer{grid-template-columns:minmax(0,1fr)}.site-footer nav{gap:0 16px;max-width:none}.fullscreen-fallback,.timer-card:fullscreen{justify-content:start;padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}