.tp-root{width:100%}.tp-track{background:color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:999px;height:.25rem;overflow:hidden}.tp-bar{background:var(--accent-gold);transform-origin:0;will-change:transform;height:100%;transform:scaleX(0)}.tp-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.25rem;display:flex}.em-backdrop{z-index:499;background:0 0;position:fixed;inset:0}.em-picker{z-index:500;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.em-fab{border:.0625rem solid var(--border);background:var(--bg-raised);width:3.25rem;height:3.25rem;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .15s,background .15s;display:flex;box-shadow:0 .25rem .75rem #00000059}@media (hover:hover) and (pointer:fine){.em-fab:hover{background:var(--accent-gold-dim)}}.em-fab--open{background:var(--accent-gold-dim);border-color:var(--accent-gold);transform:rotate(15deg)}.em-menu{background:var(--bg-raised);border:.0625rem solid var(--border);border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.625rem;animation:.15s fadeInDown;display:grid;box-shadow:0 .5rem 1.5rem #0006}.em-menu-btn{border:.0625rem solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;line-height:1;display:flex}@media (hover:hover) and (pointer:fine){.em-menu-btn:hover{background:var(--accent-gold-faint)}}.em-menu-btn:disabled{opacity:.5;cursor:default}.em-overlay{z-index:500;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:5.5rem;right:1rem}.em-bubble{--em-bubble-color:var(--accent-gold);background:var(--bg-raised);border:.0625rem solid var(--em-bubble-color);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;animation:3.5s forwards emRise;display:flex;box-shadow:0 .25rem .75rem #00000059}.em-bubble-emoji{font-size:1.25rem;line-height:1}.em-bubble-name{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}@keyframes emRise{0%{opacity:0;transform:translateY(.5rem)scale(.9)}10%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(-1rem)scale(1)}to{opacity:0;transform:translateY(-2.5rem)scale(.95)}}
