.tb{--tb-glass:var(--glass4,rgba(19,22,25,.9));--tb-line:var(--line,#262c32);--tb-line2:var(--line2,#39424a);--tb-fg:var(--fg,#f2f4f3);--tb-fg2:var(--fg2,#c9d0d2);--tb-mute:var(--mute,#98a1a6);--tb-accent:var(--accent,#8fe0b7);--tb-onaccent:var(--onaccent,#0d1012);--tb-card2:var(--card2,#1f2429);--tb-sunc:var(--sunc,#ffd27a);--tb-night:var(--track-night,#070a0e);--tb-shadow:var(--shadow,0 18px 40px -18px rgba(0,0,0,.7));--tb-font:var(--font,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);--tb-bot:var(--bot,env(safe-area-inset-bottom,0px));position:absolute;left:50%;bottom:calc(16px + var(--tb-bot));transform:translateX(-50%);width:calc(100% - 24px);max-width:720px;z-index:8;display:flex;flex-direction:column;gap:8px;padding:10px 14px 10px;background:var(--tb-glass);color:var(--tb-fg);border:1px solid var(--tb-line);border-radius:22px;box-shadow:var(--tb-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--tb-font);-webkit-user-select:none;user-select:none;box-sizing:border-box;}.tb *,.tb *::before,.tb *::after{box-sizing:border-box}.tb button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tb-main{display:flex;align-items:center;gap:12px;min-height:56px}.tb-play{flex:none;width:52px;height:52px;border-radius:50%;border:0;background:var(--tb-accent);color:var(--tb-onaccent);display:grid;place-items:center;padding:0;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--tb-accent) 70%,transparent);transition:transform .12s ease;}.tb-play:active{transform:scale(.94)}.tb-play svg{width:26px;height:26px;fill:currentColor}.tb-playing .tb-play{box-shadow:0 0 0 4px color-mix(in srgb,var(--tb-accent) 25%,transparent)}.tb-time{flex:none;min-width:84px;text-align:center;font-weight:800;font-size:30px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}.tb-night .tb-time{color:var(--tb-fg2)}.tb-scrub{position:relative;flex:1;min-width:0;height:56px}.tb-track{position:absolute;left:0;right:0;top:19px;height:14px;border-radius:8px;background:var(--tb-night);border:1px solid var(--tb-line2);overflow:visible;}.tb-lit{position:absolute;top:0;bottom:0;border-radius:7px;background:color-mix(in srgb,var(--tb-sunc) 75%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--tb-sunc) 45%,transparent);}.tb-mark{position:absolute;top:-5px;width:2px;height:22px;margin-left:-1px;background:var(--tb-sunc);border-radius:1px;opacity:.95;}.tb-thumb{position:absolute;top:50%;width:28px;height:28px;margin-left:-14px;transform:translateY(-50%);border-radius:50%;background:var(--tb-sunc);color:#2a1d00;border:2px solid color-mix(in srgb,var(--tb-fg) 20%,transparent);box-shadow:0 3px 10px rgba(0,0,0,.35);display:grid;place-items:center;pointer-events:none;transition:background .2s;}.tb-thumb svg{width:16px;height:16px;fill:currentColor}.tb-night .tb-thumb{background:var(--tb-card2);color:var(--tb-mute);border-color:var(--tb-line2)}.tb-range{position:absolute;left:-14px;right:-14px;top:0;height:52px;width:calc(100% + 28px);margin:0;padding:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;}.tb-range:focus-visible ~ .tb-ticks{color:var(--tb-accent)}.tb-scrub:has(.tb-range:focus-visible) .tb-track{outline:2px solid var(--tb-accent);outline-offset:3px}.tb-ticks{position:absolute;left:0;right:0;top:40px;height:14px;font-size:10.5px;font-weight:600;color:var(--tb-mute);line-height:1;pointer-events:none;}.tb-ticks span{position:absolute;transform:translateX(-50%)}.tb-ticks span:first-child{transform:none}.tb-ticks span:last-child{transform:translateX(-100%)}.tb-marklbl{position:absolute;top:2px;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:var(--tb-sunc);line-height:1;pointer-events:none;white-space:nowrap;}.tb-date{display:flex;align-items:center;gap:10px;min-height:44px}.tb-chips{display:flex;gap:4px;flex:none}.tb-speed{display:flex;gap:2px;flex:none;padding:2px;border-radius:12px;border:1px solid var(--tb-line)}.tb-speed .tb-chip{min-height:32px;padding:0 9px;border-radius:9px;font-variant-numeric:tabular-nums}.tb-spd{display:none;flex:none;min-width:44px;height:40px;padding:0 8px;border-radius:12px;border:1px solid var(--tb-line);background:transparent;color:var(--tb-fg);font:700 13px/1 var(--tb-font);font-variant-numeric:tabular-nums;cursor:pointer}.tb-spd:focus-visible{outline:2px solid var(--tb-accent);outline-offset:2px}.tb-chip{min-height:36px;padding:0 11px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--tb-mute);font-weight:600;font-size:12.5px;line-height:1;white-space:nowrap;}.tb-chip:hover{color:var(--tb-fg)}.tb-chip.on{background:var(--tb-card2);color:var(--tb-fg);border-color:var(--tb-line2)}.tb-chip:focus-visible,.tb-play:focus-visible,.tb-cal:focus-visible{outline:2px solid var(--tb-accent);outline-offset:2px}.tb-months{position:relative;flex:1;min-width:0;height:44px}.tb-mticks{position:absolute;left:0;right:0;top:0;height:16px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--tb-mute);line-height:1;pointer-events:none;}.tb-mticks span{width:1em;text-align:center}.tb-months::before{content:'';position:absolute;left:0;right:0;top:27px;height:4px;border-radius:2px;background:var(--tb-line2);}.tb-mthumb{position:absolute;top:29px;width:18px;height:18px;margin-left:-9px;transform:translateY(-50%);border-radius:50%;background:var(--tb-accent);border:2px solid var(--tb-glass);box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none;}.tb-mrange{position:absolute;left:-9px;right:-9px;top:14px;height:30px;width:calc(100% + 18px);margin:0;padding:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;}.tb-months:has(.tb-mrange:focus-visible)::before{outline:2px solid var(--tb-accent);outline-offset:4px}.tb-exact{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:11px;background:var(--tb-card2);border:1px solid var(--tb-line2);font-size:12.5px;font-weight:600;color:var(--tb-fg);white-space:nowrap;cursor:pointer;}.tb-datein{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0;}.tb-exact:has(.tb-datein:focus-visible){outline:2px solid var(--tb-accent);outline-offset:2px}.tb-cal{display:none;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--tb-line2);background:var(--tb-card2);color:var(--tb-fg);place-items:center;padding:0;}.tb-cal svg{width:22px;height:22px}.tb-open .tb-cal{background:var(--tb-accent);color:var(--tb-onaccent);border-color:transparent}@media (max-width:600px){.tb{left:8px;right:8px;width:auto;max-width:none;transform:none;bottom:calc(10px + var(--tb-bot) + var(--sheet-h,0px));padding:8px 10px;border-radius:18px;gap:6px;}.tb-main{gap:8px;min-height:52px}.tb-play{width:48px;height:48px}.tb-time{min-width:66px;font-size:24px}.tb-cal{display:grid}.tb-spd{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:46px}.tb-speed{display:none}.tb-date{display:none;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid var(--tb-line)}.tb-open .tb-date{display:flex}.tb-chips{flex:1 1 100%;justify-content:space-between}.tb-chip{flex:1;min-height:40px;padding:0 6px;font-size:12px}.tb-months{flex:1 1 60%}.tb-exact{flex:0 0 auto;min-height:40px}}@media (orientation:landscape) and (max-height:520px) and (min-width:640px){.tb-date{flex-wrap:wrap;row-gap:4px}.tb-months{flex:1 1 100%}.tb-exact{flex:0 0 auto}}@media (prefers-reduced-motion:reduce){.tb-play,.tb-thumb{transition:none}}