.ts{position:fixed;left:50%;transform:translate(-50%) translate(var(--drag-x, 0px),var(--drag-y, 0px));bottom:2.2rem;z-index:10;width:min(38rem,calc(100vw - 34rem));padding:.55rem .95rem .5rem;border-radius:10px;background:color-mix(in srgb,var(--color-bg) 62%,transparent);border:1px solid color-mix(in srgb,var(--color-text-muted) 16%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono);user-select:none}.ts-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ts-label{font-size:9px;letter-spacing:.22em;color:var(--color-text-secondary)}.ts-offset{margin-left:auto;font-size:11px;letter-spacing:.1em;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.ts-offset--ff{color:var(--color-danger)}.ts-offset--past{color:var(--color-warn)}.ts-offset--future{color:var(--color-time-future)}.ts-day{font-family:inherit;font-size:8px;line-height:1;color:var(--color-text-secondary);background:transparent;border:1px solid color-mix(in srgb,var(--color-text-muted) 28%,transparent);border-radius:6px;padding:3px 6px;cursor:pointer;transition:border-color .18s ease,color .18s ease}.ts-day:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text-muted) 55%,transparent)}.ts-date{font-family:inherit;font-size:10px;letter-spacing:.08em;color:var(--color-text);background:transparent;border:1px solid color-mix(in srgb,var(--color-text-muted) 28%,transparent);border-radius:6px;padding:1px 5px;color-scheme:dark;cursor:pointer;transition:border-color .18s ease}.ts-date:hover,.ts-date:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);outline:none}.ts-date::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.ts-now{font-family:inherit;font-size:9px;letter-spacing:.18em;color:var(--color-accent);background:transparent;border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:999px;padding:2px 9px;cursor:pointer;transition:background .18s ease,color .18s ease}.ts-now:hover{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.ts-rail{position:relative;height:48px;cursor:ew-resize;touch-action:none;outline:none}.ts-rail:focus-visible{border-radius:4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.ts-light{position:absolute;inset:3px 0 13px;pointer-events:none}.ts-light__seg{position:absolute;top:0;bottom:0;border-radius:2px}.ts-light__seg--day{background:color-mix(in srgb,var(--color-sun-glow) 8%,transparent)}.ts-light__seg--golden{background:color-mix(in srgb,var(--color-golden-hour) 36%,transparent)}.ts-light__seg--blue{background:color-mix(in srgb,var(--color-blue-hour) 34%,transparent)}.ts-light__seg--nautical{background:color-mix(in srgb,var(--color-moonlight) 16%,transparent)}.ts-light__seg--astro{background:color-mix(in srgb,var(--color-moonlight) 8%,transparent)}.ts-light__seg--night{background:color-mix(in srgb,var(--color-night-band) 65%,transparent)}.ts-curves{position:absolute;inset:3px 0 13px;width:100%;height:32px;pointer-events:none;overflow:visible}.ts-curves path{fill:none;vector-effect:non-scaling-stroke}.ts-curves__horizon{stroke:color-mix(in srgb,var(--color-text-muted) 35%,transparent);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.ts-curves__sun{stroke:color-mix(in srgb,var(--color-sun-glow) 85%,transparent);stroke-width:1.4}.ts-curves__moon{stroke:color-mix(in srgb,var(--color-moonlight) 70%,transparent);stroke-width:1}.ts-curves__trace-blocked{stroke:color-mix(in srgb,var(--color-text-muted) 42%,transparent);stroke-width:1.6;stroke-dasharray:2 3}.ts-curves__trace-clear{stroke:color-mix(in srgb,var(--color-accent) 52%,transparent);stroke-width:2.4}.ts-curves__trace-frame{stroke:color-mix(in srgb,var(--color-accent) 78%,transparent);stroke-width:5;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--color-accent) 55%,transparent))}.ts-curves path.ts-curves__meteor{fill:color-mix(in srgb,var(--color-star) 16%,transparent);stroke:color-mix(in srgb,var(--color-star) 55%,transparent);stroke-width:1.2}.ts-ticks{position:absolute;inset:0;pointer-events:none}.ts-tick{position:absolute;bottom:12px;width:1px;height:5px;transform:translate(-50%);background:color-mix(in srgb,var(--color-text-muted) 45%,transparent)}.ts-tick--major{height:8px;background:color-mix(in srgb,var(--color-text-muted) 80%,transparent)}.ts-tick--midnight{height:32px;background:color-mix(in srgb,var(--color-text-secondary) 70%,transparent)}.ts-tick__label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1px;font-size:7.5px;letter-spacing:.08em;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ts-tick--midnight .ts-tick__label{color:var(--color-text-secondary)}.ts-cursor{position:absolute;left:50%;top:-4px;bottom:11px;width:2px;transform:translate(-50%);border-radius:1px;background:color-mix(in srgb,var(--color-accent) 88%,transparent);box-shadow:0 0 6px #38e1d08c;pointer-events:none;transition:background .18s ease,box-shadow .18s ease}.ts-cursor:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:9px;height:12px;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);background:inherit}.ts-cursor--pinned{background:var(--color-warn);box-shadow:0 0 6px #e8a26899}.ts-cursor--future{background:var(--color-time-future);box-shadow:0 0 6px #7cb0f599}.ts-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.ts-span{font-size:9px;letter-spacing:.14em;color:var(--color-text-muted)}.ts-transport{display:flex;align-items:center;gap:8px}.ts-step{display:inline-flex;align-items:center;gap:3px}.ts-step__unit{font-size:8px;letter-spacing:.14em;color:var(--color-text-muted)}.ts-play{font-family:inherit;font-size:9px;line-height:1;color:var(--color-text-secondary);background:transparent;border:1px solid color-mix(in srgb,var(--color-text-muted) 28%,transparent);border-radius:999px;padding:3px 9px;cursor:pointer;transition:border-color .18s ease,color .18s ease}.ts-play:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-text-muted) 55%,transparent)}.ts-play.is-on{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.ts-play.is-on.is-ff{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 45%,transparent)}.ts-rate{font-family:inherit;font-size:9px;letter-spacing:.08em;color:var(--color-text);background:transparent;border:1px solid color-mix(in srgb,var(--color-text-muted) 28%,transparent);border-radius:6px;padding:2px 4px;color-scheme:dark;cursor:pointer;transition:border-color .18s ease}.ts-rate:hover,.ts-rate:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);outline:none}.ts-ff{font-size:9px;letter-spacing:.18em;color:var(--color-danger);white-space:nowrap}@media(max-width:900px){.ts{left:1rem;right:1rem;max-width:none;bottom:9.2rem}}