.timestamp-converter{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.timestamp-converter .buttons{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.timestamp-converter .buttons button[aria-pressed=true]{background-color:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:650}.timestamp-converter .buttons button[aria-pressed=true]:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.timestamp-converter #ts-epoch,.timestamp-converter #ts-date{font-family:var(--font-mono)}.timestamp-converter .row{gap:var(--s2);display:flex}.timestamp-converter .row button{min-height:36px;padding:0 var(--s3);font-size:.82rem}.timestamp-converter .tk-headline{font-size:clamp(1.2rem,3.4vw,1.6rem)}.timestamp-converter .tk-result-hint,.timestamp-converter .tk-breakdown li:nth-child(2) span:last-child{font-family:var(--font-mono);font-size:.82rem}.timestamp-converter code{background-color:var(--surface-inset);border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.85em}