.current-time.svelte-gexalh{padding:var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.time-display.svelte-gexalh{display:flex;flex-direction:column;gap:var(--space-md)}.timestamp.svelte-gexalh,.datetime.svelte-gexalh{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.format-toggles.svelte-gexalh{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-md)}.toggle-group.svelte-gexalh{display:flex;flex-direction:column;gap:var(--space-xs)}.toggle-label.svelte-gexalh{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-sm)}.toggle-label.svelte-gexalh>span:where(.svelte-gexalh){min-width:100px;padding-top:6px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.toggle-button.svelte-gexalh{padding:var(--space-xs) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.toggle-button.svelte-gexalh:hover{background:var(--color-surface-elevated);border-color:var(--color-primary-light)}.toggle-button.active.svelte-gexalh{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toggle-button.svelte-gexalh:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.toggle-button.svelte-gexalh:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-button.svelte-gexalh:not(:first-of-type):not(:last-of-type){border-radius:0;border-right:none}.converter-section.svelte-gexalh{display:flex;flex-direction:column;gap:var(--space-lg)}.input-group.svelte-gexalh{display:flex;flex-direction:column;gap:var(--space-sm)}.input-group.svelte-gexalh label:where(.svelte-gexalh){font-weight:500;color:var(--color-text-secondary)}.input-with-button.svelte-gexalh{display:flex;gap:var(--space-sm);position:relative}.input.svelte-gexalh{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-mono);transition:all var(--transition-fast)}.picker-trigger.svelte-gexalh{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;min-height:42px}.picker-trigger.placeholder.svelte-gexalh{color:var(--color-text-secondary)}.input.svelte-gexalh:focus,.picker-trigger.svelte-gexalh:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.date-picker-container.svelte-gexalh{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:300px;padding:var(--space-md)}.picker-header.svelte-gexalh{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.current-month.svelte-gexalh{font-weight:600;color:var(--color-text-primary)}.nav-btn.svelte-gexalh{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm)}.nav-btn.svelte-gexalh:hover{background:var(--color-surface-elevated);color:var(--color-primary)}.calendar-grid.svelte-gexalh{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--space-md)}.weekday.svelte-gexalh{text-align:center;font-size:.75rem;color:var(--color-text-secondary);padding-bottom:var(--space-xs)}.day.svelte-gexalh{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);font-size:.875rem}.day.svelte-gexalh:hover:not(.empty){background:var(--color-surface-elevated)}.day.selected.svelte-gexalh{background:var(--color-primary);color:#fff}.day.empty.svelte-gexalh{cursor:default}.time-selector.svelte-gexalh{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.time-inputs.svelte-gexalh{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.time-col.svelte-gexalh{display:flex;flex-direction:column;align-items:center}.time-col.svelte-gexalh label:where(.svelte-gexalh){font-size:.7rem;color:var(--color-text-secondary);margin-bottom:2px}.time-col.svelte-gexalh input:where(.svelte-gexalh){width:40px;text-align:center;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-primary)}.time-col.svelte-gexalh input:where(.svelte-gexalh):focus{outline:none;border-color:var(--color-primary)}.separator.svelte-gexalh{font-weight:700;color:var(--color-text-secondary);margin-top:12px}.ampm-toggle.svelte-gexalh{margin-left:var(--space-sm);margin-top:12px;padding:4px 8px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500}.ampm-toggle.svelte-gexalh:hover{border-color:var(--color-primary)}.picker-footer.svelte-gexalh{margin-top:var(--space-md)}.input-error.svelte-gexalh{border-color:var(--color-error, #ef4444)!important}.input-error.svelte-gexalh:focus{box-shadow:0 0 0 3px #ef44441a!important}.error-message.svelte-gexalh{display:block;color:var(--color-error, #ef4444);font-size:.875rem;margin-top:-4px;padding-left:4px}.result-grid.svelte-gexalh{display:flex;flex-direction:column;gap:var(--space-sm)}.result-item.svelte-gexalh{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.label.svelte-gexalh{font-weight:500;color:var(--color-text-secondary)}.value.svelte-gexalh{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-primary);word-break:break-all}@media (max-width: 768px){.result-item.svelte-gexalh{grid-template-columns:1fr;gap:var(--space-sm)}.input-with-button.svelte-gexalh{flex-direction:column}.timestamp.svelte-gexalh,.datetime.svelte-gexalh{flex-direction:column;align-items:flex-start}.toggle-label.svelte-gexalh{flex-direction:column;align-items:stretch}.toggle-label.svelte-gexalh>span:where(.svelte-gexalh){min-width:auto;padding-top:0}}