:root{--page:#fff;--surface:#fff;--surface-soft:#f8fafc;--surface-raised:#fff;--surface-glass:#fffffffa;--text:#1e293b;--heading:#0f172a;--text-soft:#64748b;--text-muted:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#0d9488;--accent-hover:#0f766e;--accent-soft:#f0fdfa;--accent-border:#ccfbf1;--accent-contrast:#fff;--accent-gradient:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--accent-glow:0 0 24px #0d94882e;--brand-gradient:linear-gradient(135deg, #0d9488 0%, #0284c7 100%);--danger:#e11d48;--danger-soft:#fff1f2;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-strong:0 20px 40px -8px #0f172a1f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--font:"Plus Jakarta Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html[data-theme=dark]{color-scheme:dark;--page:#090d16;--surface:#111726;--surface-soft:#182235;--surface-raised:#1e293b;--surface-glass:#111726d9;--text:#f1f5f9;--heading:#fff;--text-soft:#94a3b8;--text-muted:#64748b;--line:#1e293b;--line-strong:#334155;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-soft:#2dd4bf1f;--accent-border:#2dd4bf47;--accent-contrast:#042f2e;--accent-gradient:linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%);--accent-glow:0 0 30px #2dd4bf47;--brand-gradient:linear-gradient(135deg, #2dd4bf 0%, #38bdf8 100%);--danger:#fb7185;--danger-soft:#fb718526;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000040;--shadow-md:0 10px 15px -3px #0000006b, 0 4px 6px -4px #00000052;--shadow-lg:0 20px 25px -5px #0000007a, 0 8px 10px -6px #00000061;--shadow-strong:0 25px 50px -12px #000000a6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--page);color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65;transition:background-color .16s,color .16s;overflow-x:hidden}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.2em}button{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 68%, white);outline-offset:3px}.skip-link{z-index:20;background:var(--text);color:var(--page);border-radius:8px;padding:.65rem .9rem;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(1140px,100% - 48px);margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:center;gap:1.25rem;min-height:72px;display:flex}.wordmark{color:var(--heading);letter-spacing:-.03em;user-select:none;flex-shrink:0;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-flex;text-decoration:none!important}.wordmark:hover{opacity:.95;transform:translateY(-1px)}.wordmark:active{transform:translateY(0)}.brand-icon{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 80%, #000) 100%);width:42px;height:42px;color:var(--accent-contrast);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 1px #ffffff59;border-radius:12px;flex:0 0 42px;padding:5px;transition:transform .2s,box-shadow .2s;display:block}.brand-title{align-items:baseline;gap:.3rem;line-height:1;display:inline-flex}.desktop-nav{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.desktop-nav .nav-link,.desktop-nav .dropdown-trigger{min-height:40px;color:var(--text-soft);cursor:pointer;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.92rem;font-weight:600;list-style:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;text-decoration:none!important}.desktop-nav .dropdown-trigger::-webkit-details-marker{display:none}.desktop-nav .nav-link:hover,.desktop-nav .dropdown-trigger:hover,.desktop-calculator-menu[open]>.dropdown-trigger{color:var(--heading);background:var(--surface-soft)}.dropdown-chevron{color:var(--text-soft);transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-block}.desktop-calculator-menu[open] .dropdown-chevron,.mobile-calculator-menu[open] .dropdown-chevron{color:var(--accent);transform:rotate(180deg)}.nav-placeholder{min-height:40px;color:var(--text-soft);opacity:.65;cursor:default;user-select:none;border-radius:10px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.92rem;font-weight:600;display:inline-flex}.desktop-calculator-menu{position:relative}.desktop-calculator-menu__panel{z-index:1000;border:1px solid var(--line);background:var(--surface-raised);min-width:260px;box-shadow:0 18px 40px -6px color-mix(in srgb, var(--text) 16%, transparent), 0 4px 14px -2px color-mix(in srgb, var(--text) 8%, transparent);backdrop-filter:blur(20px);border-radius:14px;padding:.85rem 1rem;animation:.22s cubic-bezier(.16,1,.3,1) forwards dropdownSlideIn;position:absolute;top:calc(100% + .6rem);left:0}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-empty-message{color:var(--text-soft);font-size:.86rem;font-weight:500;line-height:1.45;display:block}.mobile-calculator-links .dropdown-empty-message{padding:.35rem .5rem}.site-header__actions{align-items:center;gap:.75rem;display:flex}.header-contact{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 85%, #000) 100%);border:1px solid color-mix(in srgb, var(--accent) 80%, transparent);min-height:42px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.92rem;font-weight:700;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background .2s,border-color .2s;display:inline-flex;color:var(--accent-contrast)!important;text-decoration:none!important}.header-contact:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);border-color:var(--accent-hover);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 42%, transparent);transform:translateY(-1px);color:var(--accent-contrast)!important;text-decoration:none!important}.header-contact:active{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(1px);text-decoration:none!important}.header-contact:focus,.header-contact:focus-visible,.header-contact:visited{text-decoration:none!important}.header-contact[aria-current=page]{box-shadow:0 0 0 2px var(--page), 0 0 0 4px var(--accent);text-decoration:none!important}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--text-soft);cursor:pointer;box-shadow:0 2px 6px color-mix(in srgb, var(--text) 5%, transparent);border-radius:12px;flex:none;place-items:center;transition:border-color .18s,background-color .18s,color .18s,transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s;display:inline-grid;position:relative}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-1px)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px;transition:transform .2s;position:absolute}.theme-toggle:hover svg{transform:rotate(12deg)}.theme-toggle__moon,html[data-theme=dark] .theme-toggle__sun{display:none}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--text);border-radius:12px;place-items:center;list-style:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-grid}.mobile-menu summary:hover,.mobile-menu[open] summary{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mobile-menu__icon{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:18px;height:18px;display:flex}.mobile-menu__icon span{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-menu[open] .mobile-menu__icon span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu[open] .mobile-menu__icon span:nth-child(2){opacity:0}.mobile-menu[open] .mobile-menu__icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu__panel{border:1px solid var(--line);background:var(--surface-raised);width:min(300px,100vw - 32px);box-shadow:var(--shadow-strong);z-index:1000;border-radius:18px;padding:.75rem;animation:.22s cubic-bezier(.16,1,.3,1) forwards dropdownSlideIn;position:absolute;top:calc(100% + 12px);right:0}.mobile-menu__panel nav{flex-direction:column;gap:.35rem;display:flex}.mobile-menu__panel .mobile-nav-link,.mobile-menu__panel .mobile-calculator-menu summary{color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.95rem;font-weight:600;list-style:none;transition:all .15s;display:flex;text-decoration:none!important}.mobile-menu__panel .mobile-calculator-menu summary::-webkit-details-marker{display:none}.mobile-menu__panel .mobile-nav-link:hover,.mobile-menu__panel .mobile-calculator-menu summary:hover,.mobile-menu__panel .mobile-calculator-menu[open] summary{background:var(--surface-soft);color:var(--accent)}.mobile-menu__panel .mobile-nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.mobile-calculator-links{border-left:2px solid var(--line);flex-direction:column;gap:.25rem;margin:.35rem 0 .35rem .85rem;padding:.35rem 0 .35rem 1rem;display:flex}.mobile-calculator-links a{color:var(--text-soft);border-radius:8px;padding:.45rem .5rem;font-size:.88rem;font-weight:600;transition:color .15s,background .15s;display:block;text-decoration:none!important}.mobile-calculator-links a:hover{color:var(--accent-hover);background:var(--surface-soft)}.mobile-contact-btn{background:var(--accent);min-height:44px;box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-top:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:700;display:flex;color:var(--accent-contrast)!important;text-decoration:none!important}.mobile-contact-btn:hover{background:var(--accent-hover);text-decoration:none!important}.hero-copy{text-align:center;max-width:820px;margin-inline:auto}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;text-wrap:balance;max-width:800px;margin-bottom:.9rem;font-size:clamp(2.05rem,4vw,3.3rem);line-height:1.08}h2{letter-spacing:-.03em;text-wrap:balance;margin-bottom:.65rem;font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.2}h3{margin-bottom:.35rem;font-size:1.05rem;line-height:1.3}.hero-intro{max-width:720px;color:var(--text-soft);margin:0 auto .5rem;font-size:clamp(1.05rem,1.8vw,1.22rem)}.hero-detail{color:var(--text-soft);margin-bottom:0;font-size:.94rem}.calculator-wrap{position:relative}.work-hours-page{padding-top:1.5rem;padding-bottom:clamp(3rem,6vw,5rem)}.work-hours-page__header{text-align:center;max-width:790px;margin:0 auto clamp(1.5rem,4vw,2.5rem)}.work-hours-page__header h1{margin-bottom:.65rem}.work-hours-page__header p{color:var(--text-soft);margin:0;font-size:clamp(1.05rem,2vw,1.2rem)}.work-hours-tool{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:16px;padding:clamp(1rem,3vw,2rem)}.work-hours-tool__heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.work-hours-tool__heading .calculator-title{margin:0 0 .25rem;font-size:clamp(1.3rem,3vw,1.65rem);font-weight:800;line-height:1.2}.work-hours-tool__heading p,.work-hours-tool__privacy{color:var(--text-soft);margin:0}.work-hours-tool__privacy{text-align:right;max-width:225px;font-size:.8rem}.work-hours-tool__layout{grid-template-columns:minmax(0,1fr) minmax(270px,325px);gap:clamp(1.25rem,3vw,2rem);display:grid}.work-hours-labels,.work-hours-row{grid-template-columns:minmax(120px,1fr) 20px minmax(120px,1fr) 42px;align-items:center;gap:.7rem;display:grid}.work-hours-labels{color:var(--text-soft);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.work-hours-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;margin-bottom:.55rem;padding:.6rem}.work-hours-row label{min-width:0}.work-hours-row label>span{display:none}.work-hours-arrow{color:var(--text-soft);text-align:center;font-weight:700}.work-hours-break{border-top:1px solid var(--line);grid-template-columns:155px minmax(110px,160px);align-items:center;gap:.35rem .8rem;margin-top:1rem;padding-top:1rem;display:grid}.work-hours-break label{font-size:.87rem;font-weight:700}.work-hours-break p{color:var(--text-soft);grid-column:1/-1;margin:0;font-size:.78rem}.work-hours-result{border:1px solid var(--line-strong);border-top:3px solid var(--accent);background:var(--surface-soft);border-radius:12px;align-self:start;padding:clamp(1.2rem,3vw,1.5rem)}.work-hours-result>p{color:var(--text-soft);margin:0 0 .15rem;font-size:.84rem;font-weight:700}.work-hours-result output{color:var(--accent-hover);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(2.25rem,5vw,3rem);font-weight:700;line-height:1.05;display:block}.work-hours-result dl{margin:1.2rem 0}.work-hours-result dl div{border-top:1px solid var(--line);color:var(--text-soft);justify-content:space-between;gap:.7rem;padding-top:.7rem;font-size:.82rem;display:flex}.work-hours-result dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.work-hours-content{border-top:1px solid var(--line);max-width:790px;margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(2rem,4vw,3rem)}.work-hours-content h2{margin-bottom:.8rem;font-size:clamp(1.35rem,3vw,1.8rem)}.work-hours-content p{max-width:70ch}.work-hours-content ol{padding-left:1.25rem}.work-hours-content li{margin-bottom:.5rem}.work-hours-example{border:1px solid var(--line);border-radius:12px;overflow:hidden}.work-hours-example div{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.4fr .6fr;gap:1rem;padding:.85rem 1rem;display:grid}.work-hours-example div:last-child{border-bottom:0}.work-hours-example span{color:var(--text-soft)}.work-hours-example b{color:var(--accent-hover);text-align:right;font-variant-numeric:tabular-nums}.work-hours-example__total{background:var(--surface-soft);font-weight:700}.work-hours-links{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.work-hours-links a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px;color:var(--text);gap:.25rem;padding:1rem;text-decoration:none;display:grid}.work-hours-links a:nth-child(2n){border-right:0}.work-hours-links a:nth-last-child(-n+2){border-bottom:0}.work-hours-links a:hover{background:var(--accent-soft)}.work-hours-links span{color:var(--text-soft);font-size:.86rem}.calculator-shell{border:1px solid var(--line);background:var(--surface-raised);box-shadow:0 14px 34px color-mix(in srgb, var(--text) 7%, transparent);border-radius:18px;overflow:hidden}.calculator-titlebar{border-bottom:1px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem clamp(1rem,3vw,1.6rem);display:flex}.calculator-titlebar .calculator-title{letter-spacing:-.025em;color:var(--heading);margin:0 0 .2rem;font-size:1.2rem;font-weight:800;line-height:1.2}.calculator-titlebar p{color:var(--text-soft);margin:0;font-size:.84rem;line-height:1.4}.clear-data-button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text-soft);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.clear-data-button:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger);transform:translateY(-1px)}.calculator-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--surface-soft);gap:.45rem;padding:.65rem clamp(.75rem,2vw,1.25rem);display:flex;overflow-x:auto}.calculator-tabs::-webkit-scrollbar{display:none}.calculator-tabs button{min-width:max-content;min-height:42px;color:var(--text-soft);cursor:pointer;white-space:nowrap;text-align:center;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;flex:1 1 0;padding:.5rem .85rem;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.calculator-tabs button:hover{color:var(--heading);background:color-mix(in srgb, var(--surface) 75%, transparent)}.calculator-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);border-color:var(--line);box-shadow:var(--shadow)}.calculator-panel[hidden]{display:none}.calculator-grid,.compact-tool-layout{grid-template-columns:minmax(0,1fr) minmax(285px,340px);align-items:stretch;gap:clamp(1.2rem,3vw,2rem);display:grid}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.panel-heading .panel-title{color:var(--heading);margin:0 0 .25rem;font-size:1.35rem;font-weight:800;line-height:1.2}.panel-heading p{color:var(--text-soft);margin:0;font-size:.9rem}.overnight-note{max-width:200px;color:var(--text-soft);text-align:right;flex:none;font-size:.76rem;line-height:1.45}.period-labels{color:var(--text-soft);grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 42px;gap:2.25rem;margin:0 0 .45rem;font-size:.78rem;font-weight:700;display:grid}.period-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;grid-template-columns:minmax(120px,1fr) 20px minmax(120px,1fr) 42px;align-items:center;gap:.7rem;margin-bottom:.55rem;padding:.6rem;display:grid}.period-row label,.week-row label{min-width:0}.mobile-field-label{display:none}input[type=time],input[type=text],input[type=email],input[type=number],select,textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:.65rem .75rem;transition:border-color .16s,box-shadow .16s}input:hover,select:hover,textarea:hover{border-color:var(--accent)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 17%, transparent);outline:0}input:disabled,select:disabled,textarea:disabled,button:disabled{cursor:not-allowed;opacity:.58}textarea{resize:vertical}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.time-arrow{color:var(--text-soft);text-align:center;font-weight:700}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:6px;font-size:1.2rem}.icon-button:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.icon-button:disabled{cursor:not-allowed;opacity:.32}.text-button{min-height:44px;color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:.3rem 0;font-weight:700}.text-button:hover{color:var(--accent-hover);text-underline-offset:.22em;text-decoration:underline}.break-field{border-top:1px solid var(--line);grid-template-columns:155px minmax(110px,160px);align-items:center;gap:.35rem .8rem;margin-top:1rem;padding-top:1rem;display:grid}.break-field label,.compact-form>label,.converter-block>label{font-size:.87rem;font-weight:700}.break-field p{color:var(--text-soft);grid-column:1/-1;margin:0;font-size:.78rem}.result-card{border:1px solid var(--line-strong);border-top:3px solid var(--accent);background:var(--surface-soft);min-width:0;color:var(--text);border-radius:12px;flex-direction:column;justify-content:space-between;gap:1rem;padding:clamp(1.25rem,3vw,1.7rem);display:flex}.result-label{color:var(--text-soft);margin:0 0 .15rem;font-size:.85rem;font-weight:700}.result-primary{color:var(--accent);font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,5.5vw,3.35rem);font-weight:800;line-height:1.05;display:block}.result-secondary{border-top:1px solid var(--line);color:var(--text-soft);justify-content:space-between;align-items:baseline;gap:.7rem;padding-top:.7rem;font-size:.82rem;display:flex}.result-secondary output{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.result-actions{flex-wrap:wrap;gap:.55rem;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#f7fffc;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:46px;padding:.66rem .95rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button--small{border-color:var(--accent);background:var(--accent);color:#fff;min-height:40px;padding:.5rem .68rem;font-size:.78rem}.button--small:hover{background:var(--accent-hover)}.button--quiet{border-color:var(--line-strong);color:var(--text);background:0 0}.local-note{color:var(--text-soft);margin:0;font-size:.73rem}.form-error{border-left:3px solid var(--danger);color:var(--danger);margin:.7rem 0 0;padding-left:.7rem;font-size:.84rem;font-weight:600}.save-status{width:min(1140px,100% - 48px);color:var(--text-soft);text-align:right;margin:.5rem auto 0;font-size:.75rem}.week-head,.week-row{grid-template-columns:minmax(120px,1.15fr) repeat(3,minmax(110px,1fr)) minmax(90px,.75fr);align-items:center;gap:.65rem;display:grid}.week-head{color:var(--text-soft);padding:0 .6rem .35rem;font-size:.75rem;font-weight:700}.week-row{border:0;border:1px solid var(--line);border-radius:9px;min-width:0;margin:0;padding:.7rem .65rem}.week-row.is-weekend{background:color-mix(in srgb, var(--surface-soft) 75%, var(--surface))}.day-toggle{align-items:center;gap:.55rem;font-weight:700;display:flex}.day-toggle input{width:19px;height:19px;accent-color:var(--accent)}.day-total{color:var(--accent-hover);font-variant-numeric:tabular-nums;justify-self:end;font-weight:700}.weekly-summary{border-top:2px solid var(--accent);background:var(--surface-soft);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;display:flex}.weekly-summary span,.weekly-summary output,.weekly-summary small{display:block}.weekly-summary span{color:var(--text-soft);font-size:.78rem}.weekly-summary output{color:var(--accent-hover);font-size:1.8rem;font-weight:700;line-height:1.15}.weekly-summary small{color:var(--text-soft)}.compact-form>input{margin:.35rem 0 .7rem}.operator{color:var(--text-soft);font-size:1.3rem;line-height:1;display:block}.result-card--compact{min-height:230px}.converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);display:grid}.converter-block{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:1.15rem}.converter-block .panel-title{color:var(--heading);margin:0 0 1rem;font-size:1.12rem;font-weight:800;line-height:1.25}@media (width>=901px){.calculator-grid>.result-card,.compact-tool-layout>.result-card{align-self:start;position:sticky;top:1rem}}.inline-fields{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr) auto;align-items:center;gap:.5rem;margin-top:.35rem;display:grid}.inline-fields--decimal{grid-template-columns:minmax(120px,1fr) auto}.conversion-result{color:var(--text-soft);align-items:baseline;gap:.75rem;margin:1rem 0 0;display:flex}.conversion-result output{color:var(--accent);font-size:1.7rem;font-weight:700}.conversion-explainer{border-left:3px solid var(--line-strong);color:var(--text-soft);margin:1.2rem 0 0;padding-left:.85rem;font-size:.9rem}.content-flow{padding-top:clamp(3.2rem,7vw,5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem)}.not-found{text-align:center;place-items:center;min-height:calc(100dvh - 310px);padding-block:clamp(4rem,12vw,9rem);display:grid}.not-found>div{max-width:640px}.not-found h1{margin-inline:auto}.not-found p{color:var(--text-soft);margin:0 auto 1.5rem}.trust-main{padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:clamp(3.5rem,7vw,5.5rem)}.breadcrumbs{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:clamp(2rem,5vw,3.25rem);font-size:.82rem;display:flex}.breadcrumbs a{color:var(--accent)}.trust-article{max-width:800px;margin-inline:auto}.trust-page-header{text-align:center;max-width:760px;margin:0 auto clamp(2.2rem,5vw,3.5rem)}.trust-page-header h1{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.15rem)}.trust-page-header>p{color:var(--text-soft);margin-bottom:0;font-size:clamp(1.05rem,2vw,1.25rem)}.trust-article>section{max-width:740px;padding-block:clamp(1.45rem,3vw,2.2rem)}.trust-article>section h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}.trust-article>section p,.trust-article>section li,.legal-details dd{color:var(--text-soft)}.trust-article>section p:last-child{margin-bottom:0}.trust-article a:not(.button){color:var(--accent);font-weight:600}.trust-cta{border:1px solid var(--line);background:var(--surface-raised);max-width:800px;box-shadow:var(--shadow-strong);border-radius:16px;justify-content:space-between;align-items:center;gap:1.75rem;margin-top:1.5rem;display:flex;padding:clamp(1.6rem,3.5vw,2.25rem) clamp(1.4rem,3.5vw,2.25rem)!important}.trust-cta>div{flex:auto}.trust-cta h2{letter-spacing:-.03em;color:var(--heading);margin:0 0 .45rem;font-size:clamp(1.22rem,2.2vw,1.5rem);font-weight:800;line-height:1.25}.trust-cta p{color:var(--text-soft);margin:0;font-size:.94rem;line-height:1.55}.trust-cta .button{min-height:44px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:12px;flex-shrink:0;padding:.65rem 1.35rem;font-size:.92rem;font-weight:700;text-decoration:none!important}.configuration-notice{border-left:3px solid var(--accent);background:var(--accent-soft);margin-bottom:1.25rem;padding:1rem 1.1rem}.configuration-notice strong{margin-bottom:.25rem;display:block}.configuration-notice p{margin:0}.contact-form-shell{max-width:680px;margin-top:1.2rem}.contact-form{border-top:1px solid var(--line);gap:1.15rem;padding-top:1.25rem;display:grid}.form-field{gap:.35rem;display:grid}.form-field label{font-size:.9rem;font-weight:700}.field-help{color:var(--text-soft);font-size:.78rem}.field-error{min-height:1.25em;color:var(--danger);font-size:.8rem;font-weight:600}.form-summary{border-left:4px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger);border-radius:0 8px 8px 0;padding:.75rem .9rem;font-weight:700}.form-status{border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--accent-hover);border-radius:0 8px 8px 0;margin:0;padding:.75rem .9rem;font-weight:700}.contact-form .button{justify-self:start}.form-privacy-note,.contact-email-fallback{color:var(--text-soft);margin:0;font-size:.82rem}.legal-details{margin:1.1rem 0}.legal-details div{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:1rem;padding:.65rem 0;display:grid}.legal-details dt{font-weight:700}.legal-details dd{margin:0}.legal-date{font-size:.84rem;font-weight:600}.content-section{border-top:1px solid var(--line);padding-block:clamp(2.6rem,5vw,4rem)}.homepage-guide{max-width:900px;margin-inline:auto}.homepage-guide p,.homepage-guide li{color:var(--text-soft)}.homepage-guide h3{color:var(--heading);margin-bottom:.6rem}.homepage-guide__intro{max-width:780px}.homepage-guide__stack{gap:clamp(1.75rem,4vw,2.5rem);display:grid}.homepage-guide__subsection{margin-top:clamp(2rem,4vw,3rem)}.homepage-guide__formula{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;max-width:760px;padding:.95rem 1.1rem;color:var(--text)!important}.homepage-guide__list{gap:.6rem;max-width:760px;margin:1.25rem 0;padding-left:1.35rem;display:grid}.homepage-guide__audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.homepage-guide__audiences section{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;padding:1.35rem}.section-heading{max-width:690px;margin-bottom:1.6rem}.section-heading p,.example-copy p,.practical-main p,.calculation-note p,.legal-section p{color:var(--text-soft)}.how-list{max-width:830px;margin:0;padding:0;list-style:none}.how-list li{border-top:1px solid var(--line);grid-template-columns:42px 1fr;align-items:start;gap:1rem;padding:1rem 0;display:grid}.how-list li>span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.how-list li:last-child{border-bottom:1px solid var(--line)}.how-list p{color:var(--text-soft);margin:0}.example-section{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.example-table-wrap,.conversion-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;padding:.9rem 1rem}tbody tr+tr,thead tr{border-top:1px solid var(--line)}thead tr{border-top:0;border-bottom:1px solid var(--line);background:var(--surface-soft)}td:last-child,th:last-child{text-align:right}.table-total{background:var(--accent-soft);color:var(--accent-hover);font-weight:700}.decimal-layout{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.formula-block{border-left:4px solid var(--accent);padding:.7rem 0 .7rem 1.25rem}.formula-block strong,.formula-block span{display:block}.formula-block strong{color:var(--accent);font-size:1.35rem}.formula-block span,.formula-block p{color:var(--text-soft)}.formula-block p{margin:1rem 0 .35rem}.conversion-table-wrap tbody tr+tr{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}.coming-soon{color:var(--text-soft);margin:1.2rem 0 0;font-size:.85rem}.practical-section{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.calculation-note{border-left:3px solid var(--line-strong);padding-left:1.2rem}.calculation-note p:last-child,.practical-main p:last-child{margin-bottom:0}.legal-section{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(2rem,6vw,5rem);display:grid}.disclaimer{border-left:4px solid var(--accent);padding-left:1rem;font-weight:600}.source-note{border-left:3px solid var(--line-strong);align-self:start;padding-left:1.1rem}.source-note a,.source-note span{margin-top:.7rem;display:block}.source-note a{color:var(--accent);font-weight:600}.source-note span{color:var(--text-soft);font-size:.78rem}.tool-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,5vw,4rem);display:grid}.tool-links a{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:.25rem 1rem;padding:1rem 0;text-decoration:none;display:grid}.tool-links a:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.tool-links a:hover strong{color:var(--accent-hover);text-underline-offset:.2em;text-decoration:underline}.tool-links strong{font-size:1rem;font-weight:600}.tool-links span{color:var(--text-soft);grid-column:1;font-size:.82rem}.faq-section{padding-bottom:0}.faq-list{border-top:1px solid var(--line);max-width:900px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:1.15rem 3rem 1.15rem 0;font-weight:700;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent);font-size:1.35rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:760px;color:var(--text-soft);margin-bottom:1.2rem}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:2.7rem 0 1.3rem}.footer-layout{grid-template-columns:minmax(280px,1.45fr) minmax(150px,.6fr) minmax(250px,1fr);gap:clamp(2rem,6vw,5rem);display:grid}.footer-meta{justify-content:space-between;gap:2rem;display:flex}.footer-brand p{max-width:480px;color:var(--text-soft);margin:.75rem 0 0}.footer-contact-email{color:var(--accent-hover);margin-top:.45rem;font-size:.88rem;font-weight:600;display:inline-block}.footer-nav-group{flex-direction:column;align-items:flex-start;gap:.55rem;font-size:.86rem;display:flex}.footer-nav-group strong{margin-bottom:.15rem;font-size:.9rem}.footer-nav-group a{color:var(--text-soft);text-decoration:none}.footer-nav-group a:hover{color:var(--accent);text-decoration:underline}.footer-meta{border-top:1px solid var(--line);color:var(--text-soft);margin-top:2rem;padding-top:1rem;font-size:.75rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.page-shell{width:min(100% - 28px,720px)}.desktop-nav,.site-header__actions .header-contact{display:none}.mobile-menu{display:block}.calculator-grid,.compact-tool-layout,.work-hours-tool__layout,.converter-grid,.example-section,.decimal-layout,.practical-section,.legal-section,.homepage-guide__audiences{grid-template-columns:minmax(0,1fr)}.result-card{min-height:260px}.week-head{display:none}.week-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding-block:.9rem}.day-toggle{grid-column:1/3}.day-total{grid-area:1/3}.mobile-field-label{color:var(--text-soft);margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.weekly-summary,.footer-meta{flex-direction:column;align-items:flex-start}.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.tool-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-layout nav{flex-wrap:wrap}.work-hours-tool__heading{display:block}.work-hours-tool__privacy{text-align:left;max-width:none;margin-top:.55rem}}@media (width<=520px){html{scroll-padding-top:72px}.site-header__inner{min-height:58px}.page-shell,.save-status{width:calc(100% - 28px)}.hero{padding-top:2rem}h1{font-size:clamp(1.9rem,9vw,2.35rem)}.calculator-titlebar{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem}.calculator-titlebar>div{min-width:0}.clear-data-button{text-align:center;border-radius:10px;width:100%;max-width:none;min-height:40px;margin:0;padding:.5rem .75rem;font-size:.84rem}.calculator-tabs{gap:.25rem;padding:.45rem}.calculator-tabs button{flex:1 1 0;min-width:0;min-height:40px;padding:.5rem .35rem;font-size:.82rem}.calculator-panel{padding:1.15rem .95rem}.panel-heading{display:block}.overnight-note{text-align:left;max-width:none;margin-top:.55rem;display:block}.period-labels{display:none}.period-row{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 44px;align-items:end;gap:.42rem}.work-hours-labels{display:none}.work-hours-row{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 44px;align-items:end;gap:.42rem}.work-hours-row label>span{color:var(--text-soft);margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.work-hours-row .icon-button{width:44px;height:46px}.work-hours-break{grid-template-columns:minmax(0,1fr) 125px}.work-hours-links{grid-template-columns:minmax(0,1fr)}.work-hours-links a,.work-hours-links a:nth-child(2n),.work-hours-links a:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.work-hours-links a:last-child{border-bottom:0}.work-hours-example div{grid-template-columns:minmax(0,1fr) auto;gap:.35rem .7rem}.work-hours-example strong{grid-column:1}.work-hours-example b{grid-area:1/2/span 2;align-self:center}.period-row .icon-button{width:44px;height:46px}.break-field{grid-template-columns:minmax(0,1fr) 125px}.result-card{min-height:0}.result-actions .button{flex:auto;min-height:44px}.week-row{grid-template-columns:repeat(2,minmax(0,1fr))}.day-toggle{grid-column:1}.day-total{grid-column:2}.weekly-summary .result-actions{width:100%}.weekly-summary .button{flex-basis:100%}.inline-fields{grid-template-columns:minmax(62px,1fr) auto minmax(62px,1fr) auto}.example-table-wrap,.conversion-table-wrap{font-size:.84rem}th,td{padding:.75rem .65rem}.tool-links{grid-template-columns:minmax(0,1fr)}.tool-links a:nth-last-child(2){border-bottom:0}.footer-layout nav{gap:.55rem}.trust-cta{flex-direction:column;align-items:stretch;gap:1.25rem}.trust-cta .button{text-align:center;width:100%}.legal-details div{grid-template-columns:minmax(0,1fr);gap:.15rem}.footer-layout{grid-template-columns:minmax(0,1fr)}.footer-brand{grid-column:auto}}@media (width<=380px){.calculator-panel{padding:.8rem}.period-row,.work-hours-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.work-hours-row .work-hours-arrow{display:none}.work-hours-row .work-hours-remove{grid-column:1/-1;justify-self:end;width:auto;height:42px;padding-inline:.7rem;font-size:.9rem}.work-hours-row .work-hours-remove:after{content:"Supprimer";margin-left:.35rem;font-size:.76rem;font-weight:700}.work-hours-break{grid-template-columns:minmax(0,1fr)}.period-row .time-arrow{display:none}.period-row .remove-period{grid-column:1/-1;justify-self:end;width:auto;height:42px;padding-inline:.7rem;font-size:.9rem}.period-row .remove-period:after{content:"Supprimer";margin-left:.35rem;font-size:.76rem;font-weight:700}.break-field{grid-template-columns:minmax(0,1fr)}.break-field input{max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.site-header,.hero,.calculator-titlebar,.calculator-tabs,.calculator-form,.content-flow,.site-footer,.save-status,.result-actions,.form-error{display:none!important}body,.calculator-shell,.calculator-panel{color:#111!important;box-shadow:none!important;background:#fff!important}.calculator-wrap,.calculator-shell,.calculator-panel:not([hidden]){border:0!important;width:100%!important;display:block!important}.result-card,.weekly-summary{color:#111!important;background:#fff!important;border:2px solid #111!important}.result-label,.result-secondary,.local-note,.weekly-summary span,.weekly-summary small{color:#333!important}}.hero{padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(1.8rem,4vw,3rem)}h1,h2,h3{color:var(--heading)}h1{letter-spacing:-.055em;font-size:clamp(2.15rem,4.5vw,4rem);font-weight:800}h2{letter-spacing:-.04em;font-weight:800}h3{font-weight:800}.hero-intro{max-width:680px;color:var(--text-soft);font-size:clamp(1.06rem,1.8vw,1.22rem)}.calculator-shell,.work-hours-tool{border-color:var(--line);background:var(--surface-raised);box-shadow:var(--shadow-strong);border-radius:16px}.calculator-titlebar{border-bottom-color:var(--line);padding:1.35rem clamp(1.25rem,3vw,2rem)}.calculator-titlebar .calculator-title{font-size:1.28rem}.clear-data-button{border-color:var(--line);background:var(--surface-soft);border-radius:10px}.clear-data-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.calculator-tabs{border-bottom-color:var(--line);background:var(--surface-soft);gap:.45rem;padding:.65rem clamp(.75rem,2vw,1.35rem)}.calculator-tabs button{border-radius:9px;min-height:43px;padding:.5rem .8rem}.calculator-tabs button:after{display:none}.calculator-tabs button[aria-selected=true]{background:var(--surface-raised);color:var(--accent);box-shadow:0 2px 6px color-mix(in srgb, var(--text) 7%, transparent)}.calculator-panel{padding:clamp(1.25rem,3vw,2.35rem)}.period-row,.work-hours-row,.week-row{border-color:var(--line);background:var(--surface-soft);border-radius:12px}input[type=time],input[type=text],input[type=email],input[type=number],select,textarea{border-color:var(--line-strong);background:var(--surface-raised);border-radius:10px;min-height:50px;padding:.68rem .8rem}.icon-button{border-color:var(--line-strong);background:var(--surface-raised);border-radius:10px}.result-card,.work-hours-result{border-color:var(--line);border-top:4px solid var(--accent);background:var(--surface-soft);box-shadow:0 8px 20px color-mix(in srgb, var(--text) 5%, transparent);border-radius:14px}.result-primary,.work-hours-result output,.day-total,.weekly-summary output,.conversion-result output,.work-hours-example b{color:var(--accent)}.button{background:var(--accent);min-height:48px;color:var(--accent-contrast);box-shadow:0 7px 16px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:10px;padding:.72rem 1rem}.button:hover{background:var(--accent-hover)}.button--quiet{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text);box-shadow:none}.button--quiet:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.content-flow{padding-top:clamp(3.5rem,7vw,6rem)}.contact-form-shell,.work-hours-content{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.homepage-guide .content-section{box-shadow:none;border:none;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0;padding:clamp(3rem,6vw,5rem) 0}.trust-article>section{max-width:800px;margin-bottom:1rem;padding:clamp(1.4rem,3vw,2.1rem)}.trust-article>section+section{border-top:1px solid var(--line)}.contact-form-shell,.work-hours-content{padding:clamp(1.25rem,3vw,2rem)}.homepage-guide__formula,.converter-block,.weekly-summary,.work-hours-example,.work-hours-links,.example-table-wrap,.conversion-table-wrap,.homepage-guide__audiences section{border-color:var(--line);background:var(--surface-soft);border-radius:12px}.source-note,.formula-block,.calculation-note,.disclaimer{border-left-color:var(--accent)}thead tr,.table-total{background:var(--accent-soft)}.faq-list{border:0;max-width:none}.faq-list details{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;margin-bottom:.65rem}.faq-list summary{align-items:center;min-height:58px;padding:.85rem 3.25rem .85rem 1rem;display:flex}.faq-list summary:after{right:1rem}.faq-list p{padding:0 1rem .15rem}.site-footer{color:#eef8f7;background:#0e292b;border-top:0;margin-top:clamp(2rem,6vw,5rem);padding:clamp(3rem,6vw,4.5rem) 0 1.5rem}.site-footer .wordmark{color:#fff}.site-footer .wordmark strong,.site-footer .footer-contact-email{color:#68ddd8}.footer-brand p,.footer-nav-group a,.footer-meta{color:#b7cecc}.footer-nav-group strong{color:#fff}.footer-nav-group a:hover{color:#7ce6e1}.footer-meta{border-top-color:#c2e8e42e}html[data-theme=dark] .site-footer{border-top:1px solid var(--line);background:#0b1517}.blog-empty-state{margin:1.5rem 0 2.5rem}.empty-state-card{text-align:center;background:var(--surface-soft);border:1.5px dashed var(--line-strong);border-radius:16px;padding:3rem 1.5rem}.empty-state-icon{background:var(--accent-soft);width:68px;height:68px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto 1.2rem;display:grid}.empty-state-card h2{color:var(--heading);margin-bottom:.6rem;font-size:1.35rem}.empty-state-card p{max-width:560px;color:var(--text-soft);margin:0 auto;font-size:.95rem;line-height:1.55}@media (width<=800px){.site-header__inner{min-height:66px}.hero{padding-top:2.6rem}.homepage-guide .content-section{padding:1.35rem}}@media (width<=520px){.site-header__inner{gap:.55rem}.calculator-shell,.work-hours-tool{border-radius:14px}.calculator-panel{padding:1rem}.calculator-tabs{padding-inline:.45rem}.calculator-tabs button{min-width:108px}}html,body{max-width:100%;overflow-x:clip}main,section,article,header,footer,nav,form,fieldset,div{min-width:0}img,svg,video,canvas{max-width:100%}.calculator-shell,.calculator-panel,.calculator-grid,.compact-tool-layout,.converter-grid,.calculator-form,.week-list,.period-list,.result-card{min-width:0;max-width:100%}@media (width<=700px){.calculator-shell{width:100%;overflow:hidden}.calculator-titlebar{flex-direction:column;align-items:stretch;gap:.9rem}.clear-data-button{white-space:normal;width:100%}.calculator-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;display:grid;overflow:visible}.calculator-tabs button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:normal;width:100%;min-width:0;min-height:46px;padding:.62rem .45rem;font-size:.8rem;line-height:1.2}.calculator-tabs button:nth-child(2n){border-right:0}.calculator-tabs button[aria-selected=true]{background:var(--surface-soft);box-shadow:inset 0 -2px 0 var(--accent)}.calculator-panel{padding:1.15rem}.calculator-grid,.compact-tool-layout,.converter-grid{grid-template-columns:minmax(0,1fr);gap:1.15rem}.panel-heading{display:block}.overnight-note{text-align:left;max-width:none;margin-top:.55rem;display:block}.period-labels,.week-head{display:none}.period-row{grid-template-columns:minmax(0,1fr) 42px;grid-template-areas:"start remove""end remove";align-items:center;gap:.65rem .6rem;padding:.75rem}.period-row>label:first-child{grid-area:start}.period-row>label:nth-of-type(2){grid-area:end}.period-row .time-arrow{display:none}.period-row .icon-button{grid-area:remove;align-self:stretch;width:42px;height:auto;min-height:46px}.mobile-field-label{color:var(--text-soft);margin-bottom:.22rem;font-size:.69rem;font-weight:700;display:block}.break-field{grid-template-columns:minmax(0,1fr);gap:.5rem}.break-field input{max-width:100%}.break-field p{grid-column:1}.result-card{min-height:0;padding:1.15rem}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.result-actions .button{white-space:normal;width:100%;min-width:0}.result-actions .button:last-child:nth-child(odd){grid-column:1/-1}.week-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.8rem}.day-toggle{grid-area:1/1}.day-total{grid-area:1/2;align-self:center}.week-row>label:not(.day-toggle){min-width:0}.weekly-summary{flex-direction:column;align-items:stretch}.weekly-summary .result-actions{grid-template-columns:minmax(0,1fr)}.weekly-summary .result-actions .button{grid-column:auto}.converter-block{min-width:0;padding:1rem}.inline-fields,.inline-fields--decimal{grid-template-columns:minmax(0,1fr) auto}.save-status{text-align:left;width:calc(100% - 24px)}.footer-layout,.footer-meta{min-width:0}}@media (width<=430px){.page-shell,.save-status{width:calc(100% - 20px)}.calculator-panel{padding:1rem .85rem}.calculator-titlebar{padding:1rem .9rem}.calculator-titlebar .calculator-title{font-size:1.08rem}.calculator-titlebar p{font-size:.8rem}.calculator-tabs button{min-height:44px;padding-inline:.35rem;font-size:.76rem}.period-row{grid-template-columns:minmax(0,1fr) 40px;padding:.68rem}.period-row .icon-button{width:40px}.week-row{grid-template-columns:minmax(0,1fr)}.day-toggle,.day-total,.week-row>label:not(.day-toggle){grid-column:1}.day-total{grid-row:1;justify-self:end}.result-actions{grid-template-columns:minmax(0,1fr)}.result-actions .button,.result-actions .button:last-child:nth-child(odd){grid-column:1}.result-secondary{flex-direction:column;align-items:flex-start;gap:.25rem}.footer-layout{grid-template-columns:minmax(0,1fr)}.footer-brand{grid-column:1}}body{background:var(--page);color:var(--text);font-family:var(--font);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--heading)}main h1,main h2,main h3,main h4{text-align:left;text-wrap:balance}main p,main li{text-wrap:pretty}.calculator-shell,.work-hours-tool,.contact-form-shell{border:1px solid var(--line);border-radius:var(--radius-lg,16px);background:var(--surface);box-shadow:var(--shadow-lg);transition:border-color .25s,box-shadow .25s}html[data-theme=dark] .calculator-shell,html[data-theme=dark] .work-hours-tool,html[data-theme=dark] .contact-form-shell{border-color:color-mix(in srgb, var(--accent) 15%, var(--line));box-shadow:0 20px 45px -10px #0009,0 0 0 1px #ffffff0d}.result-card,.work-hours-result{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius,12px);background:var(--surface-soft);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.result-card:before,.work-hours-result:before{content:"";background:var(--accent-gradient);height:3px;position:absolute;top:0;left:0;right:0}.converter-block,.weekly-summary,.example-table-wrap,.conversion-table-wrap{border:1px solid var(--line);border-radius:var(--radius,12px);background:var(--surface);box-shadow:var(--shadow-sm)}.homepage-guide .content-section{padding:clamp(3rem,6vw,4.8rem) 0;box-shadow:none!important;border:none!important;border-top:1px solid var(--line)!important;background:0 0!important;border-radius:0!important}.homepage-guide .content-section:first-child{border-top:0!important;padding-top:0!important}.trust-article>section{border-top:1px solid var(--line)}input[type=time],input[type=text],input[type=email],input[type=number],select,textarea{border:1.5px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border-radius:10px;transition:all .2s cubic-bezier(.16,1,.3,1)}input[type=time]:focus,input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}input[type=time]:hover,input[type=text]:hover,input[type=email]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--line-strong)}.button,.header-contact{letter-spacing:-.01em;border-radius:10px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.button--primary,.header-contact{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 30%, transparent)}.button--primary:hover,.header-contact:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.button--primary:active,.header-contact:active{transform:scale(.98)}.button--secondary{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.button--secondary:hover{border-color:var(--line-strong);background:var(--surface-soft);color:var(--heading);transform:translateY(-1px)}.calculator-tabs--standalone a{min-width:max-content;min-height:43px;color:var(--text-soft);text-align:center;white-space:nowrap;border:1px solid #0000;border-radius:9px;flex:1 1 0;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.calculator-tabs--standalone a:hover{background:color-mix(in srgb, var(--surface) 75%, transparent);color:var(--heading)}.calculator-tabs--standalone a[aria-current=page]{border-color:var(--line);background:var(--surface-raised);color:var(--accent);box-shadow:var(--shadow)}.overtime-rate-fields{border:1px solid var(--line);border-radius:var(--radius);gap:.55rem;margin:1.1rem 0 0;padding:1rem;display:grid}.overtime-rate-fields legend{color:var(--heading);padding-inline:.4rem;font-weight:700}.overtime-breakdown{margin:1.1rem 0}.overtime-breakdown div{border-top:1px solid var(--line);justify-content:space-between;gap:.8rem;padding-block:.7rem;display:flex}.overtime-breakdown dt{color:var(--text-soft)}.overtime-breakdown dd{color:var(--heading);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:700}.overtime-breakdown output{min-width:4.8em;display:inline-block}.overtime-result .result-primary{font-variant-numeric:tabular-nums;min-height:1.1em}@media (width<=700px){.calculator-tabs--standalone{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;display:grid;overflow:visible}.calculator-tabs--standalone a{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:normal;min-width:0;padding:.65rem .45rem;font-size:.8rem}.calculator-tabs--standalone a:nth-child(2n){border-right:0}body{font-size:15.5px}}.article-next-steps{border:1px solid var(--line,#d8e4e7);background:var(--surface-soft,#f5f9fa);border-radius:1rem;margin-top:2.5rem;padding:1.5rem}.article-next-steps h2{margin-top:0}.article-next-steps ul{margin-bottom:0;padding-left:1.25rem}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.site-header{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#fffffffa;transition:background-color .25s,border-color .25s,box-shadow .25s;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.wordmark{user-select:none;align-items:center;gap:.75rem;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s;display:inline-flex;text-decoration:none!important}.wordmark:hover{transform:translateY(-1px)}.brand-icon-wrap{justify-content:center;align-items:center;display:flex}.brand-icon{background:var(--brand-gradient);color:#fff;width:40px;height:40px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), inset 0 1px 1px #ffffff59;border-radius:11px;padding:5px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.wordmark:hover .brand-icon{box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 1px 1px #ffffff73;transform:scale(1.05)}.brand-title{font-family:var(--font-display);align-items:baseline;gap:.3rem;font-size:1.25rem;line-height:1;display:inline-flex}.brand-title__light{color:var(--heading);font-weight:600}.brand-title__bold,.wordmark strong{color:var(--accent);font-weight:800}.desktop-nav .nav-link{min-height:38px;color:var(--text-soft);border:1px solid #0000;border-radius:9px;align-items:center;padding:.4rem .85rem;font-size:.92rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;text-decoration:none!important}.desktop-nav .nav-link:hover{color:var(--heading);background:var(--surface-soft)}.desktop-nav .nav-link[aria-current=page]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border);font-weight:700}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text-soft);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}html[data-theme=light] .theme-toggle__moon{display:none}html[data-theme=light] .theme-toggle__sun{display:block}html[data-theme=dark] .theme-toggle__sun{display:none}html[data-theme=dark] .theme-toggle__moon{display:block}.mobile-menu summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;list-style:none;transition:all .2s;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary:hover{border-color:var(--accent);background:var(--accent-soft)}.mobile-menu__panel{z-index:1000;border:1px solid var(--line);border-radius:var(--radius,14px);background:var(--surface-raised);min-width:220px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);padding:.6rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards mobileMenuIn;position:absolute;top:calc(100% + .6rem);right:0}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-nav-link{color:var(--text-soft);border-radius:8px;padding:.65rem .9rem;font-size:.94rem;font-weight:600;transition:all .15s;display:block;text-decoration:none!important}.mobile-nav-link:hover,.mobile-nav-link[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.site-footer{color:#f1f5f9;background:#090e17;border-top:1px solid #1e293b;margin-top:clamp(4rem,8vw,7rem);position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#2dd4bf66 50%,#0000 100%);height:1px;position:absolute;top:0;left:10%;right:10%}.site-footer .wordmark,.site-footer .brand-title__light{color:#fff}.site-footer .wordmark strong{color:#2dd4bf}.site-footer .brand-icon{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#2dd4bf 100%);box-shadow:0 4px 14px #2dd4bf40}.site-footer .footer-contact-email{color:#2dd4bf;font-weight:600;text-decoration:none;transition:color .18s}.site-footer .footer-contact-email:hover{color:#5eead4;text-decoration:underline}.footer-brand p{color:#94a3b8;font-size:.92rem;line-height:1.6}.footer-nav-group strong{color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem;font-size:.8rem;font-weight:700;display:block}.footer-nav-group a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .18s,transform .18s}.footer-nav-group a:hover{color:#fff;transform:translate(2px)}.footer-meta{color:#64748b;border-top:1px solid #ffffff14;font-size:.82rem}html[data-theme=dark] .site-header{background:#090d16fa;border-bottom:1px solid #ffffff14;box-shadow:0 4px 20px #0006}html[data-theme=dark] .brand-icon{box-shadow:0 0 20px #2dd4bf47}html[data-theme=dark] .theme-toggle{border-color:var(--line);background:var(--surface-soft);color:var(--text)}html[data-theme=dark] .theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}html[data-theme=dark] .mobile-menu__panel{border-color:var(--line);background:var(--surface-raised)}html[data-theme=dark] .mobile-menu summary{border-color:var(--line);background:var(--surface-soft)}html[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.85}@media (width<=800px){.brand-title{gap:.24rem}}@media (width<=420px){.brand-icon{width:36px;height:36px}.wordmark{gap:.55rem;font-size:1.08rem}}