@import url('/css/toolkit.css');
.ts-now { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.ts-big { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .8rem; align-items: center; padding: 1rem 1.1rem; border-radius: 14px; background: var(--bg-1); border: 1px solid var(--line); }
.ts-lab { grid-column: 1 / -1; font-size: .76rem; color: var(--text-3); }
.ts-big b { font-family: var(--font-mono); font-size: clamp(1.4rem, 3.4vw, 2rem); font-weight: 600; color: var(--accent); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; line-height: 1.25; }
.ts-nowtext { font-size: .84rem; color: var(--text-2); overflow-wrap: anywhere; }
.ts-datewrap { display: grid; grid-template-columns: minmax(0, 1fr) 46px; gap: .5rem; }
.tk-wrap .ts-datewrap input[type=datetime-local] { padding: 0; width: 46px; color: transparent; cursor: pointer; }
.tk-wrap .ts-datewrap input[type=datetime-local]::-webkit-datetime-edit { display: none; }
.tk-wrap .ts-datewrap input[type=datetime-local]::-webkit-calendar-picker-indicator { opacity: .7; cursor: pointer; width: 100%; height: 100%; margin: 0; padding: 0 12px; background-size: 18px; }
[data-theme="dark"] .tk-wrap .ts-datewrap input[type=datetime-local]::-webkit-calendar-picker-indicator { filter: invert(1); }
.ts-quick { display: grid; gap: .55rem; }
.ts-quick .tk-hint { margin-top: .2rem; }
@media (max-width: 560px) { .ts-now { grid-template-columns: 1fr; } }