[hidden]{display:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clock-hero{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.14);background:radial-gradient(900px 380px at 50% -20%,rgba(99,102,241,.45),transparent 65%),linear-gradient(150deg,#080d1e 0,#141c3d 52%,#0a1128 100%)}.clock-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.09) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%);pointer-events:none}.clock-hero::after{content:'';position:absolute;width:520px;height:520px;right:-160px;top:-260px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 62%);filter:blur(6px);pointer-events:none}.clock-hero:-webkit-full-screen,.clock-hero:fullscreen{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;width:100%;height:100%}.clock-hero:-webkit-full-screen>div,.clock-hero:fullscreen>div{width:100%;max-width:1200px;margin:0 auto}.clock-time{display:flex;align-items:baseline;justify-content:center;font-family:Bahnschrift,'DIN Alternate','SF Mono','Roboto Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}.clock-main{font-size:clamp(3rem, 14vw, 6.5rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:#f8fafc;text-shadow:0 0 42px rgba(99,102,241,.45)}.clock-sec{min-width:2ch;margin-left:.06em;font-size:clamp(1.9rem, 9vw, 4.2rem);font-weight:600;line-height:1;color:#22d3ee;text-shadow:0 0 26px rgba(34,211,238,.55)}.clock-ms{min-width:4.2ch;margin-left:.12em;font-size:clamp(.95rem, 3.4vw, 1.6rem);font-weight:500;color:rgba(148,163,184,.9);transition:opacity .2s}.clock-ms.is-hidden{opacity:0}.clock-date{margin-top:.85rem;text-align:center;font-size:clamp(.85rem, 3.4vw, 1.1rem);color:#cbd5e1;letter-spacing:.02em}.clock-zone{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:rgba(56,189,248,.1);color:#7dd3fc;font-family:ui-monospace,monospace;font-size:.72em;vertical-align:.08em;white-space:nowrap}.clock-lunar{margin-top:.4rem;text-align:center;font-size:clamp(.72rem, 3vw, .9rem);color:#94a3b8;letter-spacing:.04em}.clock-hero:-webkit-full-screen .clock-main,.clock-hero:fullscreen .clock-main{font-size:clamp(4rem, 17vw, 13rem)}.clock-hero:-webkit-full-screen .clock-sec,.clock-hero:fullscreen .clock-sec{font-size:clamp(2.6rem, 10vw, 8rem)}.clock-hero:-webkit-full-screen .clock-ms,.clock-hero:fullscreen .clock-ms{font-size:clamp(1.2rem, 4vw, 3rem)}.sync-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .68rem;border:1px solid transparent;border-radius:999px;font-size:.74rem;font-weight:500;line-height:1.4;white-space:nowrap;backdrop-filter:blur(6px)}.sync-badge__dot{width:6px;height:6px;border-radius:50%;flex:none}.sync-badge.is-pending{border-color:rgba(251,191,36,.32);background:rgba(251,191,36,.12);color:#fcd34d}.sync-badge.is-pending .sync-badge__dot{background:#fbbf24;animation:1.2s ease-in-out infinite badge-pulse}.sync-badge.is-live{border-color:rgba(52,211,153,.32);background:rgba(16,185,129,.13);color:#6ee7b7}.sync-badge.is-live .sync-badge__dot{background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:2.4s ease-out infinite badge-pulse}.sync-badge.is-local{border-color:rgba(148,163,184,.28);background:rgba(148,163,184,.12);color:#cbd5e1}.sync-badge.is-local .sync-badge__dot{background:#94a3b8}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.zone-chips{display:flex;flex-wrap:wrap;gap:.4rem}.zone-chip{padding:.28rem .7rem;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:rgba(148,163,184,.08);color:#cbd5e1;font-size:.76rem;line-height:1.5;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1)}.zone-chip:hover{border-color:rgba(34,211,238,.5);color:#e0f2fe}.zone-chip.is-active{border-color:rgba(34,211,238,.7);background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(99,102,241,.28));color:#fff;box-shadow:0 0 18px rgba(34,211,238,.18)}.clock-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .65rem}.zone-select{max-width:100%;min-height:38px;padding:.45rem 1.9rem .45rem .75rem;border:1px solid rgba(148,163,184,.26);border-radius:.55rem;background-color:rgba(15,23,42,.6);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2394a3b8'%3E%3Cpath d='M4.2 6.2 8 10l3.8-3.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:14px;color:#e2e8f0;font-size:.82rem;line-height:1.5;appearance:none;-webkit-appearance:none;cursor:pointer;transition:.25s;text-overflow:ellipsis}.zone-select:focus,.zone-select:hover{border-color:rgba(34,211,238,.6);outline:0}.zone-select optgroup,.zone-select option{background:#fff;color:#1f2937}.btn-ghost{display:inline-flex;align-items:center;gap:.38rem;min-height:38px;padding:.45rem .85rem;border:1px solid rgba(148,163,184,.26);border-radius:.55rem;background:rgba(148,163,184,.1);color:#e2e8f0;font-size:.82rem;line-height:1.5;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1)}.btn-ghost:hover{border-color:rgba(34,211,238,.55);background:rgba(148,163,184,.18);color:#fff}.btn-ghost:active{transform:translateY(1px)}.btn-ghost:disabled{opacity:.5;cursor:progress}.btn-ghost kbd{padding:0 .25rem;border:1px solid rgba(148,163,184,.3);border-radius:.25rem;font-family:ui-monospace,monospace;font-size:.66rem;line-height:1.6;color:#94a3b8}.btn-ghost--dark{border-color:#cbd5e1;background:#fff;color:#334155;font-size:.76rem;min-height:32px;padding:.3rem .7rem}.btn-ghost--dark:hover{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.switch{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;color:#cbd5e1;font-size:.82rem;cursor:pointer;user-select:none}.switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch__track{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:rgba(148,163,184,.35);transition:background .25s}.switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4, 0, .2, 1)}.switch input:checked+.switch__track{background:linear-gradient(135deg,#22d3ee,#6366f1)}.switch input:checked+.switch__track .switch__thumb{transform:translateX(16px)}.switch input:focus-visible+.switch__track{outline:#22d3ee solid 2px;outline-offset:2px}.clock-meta{margin-top:.85rem;text-align:center;font-size:.72rem;line-height:1.7;color:#64748b}.clock-meta a{color:#7dd3fc}.world-clock{display:flex;flex-direction:column;gap:2px;max-height:368px;overflow-y:auto;scrollbar-width:thin}@media (min-width:1024px){.world-clock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:none;overflow:visible}}.wc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 .75rem;padding:.42rem .6rem;border-radius:.5rem;border-left:2px solid transparent;cursor:pointer;transition:background .2s,border-color .2s}.wc-row:hover{background:#f8fafc}.wc-name{display:flex;align-items:center;gap:.4rem;min-width:0;font-size:.88rem;font-weight:500;color:#334155}.wc-name>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wc-off{flex:none;padding:.02rem .34rem;border-radius:999px;background:#f1f5f9;color:#64748b;font-family:ui-monospace,monospace;font-size:.66rem;line-height:1.5}.wc-off.is-plus{background:#ecfdf5;color:#0d9488}.wc-off.is-minus{background:#fffbeb;color:#b45309}.wc-date{grid-column:1;padding-left:.02rem;font-size:.68rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-time{grid-column:2;grid-row:1/span 2;font-family:Bahnschrift,'DIN Alternate',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1.2;color:#1e293b;white-space:nowrap}.wc-sec{margin-left:.1em;font-size:.74em;color:#3b82f6}.wc-row.is-active{border-left-color:#3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.1),rgba(139,92,246,.03))}.wc-row.is-active .wc-name{color:#1d4ed8;font-weight:700}.wc-row.is-active .wc-time{color:#1d4ed8}.wc-tag{flex:none;padding:.02rem .3rem;border-radius:.25rem;background:#eef2ff;color:#4f46e5;font-size:.62rem;line-height:1.5}.wc-skeleton{height:42px;border-radius:.5rem;background:linear-gradient(90deg,#f1f5f9 25%,#e9eef5 37%,#f1f5f9 63%);background-size:400% 100%;animation:1.4s infinite skeleton;cursor:default}@keyframes skeleton{0%{background-position:100% 50%}100%{background-position:0 50%}}.sw-display{padding:.85rem .5rem;border:1px solid #e2e8f0;border-radius:.75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);text-align:center;font-family:Bahnschrift,'DIN Alternate',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:clamp(2.1rem, 9vw, 3rem);font-weight:700;letter-spacing:.01em;color:#0f172a;transition:color .25s,box-shadow .25s}.sw-display.is-running{color:#4338ca;box-shadow:inset 0 0 0 1px rgba(99,102,241,.25)}.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.05rem;border:0;border-radius:.55rem;background:#3b82f6;color:#fff;font-size:.85rem;font-weight:500;line-height:1.5;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1)}.btn-solid:hover{box-shadow:0 8px 18px -8px rgba(59,130,246,.7);transform:translateY(-1px)}.btn-solid:active{transform:translateY(0)}.btn-solid:disabled{opacity:.5;box-shadow:none;transform:none;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.05rem;border:1px solid #cbd5e1;border-radius:.55rem;background:#fff;color:#334155;font-size:.85rem;font-weight:500;line-height:1.5;cursor:pointer;transition:.25s cubic-bezier(.4, 0, .2, 1)}.btn-outline:hover:not(:disabled){border-color:#3b82f6;color:#1d4ed8;background:#eff6ff}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.sw-hint{margin-top:.9rem;font-size:.72rem;line-height:1.8;color:#94a3b8}.sw-hint kbd{display:inline-block;padding:0 .3rem;border:1px solid #e2e8f0;border-bottom-width:2px;border-radius:.25rem;background:#f8fafc;font-family:ui-monospace,monospace;font-size:.92em;color:#475569}.sw-foot{margin-top:1rem;padding-top:.9rem;border-top:1px dashed #eef2f7}.sw-foot p{font-size:.72rem;line-height:1.8;color:#94a3b8}.sw-foot i{margin-right:.3rem;color:#cbd5e1}.prog-note{margin-top:auto;padding-top:.9rem;font-size:.72rem;line-height:1.8;color:#94a3b8}.cmp-grid{display:grid;gap:1rem}@media (min-width:768px){.cmp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem}}.cmp-row{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px dashed #eef2f7}.cmp-row__label{display:flex;flex-direction:column;gap:.1rem;font-size:.82rem;font-weight:600;color:#475569}.cmp-row__label em{font-style:normal;font-size:.68rem;font-weight:400;color:#94a3b8}.cmp-row__value{font-family:Bahnschrift,'DIN Alternate',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600;color:#0f172a;white-space:nowrap}.cmp-row__value.is-muted{color:#64748b}@media (min-width:768px){.cmp-row__value{font-size:1.42rem}}.cmp-diff{display:flex;flex-direction:column;gap:.15rem;margin-top:.85rem;padding:.65rem .9rem;border:1px solid #e2e8f0;border-radius:.65rem;background:#f8fafc}.cmp-diff__val{font-size:1rem;font-weight:700;color:#334155}.cmp-diff__note{font-size:.7rem;color:#94a3b8}.cmp-diff.is-ok{border-color:#bbf7d0;background:#f0fdf4}.cmp-diff.is-ok .cmp-diff__val{color:#15803d}.cmp-diff.is-warn{border-color:#fed7aa;background:#fff7ed}.cmp-diff.is-warn .cmp-diff__val{color:#c2410c}.cmp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-content:start}.cmp-history{margin-top:1rem;padding-top:.85rem;border-top:1px dashed #eef2f7}.cmp-history__head{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;color:#94a3b8}.cmp-history__list{margin-top:.35rem;font-size:.78rem;color:#475569}.cmp-history__list li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px dashed #f5f7fa;font-variant-numeric:tabular-nums}.cmp-history__list li:last-child{border-bottom:0}.cmp-history__list li.is-empty{color:#94a3b8;border-bottom:0}.cmp-note{margin-top:.85rem;font-size:.72rem;line-height:1.8;color:#94a3b8}.cmp-note code{padding:.05rem .3rem;border-radius:.25rem;background:#f1f5f9;font-family:ui-monospace,monospace;font-size:.92em;color:#334155}.sw-laps li,.sw-laps-head{display:grid;grid-template-columns:2.2rem 1fr 1fr;align-items:center;gap:.5rem;padding:.3rem .5rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:.78rem}.sw-laps-head{color:#94a3b8;font-size:.7rem;border-bottom:1px solid #eef2f7;font-family:inherit}.sw-laps{max-height:168px;overflow-y:auto;scrollbar-width:thin}.sw-laps li:nth-child(odd){background:#f8fafc;border-radius:.35rem}.sw-laps li span:first-child{color:#94a3b8}.sw-laps li span:last-child{color:#1e293b;font-weight:600;text-align:right}.sw-laps li span:nth-child(2){color:#475569;text-align:right}.ts-now{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem .9rem;padding:.7rem .85rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.ts-now>div{min-width:0}.ts-now__label{font-size:.68rem;color:#64748b}.ts-now__value{font-family:Bahnschrift,'DIN Alternate',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600;letter-spacing:.01em;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-now__value--ms{font-size:.88rem;color:#3b82f6}.field-label{display:block;margin-bottom:.35rem;font-size:.78rem;font-weight:500;color:#475569}.field-input{width:100%;min-height:40px;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.55rem;background:#fff;color:#0f172a;font-size:.85rem;line-height:1.5;outline:0;transition:border-color .2s,box-shadow .2s}.field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.field-result{margin-top:.5rem;font-size:.78rem;line-height:1.7;color:#64748b;word-break:break-word}.field-result strong{color:#0f172a;font-weight:600}.field-result .mono,.field-result code{padding:.05rem .3rem;border-radius:.25rem;background:#f1f5f9;font-family:ui-monospace,monospace;font-size:.95em;color:#1d4ed8}.field-result .is-error{color:#dc2626}.prog-item{margin-bottom:.9rem}.prog-item__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.35rem;font-size:.8rem;color:#475569}.prog-item__val{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a}.prog-bar{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden}.prog-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .4s}.prog-item__sub{margin-top:.3rem;font-size:.72rem;color:#94a3b8}.stat-tile{padding:.6rem .7rem;border:1px solid #eef2f7;border-radius:.65rem;background:#f8fafc}.stat-tile__label{font-size:.7rem;color:#64748b}.stat-tile__value{margin-top:.15rem;font-family:Bahnschrift,'DIN Alternate',ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;color:#0f172a;white-space:nowrap}.stat-tile__value--sm{font-size:.88rem;line-height:1.6}.prose-block h3{margin:1.3rem 0 .5rem;font-size:1rem;font-weight:700;color:#1f2937}.prose-block h3:first-child{margin-top:0}.prose-block li,.prose-block p{font-size:.9rem;line-height:1.9;color:#4b5563}.prose-block ul{margin:.5rem 0;padding-left:1.15rem;list-style:disc}.prose-block li{margin:.15rem 0}.prose-block .mono{padding:.05rem .3rem;border-radius:.25rem;background:#f1f5f9;font-family:ui-monospace,monospace;font-size:.92em;color:#334155;word-break:break-all}.code-block{margin-top:.5rem;padding:.9rem 1rem;border-radius:.6rem;background:#0f172a;overflow-x:auto;font-size:.78rem;line-height:1.85;color:#e2e8f0}.code-block code{font-family:ui-monospace,monospace;white-space:pre}.api-params{margin:.85rem 0;border:1px solid #eef2f7;border-radius:.65rem;background:#fff;overflow:hidden}.api-param{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.35rem .9rem;padding:.65rem .9rem}.api-param+.api-param{border-top:1px solid #f1f5f9}.api-param dt{font-size:.82rem;font-weight:600;color:#4f46e5}.api-param dd{margin:0;font-size:.82rem;line-height:1.85;color:#4b5563}.api-param code{padding:.05rem .3rem;border-radius:.25rem;background:#f1f5f9;font-family:ui-monospace,monospace;font-size:.92em;color:#334155}.api-param dt code{background:#eef2ff;color:#4338ca}.faq-item{margin-bottom:.6rem;padding:.75rem 1rem;border:1px solid #eef2f7;border-radius:.65rem;background:#fff;transition:background .2s,border-color .2s}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9rem;font-weight:600;color:#1f2937;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';flex:none;font-size:1.1rem;font-weight:400;line-height:1;color:#94a3b8}.faq-item[open] summary::after{content:'\2212'}.faq-item[open]{border-color:#dbeafe;background:#fbfdff}.faq-item p{margin-top:.6rem;font-size:.85rem;line-height:1.85;color:#4b5563}.faq-item a{color:#3b82f6;text-decoration:underline;text-underline-offset:2px}@media (max-width:640px){.api-param{grid-template-columns:1fr;gap:.1rem}.clock-time{flex-wrap:nowrap}.zone-select{width:100%}.clock-actions>.btn-ghost{flex:1 1 auto;justify-content:center}.clock-actions .btn-ghost kbd{display:none}.switch{margin:0 auto}.world-clock{max-height:316px}}@media (prefers-reduced-motion:reduce){.sync-badge__dot,.wc-skeleton{animation:none}*{transition-duration:0s!important}}