.tm-unix-timestamp-converter{container-type:inline-size}.utc-live-bar{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--cat-dev-bg, color-mix(in srgb, var(--color-accent) 10%, var(--color-bg-2)));border:1px solid color-mix(in srgb,var(--color-accent) 20%,var(--color-border));border-radius:var(--radius-xl);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.utc-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent, #2563eb);flex-shrink:0;animation:utc-pulse-dot 1.4s ease-in-out infinite}@keyframes utc-pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.utc-live-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cat-dev-fg, var(--color-text-2));white-space:nowrap}.utc-live-value{flex:1;font-family:var(--font-mono);font-size:clamp(15px,2vw,20px);font-weight:600;color:var(--color-text-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.utc-live-copy-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);min-height:44px;padding:var(--spacing-1) var(--spacing-3);border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));border-radius:var(--radius-md);background:var(--color-accent, #2563eb);color:#fff;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.utc-live-copy-btn:hover{background:color-mix(in srgb,var(--color-accent) 85%,black)}.utc-live-copy-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.utc-inputs-area{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:var(--spacing-4)}@container (max-width: 540px){.utc-inputs-area{grid-template-columns:1fr}.utc-arrow{display:flex;justify-content:center;transform:rotate(0)}}.utc-field-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.utc-field-header{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.utc-field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-2)}.utc-unit-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;font-family:var(--font-mono);background:color-mix(in srgb,#16a34a 12%,transparent);color:#14532d;border:1px solid color-mix(in srgb,#16a34a 25%,transparent)}.utc-unit-badge--amber{background:color-mix(in srgb,#d97706 12%,transparent);color:#d97706;border-color:color-mix(in srgb,#d97706 25%,transparent)}.utc-input-row{position:relative;display:flex;align-items:center;container-type:inline-size}.utc-text-input{width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.utc-text-input--has-clear{padding-right:44px}@container (max-width: 219px){.utc-text-input--has-clear{padding-right:var(--spacing-3)}}.utc-text-input--mono{font-family:var(--font-mono)}.utc-text-input::placeholder{color:var(--color-text-3)}.utc-text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.utc-text-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.utc-text-input--error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.utc-clear-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-3);cursor:pointer;transition:color .1s ease,background .1s ease}.utc-clear-btn:hover{color:var(--color-text-1);background:var(--color-bg-3)}.utc-clear-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.utc-field-hint{font-size:12px;color:var(--color-text-3);margin:0;line-height:1.4}.utc-field-error{font-size:12px;color:#dc2626;margin:0;display:flex;align-items:center;gap:4px}.utc-field-error:before{content:"⚠";font-size:11px}.utc-unit-row{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.utc-unit-label{font-size:12px;font-weight:500;color:var(--color-text-2);white-space:nowrap}.utc-arrow{font-size:20px;color:var(--color-text-3);padding-top:28px;user-select:none}.utc-tz-row{display:flex;align-items:flex-start;gap:var(--spacing-3);flex-wrap:wrap}.utc-tz-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-2);white-space:nowrap;padding-top:11px}.utc-tz-group{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:200px}.utc-select{min-height:44px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.utc-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.utc-select--unit{min-width:100px}.utc-select--tz{width:100%}.utc-tz-search{min-height:36px;padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font:inherit;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease}.utc-tz-search:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg)}.utc-tz-search::placeholder{color:var(--color-text-3)}.utc-output-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-2);overflow:hidden;margin-bottom:var(--spacing-4)}.utc-output-panel--empty{background:var(--color-bg-2)}.utc-output-heading{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-2);background:var(--color-bg-3)}.utc-empty-prompt{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-text-3);font-size:14px;margin:0}.utc-relative-time{padding:var(--spacing-2) var(--spacing-4) 0;font-size:13px;color:var(--color-text-2);font-style:italic;min-height:28px}.utc-format-rows{padding:var(--spacing-2) 0}.utc-output-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);opacity:0;transition:background .1s ease}.utc-output-row:hover{background:var(--color-bg-3)}.utc-output-row--visible{animation:utc-fade-in .18s ease forwards}.utc-output-row:nth-child(1).utc-output-row--visible{animation-delay:0ms}.utc-output-row:nth-child(2).utc-output-row--visible{animation-delay:50ms}.utc-output-row:nth-child(3).utc-output-row--visible{animation-delay:.1s}.utc-output-row:nth-child(4).utc-output-row--visible{animation-delay:.15s}.utc-output-row:nth-child(5).utc-output-row--visible{animation-delay:.2s}@keyframes utc-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.utc-output-row--visible{animation:none;opacity:1}}.utc-output-label{font-size:12px;font-weight:600;color:var(--color-text-2);white-space:nowrap}.utc-output-val{font-family:var(--font-mono);font-size:13px;color:var(--color-text-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utc-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-3);color:var(--color-text-2);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.utc-copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.utc-copy-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.utc-note{margin:var(--spacing-1) var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:12px;line-height:1.5}.utc-note--info{background:color-mix(in srgb,var(--color-accent) 8%,transparent);color:var(--color-text-2);border:1px solid color-mix(in srgb,var(--color-accent) 15%,transparent)}.utc-note--subtle{background:var(--color-bg-3);color:var(--color-text-3);border:1px solid var(--color-border)}.utc-units-panel{border-top:1px solid var(--color-border);margin-top:var(--spacing-2);padding-top:var(--spacing-1)}.utc-units-heading{padding:var(--spacing-2) var(--spacing-4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-3)}.utc-unit-row-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:background .1s ease}.utc-unit-row-item:hover{background:var(--color-bg-3)}.utc-unit-row-label{font-size:12px;font-weight:700;color:var(--color-text-2)}.utc-unit-row-val{font-family:var(--font-mono);font-size:13px;color:var(--color-text-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utc-trust{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:color-mix(in srgb,#16a34a 8%,transparent);color:#166534;font-size:12px;font-weight:500;margin:0;border:1px solid color-mix(in srgb,#16a34a 15%,transparent)}.utc-copy-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(8px);display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-text-1);color:var(--color-bg-1);font-size:13px;font-weight:500;box-shadow:0 4px 16px #0000002e;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999}.utc-copy-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes utc-value-flash{0%{background-color:var(--cat-dev-bg, color-mix(in srgb, var(--color-accent) 12%, transparent))}to{background-color:transparent}}.utc-output-val--flash{animation:utc-value-flash .2s ease}.utc-kbd-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-3);font-family:var(--font-mono);white-space:nowrap}.utc-kbd-hint kbd{font-family:var(--font-mono);font-size:11px;line-height:1;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-2);padding:3px 6px;border-radius:5px;min-width:18px;text-align:center}.utc-kbd-sep{opacity:.4;margin:0 1px}@media(max-width:680px){.utc-kbd-hint{display:none}}[data-theme=dark] .utc-text-input,[data-theme=dark] .utc-select,[data-theme=dark] .utc-tz-search,[data-theme=dark] .utc-output-panel{background:var(--color-bg-3)}[data-theme=dark] .utc-output-row:hover,[data-theme=dark] .utc-unit-row-item:hover{background:color-mix(in srgb,white 4%,transparent)}[data-theme=dark] .utc-output-label,[data-theme=dark] .utc-unit-row-label{color:var(--color-text-1)}@container (min-width: 640px){.utc-format-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.utc-output-val{overflow:visible;text-overflow:unset;white-space:normal;word-break:break-all}}@container (max-width: 540px){.utc-output-row{grid-template-columns:90px 1fr auto}.utc-unit-row-item{grid-template-columns:36px 1fr auto}.utc-tz-row{flex-direction:column}.utc-tz-label{padding-top:0}.utc-tz-group{min-width:0;width:100%}}@container (max-width: 400px){.utc-live-bar{gap:var(--spacing-2)}.utc-live-value{font-size:15px}}