.tool-card--stopwatch{grid-column:span 12}.stopwatch{border:1px solid var(--color-line);background:#e8f3ff80;border-radius:1rem;gap:1rem;margin-top:1rem;padding:clamp(.85rem,2vw,1.2rem);display:grid}.stopwatch__display{color:#f0f9ff;width:100%;min-width:0;font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.055em;text-align:center;white-space:nowrap;background-color:#102f55;background-image:linear-gradient(#60a5fa1f,#0000 45%),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#7dd3fc14 calc(10% - 1px) 10%);border:1px solid #60a5fa52;border-radius:.9rem;grid-column:1/-1;padding:clamp(1.35rem,4vw,2.5rem) clamp(.65rem,2vw,1.5rem);font-size:clamp(1.8rem,7.2cqw,5rem);font-weight:650;line-height:1;display:block;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 16px 34px #0f2f552e}.stopwatch__actions{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:.65rem;display:flex}.stopwatch__actions button{min-width:7rem}.stopwatch__actions button:disabled{cursor:not-allowed;opacity:.45}.stopwatch__laps{grid-column:1/-1;gap:.5rem;max-height:24rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.stopwatch__laps li{border:1px solid var(--color-line);background:#ffffffe0;border-radius:.7rem;grid-template-columns:minmax(5rem,.55fr) repeat(2,minmax(0,1fr));align-items:center;gap:.75rem;padding:.75rem .85rem;display:grid}.stopwatch__laps strong{color:var(--color-primary);font-size:.78rem}.stopwatch__laps span{color:var(--color-muted);font-family:var(--font-data);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:clamp(.72rem,1.6cqw,.86rem)}@container (width<=32rem){.stopwatch__actions button{flex:7rem}.stopwatch__laps li{grid-template-columns:repeat(2,minmax(0,1fr))}.stopwatch__laps strong{grid-column:1/-1}.stopwatch__laps span:first-of-type{text-align:left}}.time-tool-app{--tool-ink:var(--color-ink);--tool-blue:var(--color-primary);--tool-blue-soft:var(--color-mist);--tool-line:var(--color-line);color:var(--tool-ink)}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.utility-label{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:750}.time-zone-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;display:grid;position:relative}.time-zone-picker--selected-value{display:block}.time-zone-picker--selected-value input{font-family:var(--font-data)}.time-zone-picker>label{font-size:.82rem;font-weight:700}.time-zone-picker__selected{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow:hidden}.time-zone-picker input{background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;grid-column:1/-1;width:100%;min-height:2.5rem;padding:.55rem .75rem}.time-zone-picker__options{z-index:30;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;width:min(24rem,85vw);max-height:18rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;overflow:auto;box-shadow:0 18px 45px #0f172a29}.time-zone-picker__options--above{top:auto;bottom:calc(100% + .35rem)}.time-zone-picker__options button{color:#1e293b;text-align:left;background:0 0;border:0;border-radius:.45rem;padding:.55rem .65rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.time-zone-picker__options button:hover,.time-zone-picker__options button[aria-selected=true]{background:var(--tool-blue-soft);color:#1d4ed8}.inline-notice{color:#854d0e;background:#fffbeb;border-left:3px solid #f59e0b;margin:.75rem 0 0;padding:.7rem .85rem;font-size:.88rem}.anchor-nav{z-index:20;backdrop-filter:blur(14px);background:#f4f7fbeb;border:1px solid #cbd5e1e6;border-radius:.85rem;align-self:start;min-width:0;margin:0;padding:.9rem;position:sticky;top:1rem}.anchor-nav__track{gap:.35rem;display:grid;position:relative}.anchor-nav__track:before{content:"";background:linear-gradient(#06b6d426,#2563eb61,#06b6d426);width:1px;position:absolute;top:1.25rem;bottom:1.25rem;left:calc(.575rem - .5px)}.anchor-nav a{min-height:2.65rem;color:var(--color-muted);grid-template-columns:1.15rem minmax(0,1fr);align-items:center;gap:.65rem;font-size:.82rem;font-weight:700;text-decoration:none;display:grid;position:relative}.anchor-nav__node{z-index:1;background:var(--color-surface);border:2px solid #2563eb3d;border-radius:50%;justify-self:center;width:.72rem;height:.72rem}.anchor-nav a[aria-current=location]{color:var(--color-ink)}.anchor-nav a[aria-current=location] .anchor-nav__node{border-color:var(--color-aqua);background:var(--color-aqua);box-shadow:0 0 0 .35rem #06b6d421}.time-tool-workspace{grid-template-columns:clamp(10.5rem,12vw,14rem) minmax(0,1fr) clamp(20rem,24vw,26.25rem);align-items:start;gap:clamp(.8rem,1.2vw,1.25rem);min-width:0;display:grid}.time-tool-main{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.8rem,1.2vw,1.25rem);min-width:0;display:grid}.time-tool-main section{scroll-margin-top:5rem}.tool-card{min-width:0;container-type:inline-size}.tool-card--now,.tool-card--world-time{grid-column:span 12}.tool-card--timestamp-to-date,.tool-card--date-to-timestamp{grid-column:span 6}.tool-card--batch,.tool-card--difference,.tool-card--offset{grid-column:span 12}.tool-card,.conversion-history{border:1px solid var(--tool-line);background:#fff;border-radius:1rem;box-shadow:0 12px 35px #0f172a0d}.history-header{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.history-header button,.history-record__value button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.4rem .55rem;font-size:.7rem;font-weight:700}.history-header button:disabled{cursor:not-allowed;opacity:.4}.history-privacy{margin-bottom:.65rem;font-size:.78rem}.history-warning{background:#fffbeb;border-left:3px solid #f59e0b;padding:.65rem;font-size:.76rem;color:#854d0e!important}.history-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.history-list>li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;gap:.45rem;padding:.75rem;display:grid}.history-record__meta,.history-record__value{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-record__meta span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:.18rem .4rem;font-size:.65rem;font-weight:750}.history-record__meta span+span{color:#475569;background:#e2e8f0}.history-record__value code,.history-record__value time{overflow-wrap:anywhere;color:#0f172a;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.history-record__value button{flex:none}.history-list small,.history-record__created{color:#64748b;font-size:.65rem}.history-record__created{font-family:inherit}.history-copy-status{margin:.6rem 0 0;font-size:.72rem;color:#1d4ed8!important}.tool-card{min-height:15rem;padding:1.25rem}.tool-card__header h2,.conversion-history h2{color:var(--tool-ink);letter-spacing:-.025em;margin:.3rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}.tool-card__header p,.conversion-history p{color:#64748b;line-height:1.65}.tool-placeholder{color:#64748b;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:.8rem;place-items:center;min-height:6.5rem;margin-top:1rem;font-size:.82rem;display:grid}.live-clock{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6 58%,#60a5fa);border-radius:1rem;margin-top:1rem;padding:clamp(1rem,3vw,1.4rem);box-shadow:0 18px 40px #2563eb3d}.live-clock__topline,.live-clock__date-row,.live-clock__values>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.live-clock__eyebrow,.live-clock__date-row>span,.live-clock__values span{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:750;display:block}.live-clock__state{align-items:center;gap:.4rem;margin-top:.35rem;font-size:.82rem;font-weight:700;display:flex}.live-clock__dot{background:#86efac;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem #86efac2e}.live-clock button{color:#1d4ed8;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:.6rem;min-height:2.35rem;padding:.45rem .72rem;font-size:.78rem;font-weight:750}.live-clock button:hover{background:#eff6ff}.live-clock button:focus-visible{outline-offset:2px;border-color:#1e3a8a;outline:2px solid #fff}.live-clock__date-row{border-bottom:1px solid #ffffff3d;align-items:flex-end;margin-top:1.35rem;padding-bottom:1.15rem}.live-clock__date-row strong,.live-clock__values strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.live-clock__date-row strong{letter-spacing:-.025em;flex:1;font-size:clamp(1rem,2.5vw,1.35rem)}.live-clock__values{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.live-clock__values>div{background:#0f172a1f;border:1px solid #fff3;border-radius:.8rem;flex-wrap:wrap;padding:.85rem}.live-clock__values span{flex-basis:100%}.live-clock__values strong{overflow-wrap:anywhere;font-size:clamp(1rem,2.6vw,1.35rem)}.copy-status{color:#fff;min-height:1.2rem;margin:.6rem 0 0;font-size:.78rem}.live-clock{background-color:var(--color-surface);color:var(--color-ink);background-image:linear-gradient(120deg,#e8f3ffb8,#0000 42%),radial-gradient(circle at 92% 12%,#06b6d41f,#0000 18rem);border:1px solid #06b6d433;border-radius:.9rem;padding:clamp(1rem,2vw,1.4rem);position:relative;box-shadow:0 18px 50px #2563eb14}.live-clock__topline{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem) auto;align-items:flex-start;display:grid}.live-clock__topline .time-zone-picker{min-width:0}.live-clock__eyebrow,.live-clock__metric>span{color:var(--color-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800}.live-clock__state{gap:.45rem;font-weight:750}.live-clock__dot{background:var(--color-aqua);width:.55rem;height:.55rem;box-shadow:0 0 0 .3rem #06b6d424}.live-clock__dot.is-paused{background:#f59e0b;box-shadow:0 0 0 .3rem #f59e0b24}@keyframes time-signal{0%,to{box-shadow:0 0 0 .3rem #06b6d424}50%{box-shadow:0 0 0 .6rem #06b6d400}}.live-clock[data-state=running] .live-clock__dot,.anchor-nav a[aria-current=location] .anchor-nav__node{animation:2.4s ease-in-out infinite time-signal}.live-clock button{color:var(--color-primary);background:#ffffffe0;border:1px solid #2563eb38}.live-clock button:focus-visible{border-color:var(--color-primary);outline:2px solid #2563eb4d}.live-clock__readouts{grid-template-columns:minmax(18rem,1.5fr) repeat(2,minmax(12rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.live-clock__metric{border:1px solid var(--color-line);background:#f4f9ffc2;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.55rem .75rem;min-width:0;padding:.9rem;display:grid}.live-clock__metric>span{grid-column:1/-1}.live-clock__metric strong{overflow-wrap:anywhere;min-width:0;font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:clamp(1rem,1.8vw,1.35rem)}.copy-status{color:var(--color-primary)}@container (width<=56rem){.live-clock__readouts{grid-template-columns:1fr 1fr}.live-clock__metric--date{grid-column:1/-1}}@container (width<=34rem){.live-clock__topline{grid-template-columns:1fr}.live-clock__topline>button{width:100%}.live-clock__readouts{grid-template-columns:1fr}.live-clock__metric--date{grid-column:1}}.manual-copy-fallback{opacity:0;width:1px;height:1px;position:fixed;inset-inline-start:-10000px}.converter-form{gap:1rem;margin-top:1rem;display:grid}.form-grid{gap:1rem;display:grid}.form-grid--input-zone{grid-template-columns:minmax(0,1fr) minmax(19rem,.75fr);align-items:start}.form-grid--with-action{grid-template-columns:minmax(0,1fr) minmax(12rem,.8fr) auto}.use-current-time{white-space:nowrap;min-height:2.75rem}.field-stack{gap:.45rem;display:grid}.field-stack>label,.unit-control legend{color:#334155;font-size:.82rem;font-weight:750}.field-stack input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;width:100%;min-height:2.75rem;padding:.65rem .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem}.date-time-input{--picker-frost:#f4f9ff;--picker-panel:#fff;--picker-signal:#2563eb;--picker-trace:#06b6d4;--picker-ink:#10213a;--picker-line:#cfe3f8;position:relative}.date-time-input .date-time-input__text{padding-right:3.1rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.date-time-input--open .date-time-input__text{background:#fbfdff;border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb1a}.date-time-input>.date-time-input__trigger{color:#527092;cursor:pointer;background:#e8f3ff9e;border:1px solid #0000;border-radius:.52rem;place-items:center;width:2.15rem;height:2.15rem;min-height:2.15rem;padding:.45rem;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.date-time-input__trigger:hover,.date-time-input--open>.date-time-input__trigger{color:var(--picker-signal);background:#e5f5ff;border-color:#06b6d44d}.date-time-input__trigger:focus-visible{outline:3px solid #2563eb2e}.date-time-input__trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.date-time-panel__shade{z-index:69;backdrop-filter:blur(1.5px);background:#10213a21;position:fixed;inset:0}.date-time-panel{--picker-enter-offset:-.35rem;z-index:70;background:var(--picker-panel);width:min(28rem,100vw - 2rem);color:var(--picker-ink);transform-origin:100% 0;border:1px solid #2563eb29;border-radius:1rem;padding:1rem;animation:.16s cubic-bezier(.2,.8,.2,1) date-time-panel-enter;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden auto;box-shadow:0 24px 70px #10213a2e,0 2px 8px #2563eb14}.date-time-panel--above{--picker-enter-offset:.35rem;transform-origin:100% 100%;top:auto;bottom:calc(100% + .6rem)}@keyframes date-time-panel-enter{0%{opacity:0;transform:translateY(var(--picker-enter-offset)) scale(.985)}}.date-time-panel__header{border-bottom:1px solid var(--picker-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:.15rem .1rem .85rem;display:grid}.date-time-panel__header>div:first-child>span,.date-time-panel__time-heading>span{color:#66819e;font-family:var(--font-data);letter-spacing:.12em;font-size:.63rem;font-weight:800}.date-time-panel__header h3{color:var(--picker-ink);letter-spacing:-.02em;margin:.18rem 0 0;font-size:.92rem}.date-time-panel__month-nav{grid-template-columns:2rem minmax(7.2rem,auto) 2rem;align-items:center;gap:.35rem;display:grid}.date-time-panel__month-nav strong{color:var(--picker-ink);font-family:var(--font-data);text-align:center;font-size:.82rem}.date-time-panel__month-nav button,.date-time-panel__time-heading button,.date-time-panel__footer button{border:1px solid var(--picker-line);color:#416384;cursor:pointer;background:#fff;font-weight:750}.date-time-panel__month-nav button{border-radius:50%;place-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1.35rem;line-height:1;display:grid}.date-time-panel__month-nav button:hover,.date-time-panel__time-heading button:hover,.date-time-panel__footer button:hover{background:var(--picker-frost);color:var(--picker-signal);border-color:#2563eb57}.date-time-panel__month-nav button:disabled,.date-time-panel__calendar button:disabled{cursor:not-allowed;opacity:.28}.date-time-panel__weekdays,.date-time-panel__calendar{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-time-panel__weekdays{padding:.75rem 0 .28rem}.date-time-panel__weekdays span{color:#7890aa;font-family:var(--font-data);text-align:center;font-size:.65rem;font-weight:750}.date-time-panel__calendar{gap:.16rem}.date-time-panel__calendar button{color:#294866;width:2.35rem;height:2.35rem;min-height:2.35rem;font-family:var(--font-data);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:center;place-items:center;padding:0;font-size:.73rem;font-weight:680;display:grid;position:relative}.date-time-panel__calendar button:hover{color:var(--picker-signal);background:#edf7ff}.date-time-panel__calendar button[data-outside=true]{color:#a9bacb}.date-time-panel__calendar button[data-today=true]:after{background:var(--picker-trace);content:"";border-radius:50%;width:.26rem;height:.26rem;position:absolute;bottom:12%;right:20%;box-shadow:0 0 0 2px #fff}.date-time-panel__calendar button[data-selected=true]{background:var(--picker-signal);color:#fff;box-shadow:0 6px 15px #2563eb47}.date-time-panel__calendar button[data-selected=true][data-today=true]:after{box-shadow:0 0 0 2px var(--picker-signal);background:#8feaff}.date-time-panel__time{border:1px solid var(--picker-line);background:linear-gradient(90deg,#f7fbff,#edf7ff);border-radius:.85rem;grid-template-columns:6.6rem minmax(0,1fr);align-items:center;gap:.8rem;margin-top:.85rem;padding:.78rem .85rem .78rem 1rem;display:grid;position:relative}.date-time-panel__time:before{background:linear-gradient(var(--picker-trace), var(--picker-signal));content:"";border-radius:999px;width:3px;position:absolute;top:.75rem;bottom:.75rem;left:0}.date-time-panel__time-heading{gap:.35rem;display:grid}.date-time-panel__time-heading button{border-radius:999px;justify-self:start;min-height:1.75rem;padding:.25rem .55rem;font-size:.68rem}.date-time-panel__time-fields{grid-template-columns:repeat(2,minmax(0,1fr) auto) minmax(0,1fr);align-items:end;gap:.35rem;display:grid}.date-time-panel__time-fields label{gap:.2rem;display:grid}.date-time-panel__time-fields label>span{color:#6f88a2;text-align:center;font-size:.62rem;font-weight:750}.date-time-panel .date-time-panel__time-fields input{width:100%;min-width:0;min-height:2.5rem;color:var(--picker-ink);font-family:var(--font-data);text-align:center;appearance:textfield;background:#fff;border:1px solid #2563eb29;border-radius:.6rem;padding:.4rem;font-size:1rem;font-weight:780}.date-time-panel .date-time-panel__time-fields input::-webkit-inner-spin-button{appearance:none;margin:0}.date-time-panel .date-time-panel__time-fields input::-webkit-outer-spin-button{appearance:none;margin:0}.date-time-panel__time-fields b{color:var(--picker-trace);font-family:var(--font-data);align-self:center;margin-top:.8rem;font-size:1rem}.date-time-panel__time-error{color:var(--color-error);grid-column:1/-1;margin:0;font-size:.7rem}.date-time-panel__footer{justify-content:space-between;align-items:center;gap:.75rem;padding-top:.85rem;display:flex}.date-time-panel__footer>div{gap:.5rem;display:flex}.date-time-panel__footer button{border-radius:.58rem;min-height:2.2rem;padding:.42rem .75rem;font-size:.73rem}.date-time-panel__footer .date-time-panel__today{background:0 0;border-color:#0000}.date-time-panel__footer .date-time-panel__confirm{border-color:var(--picker-signal);background:var(--picker-signal);color:#fff;box-shadow:0 7px 18px #2563eb33}.date-time-panel__footer .date-time-panel__confirm:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.date-time-panel__footer .date-time-panel__confirm:disabled{box-shadow:none;cursor:not-allowed;opacity:.72;background:#b9cce1;border-color:#b9cce1}.field-stack textarea,.field-stack select,.offset-controls select{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;padding:.65rem .8rem}.field-stack textarea{resize:vertical;min-height:8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.field-stack input:focus,.time-zone-picker input:focus{border-color:var(--tool-blue);outline:3px solid #2563eb29}.field-stack input[aria-invalid=true]{border-color:#dc2626}.field-stack small{color:#64748b;line-height:1.45}.field-error{color:#b91c1c;margin:0;font-size:.82rem}.unit-control{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.unit-control legend{width:100%;margin-bottom:.15rem}.unit-control label{cursor:pointer}.unit-control input{opacity:0;pointer-events:none;position:absolute}.unit-control span{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:.55rem;padding:.48rem .72rem;font-size:.8rem;font-weight:700;display:block}.unit-control input:checked+span{color:#1d4ed8;background:#dbeafe;border-color:#1d4ed8}.unit-control input:focus-visible+span{outline-offset:2px;outline:3px solid #2563eb3d}.primary-action,.conversion-result button,.dst-choice button{cursor:pointer;border:1px solid #0000;border-radius:.6rem;width:fit-content;min-height:2.55rem;padding:.55rem .85rem;font-weight:750}.primary-action{background:var(--tool-blue);color:#fff}.primary-action:hover{background:#1d4ed8}.primary-action:disabled{cursor:wait;opacity:.62}.form-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.form-actions>span{color:#64748b;font-size:.78rem}.secondary-action{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:.6rem;min-height:2.55rem;padding:.55rem .85rem;font-weight:750}.conversion-result{background:#f8fbff;border:1px solid #bfdbfe;border-radius:.85rem;padding:1rem}.result-meta{color:#64748b;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;font-size:.76rem;display:flex}.result-value-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.result-value-row>div{min-width:0}.result-value-row span,.result-value-row small{color:#64748b;font-size:.75rem;display:block}.result-value-row strong{overflow-wrap:anywhere;color:#0f172a;margin:.2rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.05rem,2.5vw,1.35rem);display:block}.conversion-result button,.dst-choice button{color:#1d4ed8;background:#fff;border-color:#bfdbfe}.result-pair{gap:.75rem;display:grid}.result-pair .result-value-row+.result-value-row{border-top:1px solid #dbeafe;padding-top:.75rem}.dst-choice{background:#fffbeb;border-left:3px solid #f59e0b;padding:.9rem}.dst-choice p{color:#854d0e;margin:0 0 .65rem;font-size:.86rem}.dst-choice button+button{margin-left:.5rem}.form-copy-status{color:#475569;min-height:1rem;margin:-.45rem 0 0;font-size:.76rem}.batch-table-wrap{border:1px solid #dbe3ec;border-radius:.75rem;max-width:100%;overflow-x:auto}.batch-table{border-collapse:collapse;width:100%;min-width:42rem;font-size:.8rem}.batch-table caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.batch-table th,.batch-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:.65rem .75rem}.batch-table th{color:#475569;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;font-size:.7rem}.batch-table td{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.batch-table tr:last-child td{border-bottom:0}.batch-error{color:#b91c1c}.offset-controls{grid-template-columns:minmax(8rem,.7fr) minmax(9rem,1fr) minmax(11rem,1fr);gap:.75rem;display:grid}.difference-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.field-stack .timestamp-preview{color:var(--color-primary);font-weight:700}.difference-result{gap:.75rem;display:grid}.difference-summary{overflow-wrap:anywhere;color:var(--color-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1rem,2vw,1.35rem)}.difference-result>span{color:var(--color-muted);font-size:.76rem}.difference-totals{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.65rem;margin:0;display:grid}.difference-totals>div{border-top:1px solid var(--color-line);min-width:0;padding-top:.6rem}.difference-totals dt{color:var(--color-muted);font-size:.75rem}.difference-totals dd{overflow-wrap:anywhere;color:var(--color-ink);margin:.2rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750}.world-time{gap:1rem;margin-top:1rem;display:grid}.world-linked-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.world-linked-inputs>.use-current-time{margin-top:1.55rem}.world-link-mark{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;margin-top:1.55rem;font-weight:800;display:grid}.world-empty{color:#64748b;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:.75rem;margin:0;padding:1rem;font-size:.85rem}.region-time-grid{grid-template-columns:minmax(0,1fr);gap:.65rem;display:grid}@container (width>=35rem){.region-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=48rem){.region-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=64rem){.region-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.region-time-grid article{background:#fff;border:1px solid #dbe3ec;border-radius:.8rem;grid-template-columns:minmax(0,1fr) auto;gap:.4rem .55rem;padding:.75rem;display:grid;position:relative}.region-time-grid article>div{min-width:0}.region-time-grid h3,.region-time-grid p{margin:0}.region-time-grid h3{font-size:.95rem}.region-time-grid p,.region-time-grid span{color:#64748b;font-size:.7rem}.region-time-grid p{overflow-wrap:anywhere}.region-time-grid time,.region-time-grid span{grid-column:1/-1}.region-time-grid time{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem;font-weight:750}.region-time-grid button{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.55rem;grid-area:1/2;align-self:start;padding:.45rem .6rem;font-weight:700}.region-manager{background:#f8fafc;border:1px solid #dbe3ec;border-radius:.8rem;margin-top:1rem;padding:.85rem}.region-manager summary{color:#334155;cursor:pointer;font-size:.85rem;font-weight:750}.region-add-form{grid-template-columns:minmax(18rem,1.5fr) minmax(10rem,1fr) auto;align-items:end;gap:.75rem;margin-top:.9rem;display:grid}.region-manager-list{gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.region-manager-list li{background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.region-drag-handle{color:#94a3b8;cursor:grab}.region-manager-list strong,.region-manager-list small{display:block}.region-manager-list small{color:#64748b;margin-top:.15rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem}.region-row-actions{gap:.3rem;display:flex}.region-row-actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.45rem;min-width:2rem;min-height:2rem}.region-row-actions button:disabled{cursor:not-allowed;opacity:.35}.conversion-history{max-height:calc(100svh - 2rem);padding:1.1rem;position:sticky;top:1rem;overflow:auto}.history-empty{background:#f8fafc;border-radius:.75rem;padding:1rem;font-size:.85rem}.anchor-nav,.tool-card,.conversion-history{border:1px solid var(--color-line);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:.9rem;box-shadow:0 16px 46px #2563eb11}.tool-card,.conversion-history{padding:clamp(1rem,1.4vw,1.35rem)}.tool-card:has(.time-zone-picker__options){z-index:1;position:relative}.tool-card:has(.date-time-panel){z-index:60;position:relative}.utility-label{color:var(--color-primary);font-family:var(--font-data)}.time-zone-picker__selected,.history-record__value code,.history-record__value time,.field-stack input,.field-stack textarea,.result-value-row strong,.batch-table td,.region-time-grid time,.region-manager-list small{font-family:var(--font-data)}.tool-card__header h2,.conversion-history h2,.result-value-row strong,.region-time-grid h3{color:var(--color-ink)}.tool-card__header p,.conversion-history p,.field-stack small,.result-meta,.result-value-row span,.result-value-row small,.region-time-grid p,.region-time-grid span,.history-list small,.history-record__created{color:var(--color-muted)}.time-zone-picker input,.field-stack input,.field-stack textarea,.field-stack select,.offset-controls select{color:var(--color-ink);background:#ffffffeb;border:1px solid #2563eb2e;border-radius:.65rem}.time-zone-picker__options{border-color:var(--color-line);box-shadow:0 18px 44px #2563eb1f}.primary-action{background:var(--color-primary);color:#fff;border-color:#0000;box-shadow:0 8px 22px #2563eb2e}.history-header button,.history-record__value button,.secondary-action,.conversion-result button,.dst-choice button,.region-time-grid button,.region-row-actions button{color:var(--color-primary);background:#ffffffe0;border-color:#2563eb38}.conversion-result,.history-list>li,.region-manager,.history-empty,.world-empty{border-color:var(--color-line);background:#e8f3ff80}.batch-table-wrap,.region-time-grid article,.region-manager-list li{border-color:var(--color-line)}.batch-table th,.unit-control input:checked+span,.history-record__meta span{background:var(--color-mist);color:var(--color-primary)}.field-error,.batch-error{color:var(--color-error)}@container (width<=48rem){.difference-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=38rem){.form-grid--input-zone,.form-grid--with-action,.offset-controls,.difference-inputs,.difference-totals{grid-template-columns:1fr}.use-current-time{width:100%}}@media (width>=960px) and (width<=1359px){.time-tool-app button{white-space:nowrap;font-size:.72rem}.result-value-row strong{overflow-wrap:normal;white-space:nowrap;font-size:1rem;line-height:1.25}.time-zone-picker{grid-template-columns:1fr;display:grid}.time-tool-workspace{grid-template-columns:minmax(0,1fr) clamp(18rem,32vw,22rem);grid-template-areas:"nav nav""tools history"}.anchor-nav{grid-area:nav;padding:.4rem;top:0}.anchor-nav__track{scrollbar-width:thin;gap:.25rem;display:flex;overflow-x:auto}.anchor-nav__track:before,.anchor-nav__node{display:none}.anchor-nav a{flex:none;min-height:2.75rem;padding:.55rem .8rem;display:flex}.time-tool-main{grid-area:tools;grid-template-columns:1fr}.tool-card{grid-column:1}.conversion-history{grid-area:history}}@media (width<=959px){.time-tool-workspace{grid-template-columns:1fr;grid-template-areas:"nav""tools""history"}.anchor-nav{grid-area:nav;padding:.4rem;top:0}.anchor-nav__track{scrollbar-width:thin;gap:.25rem;display:flex;overflow-x:auto}.anchor-nav__track:before,.anchor-nav__node{display:none}.anchor-nav a{flex:none;min-height:2.75rem;padding:.55rem .8rem;display:flex}.time-tool-main{grid-area:tools;grid-template-columns:1fr}.tool-card{grid-column:1}.conversion-history{grid-area:history;max-height:none;position:static}}@media (width<=800px){.time-zone-picker{grid-template-columns:1fr}.live-clock__date-row,.live-clock__values>div{align-items:flex-start}.live-clock__date-row{flex-wrap:wrap}.live-clock__date-row strong{flex-basis:100%}.form-grid--input-zone,.form-grid--with-action{grid-template-columns:1fr}.use-current-time{width:100%}.offset-controls,.world-linked-inputs{grid-template-columns:1fr}.world-linked-inputs>.use-current-time{width:100%;margin-top:0}.world-link-mark{margin:0 auto;transform:rotate(90deg)}.region-add-form{grid-template-columns:1fr}}@media (width<=560px){.live-clock__values{grid-template-columns:1fr}.region-manager-list li{grid-template-columns:auto minmax(0,1fr)}.region-row-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=639px){.anchor-nav a,.time-tool-app button,.time-tool-app input:not([type=radio]),.time-tool-app select{min-height:2.751rem}.primary-action{width:100%}.tool-card:has(.date-time-panel){backdrop-filter:none}.date-time-panel{border-radius:1.15rem;width:auto;max-height:calc(100svh - 1.5rem);padding:.9rem;position:fixed;inset:auto .75rem .75rem;overflow-y:auto}.date-time-panel__header{grid-template-columns:1fr;align-items:start;gap:.65rem}.date-time-panel__month-nav{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem}.date-time-panel__month-nav button,.date-time-panel__calendar button,.date-time-panel__time-heading button,.date-time-panel__footer button{min-height:2.25rem}.date-time-panel__calendar button{width:2.25rem;height:2.25rem}.date-time-panel__time{grid-template-columns:1fr;gap:.55rem}.date-time-panel__time-heading{grid-template-columns:1fr auto;align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.live-clock__dot,.anchor-nav__node,.date-time-panel{animation:none!important}}