.app-header{min-height:4rem;padding:.625rem var(--app-gutter);color:var(--text-normal);background:var(--background-raised);border-bottom:1px solid var(--separator);grid-row:1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{min-width:0;color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:2.25rem;height:2.25rem}.brand span{gap:.125rem;min-width:0;display:grid}.brand strong{font-size:.9375rem;line-height:1.1}.brand small{color:var(--text-faint);font-size:.75rem;line-height:1.1}.theme-picker,.theme-options{align-items:center;display:flex}.theme-picker{gap:.625rem}.theme-picker-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.theme-options{background:var(--background-input);border:1px solid var(--separator);border-radius:.625rem;gap:.125rem;padding:.1875rem}.theme-option{min-height:1.875rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.theme-option:hover{color:var(--text-normal);background:var(--background-hover)}.theme-option.is-active{color:var(--accent-contrast);background:var(--accent)}@media (width<=540px){.theme-picker-label,.brand small{display:none}.theme-option{padding-inline:.5rem}}@media (width>=901px) and (height<=51.25rem){.app-header{min-height:3.5rem;padding-block:.375rem}.brand img{width:2rem;height:2rem}}.timezone-combobox{min-width:0;position:relative}.timezone-input{padding-right:2.5rem}.combobox-chevron{color:var(--text-faint);pointer-events:none;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:.875rem;transform:translateY(-58%)}.timezone-options{z-index:10;border:1px solid var(--separator-strong);background:var(--background-raised);border-radius:.5rem;width:100%;max-height:17.5rem;margin:.375rem 0 0;padding:.375rem;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 .625rem 1.5rem #00000038}.timezone-options li{min-height:2.375rem;color:var(--text-normal);cursor:pointer;letter-spacing:normal;text-transform:none;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.375rem .5rem;font-size:.8125rem;font-weight:500;display:flex}.timezone-options li:hover,.timezone-options li.is-active{background:var(--background-hover)}.timezone-options li[aria-selected=true]{color:var(--accent)}.timezone-options small{color:var(--text-faint);flex:none;font-size:.75rem}.timezone-options .no-timezone-results{color:var(--text-faint);cursor:default}.datetime-selector{gap:1.25rem;min-width:0;display:grid}.input-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.form-field,.timezone-field{min-width:0;color:var(--text-muted);letter-spacing:.045em;text-transform:uppercase;gap:.5rem;font-size:.75rem;font-weight:700;display:grid}.form-field input,.timezone-input{border:1px solid var(--separator-strong);width:100%;min-width:0;max-width:100%;min-height:2.75rem;color:var(--text-normal);background:var(--background-input);letter-spacing:normal;text-transform:none;border-radius:.5rem;padding:.625rem .75rem;font-size:.9375rem;font-weight:500}.form-field input:hover,.timezone-input:hover{border-color:var(--text-faint)}.form-field input:focus,.timezone-input:focus{border-color:var(--accent);outline:none}.setup-actions{grid-template-columns:minmax(0,1fr);gap:.625rem;min-width:0;display:grid}.secondary-button{cursor:pointer;border:1px solid var(--separator-strong);width:100%;min-width:0;min-height:2.5rem;color:var(--text-normal);background:var(--background-raised);border-radius:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:700}.secondary-button:hover{background:var(--background-hover)}@container setup (width>=30rem){.input-grid,.setup-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.field-feedback{color:var(--text-faint);margin:0;font-size:.8125rem;line-height:1.45}.field-feedback.is-error{color:var(--danger)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--text-normal);background:var(--background-hover)}.timestamp-output{gap:.625rem;display:grid}.preview-context,.copy-error{padding-inline:var(--app-gutter);color:var(--text-faint);margin:0;font-size:.75rem;line-height:1.35}.timestamp-list{border-top:1px solid var(--separator);width:100%;margin:0}.timestamp-row{width:100%;min-height:4rem;padding:.5rem var(--app-gutter);border-bottom:1px solid var(--separator);cursor:pointer;grid-template-columns:minmax(9.5rem,.9fr) minmax(10rem,1.15fr) minmax(11rem,1fr);align-items:center;gap:.875rem;margin:0;transition:background-color .12s,box-shadow .12s;display:grid}.timestamp-row:hover,.timestamp-row:focus-visible{background:var(--background-hover)}.timestamp-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.timestamp-row:active{background:var(--background-selected)}.timestamp-row.is-copied{background:var(--success-background);box-shadow:inset 0 0 0 1px var(--success-border)}.format-label h3,.format-label p,.format-preview{margin:0}.format-label h3{color:var(--text-normal);font-size:.8125rem;line-height:1.25}.format-label p{color:var(--text-faint);margin-top:.125rem;font-size:.6875rem;line-height:1.25}.format-preview{color:var(--text-normal);font-size:.875rem;line-height:1.35}.code-copy{align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.code-copy code{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;overflow:hidden}.copy-hint{color:var(--text-faint);white-space:nowrap;flex:none;font-size:.6875rem;font-weight:700;line-height:1.25}.timestamp-row:hover .copy-hint,.timestamp-row:focus-visible .copy-hint{color:var(--text-normal)}.copy-hint.is-copied,.timestamp-row:hover .copy-hint.is-copied,.timestamp-row:focus-visible .copy-hint.is-copied{color:var(--success)}.copy-error{color:var(--danger)}.output-empty{padding:1rem var(--app-gutter);color:var(--text-faint);border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);font-size:.9375rem}@container (width<=42rem){.timestamp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.375rem .875rem;padding-block:.625rem}.code-copy{grid-column:1/-1}}@container (width<=31rem){.timestamp-row{grid-template-columns:1fr;gap:.5rem;padding-block:.75rem}.format-preview,.code-copy{grid-column:1}.code-copy{margin-top:.125rem}}@media (width>=781px) and (height<=51.25rem){.timestamp-output{gap:.375rem}.preview-context{font-size:.6875rem}.timestamp-row{min-height:3.25rem;padding-block:.375rem}.format-label p{display:none}}.app-shell{height:100dvh;color:var(--text-normal);grid-template-rows:auto auto minmax(0,1fr);display:grid;overflow:hidden}.domain-notice{min-height:2.75rem;color:var(--text-normal);background:var(--background-selected);border-bottom:1px solid var(--separator);text-align:center;grid-row:2;justify-content:center;align-items:center;padding:.5rem 3.5rem .5rem 1.25rem;font-size:.8125rem;display:flex;position:relative}.domain-notice a{color:inherit;font-weight:700}.domain-name{white-space:nowrap}.underline{text-decoration:underline}.domain-notice-close{font-size:1.5rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.workspace{grid-row:3;grid-template-columns:minmax(18rem,20rem) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.setup-rail,.results-pane{overscroll-behavior:contain;scrollbar-gutter:auto;min-width:0;min-height:0;padding-block:clamp(1.25rem,2.5vw,2rem);overflow-y:auto}.setup-rail{padding-inline:var(--app-gutter);background:var(--background-raised);border-right:1px solid var(--separator);container:setup/inline-size}.results-pane{background:var(--background-base);padding-inline:0;container-type:inline-size}.section-heading,.results-header{margin-bottom:1.25rem}.section-heading h2,.results-header h2{color:var(--text-normal);letter-spacing:-.02em;margin:.25rem 0 0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2}.section-heading>p:last-child{color:var(--text-muted);margin:.75rem 0 0;font-size:.875rem;line-height:1.5}.eyebrow{color:var(--text-faint);letter-spacing:.075em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:800}.results-header{padding-inline:var(--app-gutter);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;display:flex}.results-heading-copy{flex:12rem;min-width:0}.preview-picker,.preview-options{align-items:center;display:flex}.preview-picker{flex:none;gap:.625rem;margin-left:auto}.preview-picker-label{color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.preview-options{background:var(--background-input);border:1px solid var(--separator);border-radius:.625rem;gap:.125rem;padding:.1875rem}.preview-option{min-height:1.875rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700}.preview-option:hover{color:var(--text-normal);background:var(--background-hover)}.preview-option.is-active{color:var(--accent-contrast);background:var(--accent)}@media (width<=900px){.workspace{overscroll-behavior:contain;scrollbar-gutter:auto;display:block;overflow-y:auto}.setup-rail{border-right:0;border-bottom:1px solid var(--separator)}.setup-rail,.results-pane{overscroll-behavior:auto;scrollbar-gutter:auto;padding-block:1.25rem;overflow:visible}.setup-rail{padding-inline:var(--app-gutter)}.results-pane{padding-inline:0}.section-heading,.results-header{margin-bottom:1.5rem}}@media (width>=901px) and (height<=51.25rem){.setup-rail,.results-pane{padding-block:1rem}.section-heading,.results-header{margin-bottom:.75rem}.section-heading>p:last-child{margin-top:.375rem;font-size:.8125rem}}@media (width<=480px){.domain-notice{text-align:left;justify-content:flex-start}}:root{--app-gutter:1.25rem;color:var(--text-normal);background:var(--background-base);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background-base:#1e1f22;--background-raised:#2b2d31;--background-input:#111214;--background-hover:#35373c;--background-selected:#5865f22e;--separator:#ffffff14;--separator-strong:#ffffff21;--text-normal:#f2f3f5;--text-muted:#b5bac1;--text-faint:#949ba4;--accent:#5865f2;--accent-hover:#4752c4;--accent-contrast:#fff;--success:#23a559;--success-background:#23a5592e;--success-border:#23a5598c;--danger:#f23f43}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background-base:#fff;--background-raised:#f2f3f5;--background-input:#fff;--background-hover:#e3e5e8;--background-selected:#e0e3ff;--separator:#0606071a;--separator-strong:#0606072e;--text-normal:#2e3338;--text-muted:#4e5058;--text-faint:#747f8d;--accent:#5865f2;--accent-hover:#4752c4;--accent-contrast:#fff;--success:#168046;--success-background:#d7f5e3;--success-border:#16804673;--danger:#d83c3e}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0;overflow:hidden}body{background:var(--background-base);height:100dvh}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=900px){:root{--app-gutter:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}