@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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{--bg:#fafaf9;--surface:#fff;--surface-2:#f7f7f5;--ink:#17181b;--muted:#5e636e;--faint:#b4b7be;--line:#e7e7e4;--line-soft:#f0f0ee;--accent:#3451d1;--accent-hover:#2238a8;--accent-soft:#eef1fd;--accent-ring:#e3e8fc;--on-accent:#fff;--local-bg:#f4f6fe;--work:#dce3fb;--work-ink:#22348f;--night:#ededea;--sun:#b7791f;--warn-bg:#fff7e8;--warn-ink:#5c3d00;--error-bg:#fdedec;--error-ink:#7a1d16;--tag-bg:#fff1db;--tag-ink:#7a4b00;--shadow:0 12px 32px #17181b14;--radius:14px;--font:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0f12;--surface:#16181d;--surface-2:#1b1d23;--ink:#edeef0;--muted:#a0a5b0;--faint:#5c616c;--line:#262931;--line-soft:#20232a;--accent:#8fa2ff;--accent-hover:#b5c2ff;--accent-soft:#1c2140;--accent-ring:#263064;--on-accent:#0e0f12;--local-bg:#1a1e33;--work:#2e3a78;--work-ink:#dfe5ff;--night:#1f2128;--sun:#f5b84b;--warn-bg:#2e2413;--warn-ink:#f5d9a1;--error-bg:#3a1a18;--error-ink:#ffc9c3;--tag-bg:#3a2e14;--tag-ink:#f5c978;--shadow:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e0f12;--surface:#16181d;--surface-2:#1b1d23;--ink:#edeef0;--muted:#a0a5b0;--faint:#5c616c;--line:#262931;--line-soft:#20232a;--accent:#8fa2ff;--accent-hover:#b5c2ff;--accent-soft:#1c2140;--accent-ring:#263064;--on-accent:#0e0f12;--local-bg:#1a1e33;--work:#2e3a78;--work-ink:#dfe5ff;--night:#1f2128;--sun:#f5b84b;--warn-bg:#2e2413;--warn-ink:#f5d9a1;--error-bg:#3a1a18;--error-ink:#ffc9c3;--tag-bg:#3a2e14;--tag-ink:#f5c978;--shadow:0 12px 32px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 15px/1.45 var(--font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg{flex:none}.page{flex-direction:column;gap:36px;max-width:1040px;margin:0 auto;padding:32px 24px 48px;display:flex}@media (max-width:640px){.page{gap:20px;padding:20px 16px 32px}}.header{justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.wordmark span{color:var(--muted);font-weight:500}.header-actions{gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn.icon{width:44px;padding:0}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:var(--surface-2)}@media (max-width:640px){.btn .label-wide{display:none}.btn.copy{width:44px;padding:0}}.convert{flex-direction:column;gap:12px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:600}.convert-row{flex-wrap:wrap;gap:12px;display:flex}.field{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex:999 420px;align-items:center;gap:12px;min-height:60px;padding:0 8px 0 20px;transition:border-color .15s,box-shadow .15s;display:flex}.field:focus-within,.field.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field.invalid{border-color:var(--error-ink)}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 0;font-size:20px}.field input::placeholder{color:var(--muted);opacity:.8}.live-chip{background:var(--accent-soft);height:28px;color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin-right:8px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.source{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:60px;color:var(--muted);flex-direction:column;flex:220px;justify-content:center;padding:6px 16px;font-size:12px;display:flex}.source.disabled{background:var(--surface-2)}.source select{cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:2px 0;font-size:15px;font-weight:500}.source select:disabled{color:var(--muted);cursor:default;appearance:none}.hint{color:var(--muted);margin:0;font-size:13px}.summary{margin:0;font-size:14px}.summary strong{font-weight:600}.summary span{color:var(--muted)}.notice{border-radius:12px;gap:12px;padding:14px 16px;font-size:14px;line-height:1.45;animation:.2s ease-out fade-in;display:flex}.notice strong{font-weight:600}.notice svg{margin-top:1px}.notice.warn{background:var(--warn-bg);color:var(--warn-ink)}.notice.error{background:var(--error-bg);color:var(--error-ink)}.notice .link-btn{color:inherit}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@keyframes fade-in{0%{opacity:0;transform:translateY(-2px)}}.zones-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.zones-head h2{margin:0;font-size:15px;font-weight:600}.zones-head h2 span{color:var(--muted);font-weight:500}.zones{flex-direction:column;gap:16px;display:flex}.search{flex:0 380px;min-width:0;position:relative}@media (max-width:640px){.search{flex:100%}}.search-box{border:1px solid var(--line);background:var(--surface);height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:0 8px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-box input::placeholder{color:var(--muted)}kbd{font:500 12px var(--font);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 7px}.dropdown{z-index:20;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-width:min(440px,100vw - 32px);box-shadow:var(--shadow);animation:.12s ease-out fade-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}@media (min-width:641px){.dropdown{left:auto}}.dropdown ul{max-height:min(420px,60vh);margin:0;padding:0;list-style:none;overflow-y:auto}.option{border-top:1px solid var(--line-soft);cursor:pointer;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:10px 16px;display:grid}.option:first-child{border-top:0}.option[aria-selected=true]{background:var(--local-bg)}.option-icon{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.option[aria-selected=true] .option-icon{background:var(--accent);color:var(--on-accent)}.option-main{flex-direction:column;gap:1px;min-width:0;display:flex}.option-label,.option-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.option-label{font-size:15px;font-weight:500}.option-label mark{color:var(--accent);background:0 0;font-weight:700}.option-sub{color:var(--muted);font-size:13px}.option-time{text-align:right;font-size:15px;font-weight:500}.option-time small{color:var(--muted);font-size:12px;font-weight:400;display:block}.dropdown-foot{border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);gap:16px;padding:10px 16px;font-size:12px;display:flex}.dropdown-empty{text-align:center;padding:24px 20px}.dropdown-empty strong{margin-bottom:4px;font-weight:600;display:block}.dropdown-empty span{color:var(--muted);font-size:13px}.zone-list{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.zone{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:24px minmax(0,1fr) auto 84px 64px 44px;grid-template-areas:"grip info clock meta diff remove";align-items:center;gap:10px 20px;padding:16px 12px 16px 14px;display:grid;position:relative}.zone:first-child{border-top:0}.zone.local{background:var(--local-bg)}.zone.flash{animation:1s ease-out flash}@keyframes flash{0%,30%{background:var(--accent-soft)}}.zone.dragging{z-index:5;box-shadow:var(--shadow);border-radius:12px;transition:none}.zone.shifting{transition:transform .18s}.grip{width:24px;height:44px;color:var(--faint);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;grid-area:grip;justify-content:center;align-items:center;padding:0;display:flex}.grip:hover{color:var(--muted)}.dragging .grip{cursor:grabbing}.zone-info{flex-direction:column;grid-area:info;gap:3px;min-width:0;display:flex}.zone-title{align-items:center;gap:10px;min-width:0;display:flex}.zone-name{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.tag{background:var(--accent);color:var(--on-accent);border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:600}.tag.source-tag{background:var(--tag-bg);color:var(--tag-ink)}.zone-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.zone-clock{grid-area:clock;align-items:center;gap:14px;display:flex}.zone-clock .daynight{color:var(--muted)}.zone-clock .daynight.day{color:var(--sun)}.zone-time{text-align:right}.zone-time .time{letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:1.1}.zone-time .date{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:13px}.rel{color:var(--accent);font-weight:600}.zone-meta{text-align:right;color:var(--muted);grid-area:meta;font-size:13px}.zone-meta .abbr{color:var(--ink);font-size:14px;font-weight:500}.zone-diff{grid-area:diff;justify-self:end;font-size:14px;font-weight:600}.zone-diff.none{color:var(--faint)}.zone-remove{grid-area:remove}.zone-strip{grid-area:strip;display:none}.mobile-meta{display:none}.zone-list.converted .zone-strip.scrub{display:block}.scrub-row .zone-info{display:block!important}.zone-list.converted .zone{grid-template-columns:24px 236px minmax(0,1fr) 44px;grid-template-areas:"grip info strip remove";padding-top:12px;padding-bottom:12px}.zone-list.converted .zone-info{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;display:grid}.zone-list.converted .zone-clock,.zone-list.converted .zone-meta,.zone-list.converted .zone-diff{display:none}.zone-list.converted .zone-strip{display:grid}.compact-time{text-align:right;display:none}.zone-list.converted .compact-time{grid-row:span 2;display:block}.compact-time .time{letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:1.1}.compact-time .date{color:var(--muted);white-space:nowrap;font-size:12px}.zone-list.converted .zone-name{font-size:15px}.zone-list.converted .zone-sub{font-size:12px}.strip{grid-template-columns:repeat(var(--slots,24), minmax(0, 1fr));gap:2px}.cell{background:var(--surface-2);height:36px;color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:500;display:flex}.cell.work{background:var(--work);color:var(--work-ink)}.cell.night{background:var(--night)}.cell.midnight{color:var(--ink);font-weight:700}.cell.selected{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);font-weight:700}.cell sup{margin-left:1px;font-size:8px}@media (max-width:860px){.zone{grid-template-columns:24px minmax(0,1fr) auto 56px 44px;grid-template-areas:"grip info clock diff remove"}.zone-meta{display:none}}@media (max-width:640px){.zone,.zone-list.converted .zone{grid-template-columns:20px minmax(0,1fr) auto 36px;grid-template-areas:"grip info clock remove""grip strip strip remove";gap:8px 10px;padding:12px 4px 12px 10px}.zone-list:not(.converted) .zone{grid-template-areas:"grip info clock remove"}.zone-name{font-size:16px}.field{min-height:52px;padding-left:16px}.field input{font-size:17px}.zone-clock{gap:8px}.zone-clock .daynight{display:none}.zone-time .time{font-size:26px}.zone-time .date{font-size:12px}.zone-diff,.zone-sub .zone-id{display:none}.mobile-meta{display:inline}.zone-list.converted .zone-info{grid-column:2/4}.zone-list.converted .zone-strip{gap:1px}.zone-list.converted .cell{height:6px;box-shadow:none;border-radius:2px;font-size:0}.zone-list.converted .cell.selected{background:var(--ink)}.zone-remove.btn.icon{width:36px}}.scrubber{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.scrubber-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scrubber-day{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.scrubber-day .btn{width:36px;height:36px}.legend{color:var(--muted);gap:16px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--work);border-radius:4px;width:14px;height:14px}.legend i.night{background:var(--night)}.range{appearance:none;cursor:pointer;--pct:0%;background:0 0;width:100%;height:28px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--line) var(--pct));border-radius:2px;height:4px}.range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--pct), var(--line) var(--pct));border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:24px;height:24px;margin-top:-10px;box-shadow:0 2px 6px #3451d140}.range::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:20px;height:20px}.ticks{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.empty-list{color:var(--muted);padding:20px;font-size:14px}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;display:flex}.footer a{color:var(--muted)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);z-index:50;border-radius:10px;padding:10px 16px;font-size:14px;animation:.15s ease-out fade-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}