:root{--paper:#f7f7f3;--surface:#fff;--ink:#17201d;--muted:#66706d;--line:#dfe3df;--line-strong:#cbd1cc;--brand-accent:#176b52;--brand-accent-soft:#e8f3ee;--shadow:0 18px 50px #1b272212}html[data-theme=dark]{--paper:#111613;--surface:#191f1b;--ink:#edf1ee;--muted:#9da7a1;--line:#303832;--line-strong:#444e47;--shadow:0 22px 54px #00000038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-accent) 35%, transparent);outline-offset:2px}.site-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);min-height:76px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.14em;align-items:center;gap:11px;font-size:.82rem;font-weight:760;text-decoration:none;display:inline-flex}.brand__mark{background:var(--brand-accent);color:#fff;letter-spacing:-.04em;border-radius:7px;place-items:center;width:35px;height:35px;font-size:1.17rem;display:grid}.header-actions{align-items:center;gap:18px;display:flex}.theme-toggle{border:1px solid var(--line-strong);background:var(--surface);width:36px;height:36px;color:var(--ink);border-radius:7px;place-items:center;padding:0;display:grid}.theme-toggle:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.theme-toggle__icon{font-size:1.03rem;line-height:1}.timezone-control{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;font-weight:650;display:flex}.timezone-combobox{border:1px solid var(--line-strong);background:var(--surface);width:250px;height:40px;color:var(--ink);border-radius:7px;padding:0 12px;font-size:.85rem}.content-grid{grid-template-columns:180px minmax(0,720px) 180px;justify-content:space-between;gap:44px;width:min(1440px,100% - 48px);margin:0 auto;padding:66px 0 50px;display:grid}.converter-main{min-width:0}.intro{text-align:center;margin-bottom:30px}.eyebrow{color:var(--brand-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:760}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,5vw,3.35rem);line-height:1.06}.intro>p:last-child{max-width:520px;color:var(--muted);margin:17px auto 0;line-height:1.7}.converter-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;overflow:visible}.converter-section{padding:34px}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:25px;display:flex}.step-label{color:var(--brand-accent);letter-spacing:.12em;margin:0 0 7px;font:700 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:1.18rem}.text-button,.copy-button{color:var(--brand-accent);background:0 0;border:0;font-size:.78rem;font-weight:720}.text-button{padding:5px 0}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.timestamp-input-row{align-items:flex-end;gap:12px;display:flex}.field{color:#4f5955;gap:8px;font-size:.76rem;font-weight:680;display:grid}.field--grow{flex:1}.field--unit{width:124px}.field input,.field select{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:50px;color:var(--ink);border-radius:7px;padding:0 14px;font-size:.94rem;font-weight:520}.input-action-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.paste-button{border:1px solid var(--brand-accent);background:var(--brand-accent);color:#fff;min-width:78px;height:50px;box-shadow:0 5px 14px color-mix(in srgb, var(--brand-accent) 22%, transparent);border-radius:7px;padding:0 15px;font-size:.76rem;font-weight:780}.paste-button:hover{background:color-mix(in srgb, var(--brand-accent) 87%, #000)}.unit-switch{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface) 72%, var(--paper));border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;height:50px;padding:3px;display:grid}.unit-switch button{color:var(--muted);background:0 0;border:0;border-radius:4px;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.unit-switch button[aria-pressed=true]{background:var(--brand-accent);color:#fff}.field input:hover,.field select:hover,.timezone-combobox:hover{border-color:#aeb7b1}.field-hint{color:#818985;margin:0;font-size:.72rem;line-height:1.5}.field-meta-row{justify-content:space-between;align-items:flex-start;gap:16px;min-height:28px;margin-top:8px;display:flex}.field-meta-row .text-button{flex:none;margin-left:auto;padding:0;line-height:1.5}.result-block{border:1px solid color-mix(in srgb, var(--brand-accent) 17%, var(--line));background:var(--brand-accent-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:106px;margin-top:20px;padding:20px;display:flex}.result-block>div:first-child{min-width:0}.result-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.67rem;font-weight:720;display:block}.result-block strong{overflow-wrap:anywhere;line-height:1.45;display:block}.result-block code{color:#5d6964;overflow-wrap:anywhere;margin-top:7px;font-size:.74rem;display:block}.result-block--error{color:#873b31;background:#fff4f2;border-color:#efd4cf}html[data-theme=dark] .result-block{background:color-mix(in srgb, var(--brand-accent) 14%, var(--surface))}html[data-theme=dark] .result-block--error{color:#f0b4aa;background:#2b1e1b;border-color:#724941}.copy-button{border:1px solid color-mix(in srgb, var(--brand-accent) 25%, var(--line));background:var(--surface);border-radius:6px;flex:none;min-width:68px;padding:9px 12px}.field--date>.input-action-row>input,.shortcut-trigger{height:50px}.input-action-row--date{grid-template-columns:minmax(0,1fr) auto auto auto}.input-action-row--date .paste-button{height:50px}.shortcut-cascade{width:50px;position:relative}.shortcut-trigger{border:1px solid var(--line-strong);background:var(--surface);width:50px;color:var(--ink);border-radius:7px;place-items:center;padding:0;font-size:1rem;font-weight:620;display:grid}.shortcut-trigger:hover{border-color:var(--brand-accent)}.shortcut-menu{border:1px solid var(--line-strong);background:var(--surface);z-index:50;border-radius:7px;width:174px;margin:0;padding:5px;list-style:none;box-shadow:0 14px 34px #0a140f24}.shortcut-menu--root{position:absolute;bottom:calc(100% + 6px);right:0}.shortcut-menu--nested{display:none;position:absolute;bottom:-6px;right:calc(100% - 3px)}.shortcut-menu--scroll{max-height:360px;overflow-y:auto}.shortcut-menu__branch{position:relative}.shortcut-menu__branch:hover>.shortcut-menu--nested,.shortcut-menu__branch:focus-within>.shortcut-menu--nested{display:block}.shortcut-menu button{width:100%;min-height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.78rem;font-weight:570;display:flex}.shortcut-menu button:hover,.shortcut-menu button:focus-visible{background:var(--brand-accent-soft);color:var(--brand-accent);outline:none}html[data-theme=dark] .shortcut-menu button:hover,html[data-theme=dark] .shortcut-menu button:focus-visible{background:color-mix(in srgb, var(--brand-accent) 17%, var(--surface))}.shortcut-menu__separator{background:var(--line);height:1px;margin:4px 7px}.shortcut-sheet,.shortcut-sheet__backdrop{display:none}.field--date>.input-action-row>input{font-size:.94rem;font-weight:520}.field--date input[type=datetime-local]::-webkit-calendar-picker-indicator{display:none}.large-calendar{position:relative}.calendar-trigger{border:1px solid var(--line-strong);background:var(--surface);width:50px;height:50px;color:var(--brand-accent);border-radius:7px;place-items:center;font-size:1.35rem;display:grid}.calendar-trigger:hover{border-color:var(--brand-accent)}.calendar-popover{z-index:60;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;width:392px;padding:18px;position:absolute;bottom:calc(100% + 8px);right:-144px;box-shadow:0 18px 48px #0a140f2e}.calendar-header{text-align:center;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:14px;display:grid}.calendar-header strong{color:var(--ink);letter-spacing:-.01em;font-size:1rem}.calendar-header button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:6px;font-size:1.35rem}.calendar-header button:hover{border-color:var(--brand-accent)}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekdays{color:var(--muted);text-align:center;letter-spacing:.05em;margin-bottom:5px;font-size:.67rem;font-weight:760}.calendar-weekdays span{place-items:center;min-height:24px;display:grid}.calendar-day{height:43px;color:var(--ink);background:0 0;border:0;border-radius:6px;font-size:.82rem;font-weight:600}.calendar-day:hover{background:var(--brand-accent-soft);color:var(--brand-accent)}.calendar-day[aria-pressed=true]{background:var(--brand-accent);color:#fff}.calendar-day--outside{color:color-mix(in srgb, var(--muted) 48%, transparent)}html[data-theme=dark] .calendar-day:hover{background:color-mix(in srgb, var(--brand-accent) 17%, var(--surface))}.calendar-time-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;margin-top:14px;padding-top:14px;display:grid}.calendar-time-row label{color:var(--muted);gap:6px;font-size:.67rem;font-weight:720;display:grid}.calendar-time-row input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:40px;color:var(--ink);border-radius:6px;padding:0 10px;font-size:.8rem}.calendar-today,.calendar-apply{border-radius:6px;height:40px;padding:0 13px;font-size:.74rem;font-weight:740}.calendar-today{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink)}.calendar-apply{border:1px solid var(--brand-accent);background:var(--brand-accent);color:#fff}.copy-button:hover{border-color:var(--brand-accent)}.converter-divider{background:var(--line);text-align:center;height:1px;position:relative}.converter-divider span{background:var(--surface);color:#929995;letter-spacing:.06em;text-transform:uppercase;padding:0 12px;font-size:.68rem;font-weight:680;position:relative;top:-9px}.result-block--split{grid-template-columns:minmax(0,1fr) auto;display:grid}.result-number{font:720 1.28rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.result-secondary{border-top:1px solid color-mix(in srgb, var(--brand-accent) 13%, var(--line));padding-top:13px}.privacy-note{color:#7b8580;text-align:center;margin:20px auto 0;font-size:.74rem;line-height:1.6}.ad-rail{padding-top:150px}.ad-placeholder{color:#9ca39f;background:color-mix(in srgb, var(--surface) 48%, transparent);text-transform:uppercase;letter-spacing:.1em;border:1px dashed #cbd0cc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.58rem;display:flex}.ad-placeholder small{letter-spacing:.06em;font-size:.54rem}.ad-placeholder--rail{width:160px;height:600px;margin:0 auto}.ad-placeholder--box{width:min(300px,100%);height:250px;margin:0 auto}.mobile-ad{margin-top:28px;display:none}footer{border-top:1px solid var(--line);color:#7b8580;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;width:min(1440px,100% - 48px);min-height:112px;margin:0 auto;padding:24px 0;font-size:.72rem;display:grid}.footer-identity{gap:6px;min-width:0;display:grid}.footer-identity strong{color:var(--ink);font-size:.76rem;font-weight:720}.footer-identity span{max-width:44ch;line-height:1.5}.footer-links{flex-direction:column;align-items:flex-end;gap:0;display:flex}.footer-links a{color:var(--muted);padding:2px 0;font-weight:680;line-height:1.25;text-decoration:none}.footer-links a:hover,.footer-links a[aria-current=page]{color:var(--brand-accent)}@media (width<=1180px){.content-grid{grid-template-columns:minmax(0,720px);justify-content:center}.ad-rail{display:none}.mobile-ad{display:block}}@media (width<=680px){.site-header,.content-grid,footer{width:min(100% - 28px,720px)}.site-header{min-height:68px}.brand>span:last-child,.timezone-control>span{display:none}.header-actions{gap:12px}.timezone-combobox{width:min(220px,58vw)}.content-grid{padding-top:44px}.intro{margin-bottom:24px}.intro h1{font-size:2.35rem}.converter-card{border-radius:12px}.converter-section{padding:24px 18px}.input-action-row--date{grid-template-columns:minmax(0,1fr) auto auto}.large-calendar{display:none}.field--date input[type=datetime-local]::-webkit-calendar-picker-indicator{display:block}.shortcut-menu--root{display:none}.shortcut-sheet__backdrop{z-index:100;cursor:default;background:#080d0a8a;border:0;padding:0;display:block;position:fixed;inset:0}.shortcut-sheet{max-height:min(78dvh,600px);padding:0 18px calc(18px + env(safe-area-inset-bottom));z-index:101;border-top:1px solid var(--line-strong);background:var(--surface);border-radius:12px 12px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 50px #080d0a33}.shortcut-sheet__header{border-bottom:1px solid var(--line);text-align:center;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:70px;display:grid}.shortcut-sheet__header h3{letter-spacing:-.02em;margin:0;font-size:1rem}.shortcut-sheet__header p{color:var(--brand-accent);margin:4px 0 0;font-size:.7rem;font-weight:720}.shortcut-sheet__header-spacer{width:42px;height:42px}.shortcut-sheet__icon-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:6px;place-items:center;padding:0;font-size:1.25rem;display:grid}.shortcut-sheet__body{overscroll-behavior:contain;min-height:0;padding:16px 0 0;overflow-y:auto}.shortcut-sheet__boundary{border:1px solid var(--line);background:var(--paper);border-radius:6px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.shortcut-sheet__boundary button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;font-size:.8rem;font-weight:720}.shortcut-sheet__boundary button[aria-pressed=true]{background:var(--brand-accent);color:#fff}.shortcut-sheet__period-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.shortcut-sheet__period-grid button,.shortcut-sheet__current,.shortcut-sheet__choice-grid button{border:1px solid var(--line-strong);background:var(--surface);min-height:52px;color:var(--ink);border-radius:6px;padding:10px 14px;font-size:.8rem;font-weight:680}.shortcut-sheet__period-grid button{text-align:left;justify-content:space-between;align-items:center;display:flex}.shortcut-sheet__period-grid button:hover,.shortcut-sheet__current:hover,.shortcut-sheet__choice-grid button:hover{border-color:var(--brand-accent);background:var(--brand-accent-soft);color:var(--brand-accent)}.shortcut-sheet__choices{gap:10px;display:grid}.shortcut-sheet__current{border-color:var(--brand-accent);background:var(--brand-accent);color:#fff;width:100%}.shortcut-sheet__choice-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.shortcut-sheet__choice-grid--years{grid-template-columns:repeat(2,1fr)}.section-heading{gap:12px}.timestamp-input-row{grid-template-columns:1fr;display:grid}.field--unit{width:auto}.calendar-popover{width:min(392px,100vw - 28px);right:-144px}.result-block{flex-direction:column;align-items:flex-start}.result-block--split{grid-template-columns:minmax(0,1fr) auto;display:grid}footer{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;min-height:116px;padding:22px 0}.footer-links{justify-content:flex-start;gap:0;width:auto;min-height:0}.footer-links a{align-items:center;min-height:26px;display:inline-flex}.footer-identity span{max-width:28ch;font-size:.68rem}}@media (width<=380px){.site-header,.content-grid,footer{width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}