.tracker-page[data-v-ea96ae54]{position:relative;--header-height:54px;--toolbar-height: calc(58px + env(safe-area-inset-bottom)) ;--timebar-height:22px;background:#fff;height:100dvh;margin:0;overflow:hidden;padding:0;width:100vw}.tracker-header[data-v-ea96ae54]{align-items:center;background:#fff;border-bottom:1px solid #dde5ef;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:40px minmax(0,1fr) 40px;height:var(--header-height);left:0;padding:7px 14px;position:fixed;right:0;top:0;z-index:21}.tracker-header h1[data-v-ea96ae54]{color:#162033;font-size:1.05rem;font-weight:850;margin:0;text-align:center}.header-button[data-v-ea96ae54]{background:#fff;border:1px solid #d6dfeb;border-radius:999px;color:#303b4d;display:grid;height:40px;place-items:center;text-decoration:none;width:40px}.bottom-toolbar[data-v-ea96ae54]{background:#fff;border:0;border-top:1px solid #dde5ef;bottom:0;box-shadow:0 -10px 28px #0f172a1f;gap:14px;height:var(--toolbar-height);padding:6px 14px calc(6px + env(safe-area-inset-bottom));z-index:20}.bottom-toolbar[data-v-ea96ae54],.time-bar[data-v-ea96ae54]{align-items:center;box-sizing:border-box;display:flex;justify-content:center;left:0;position:fixed;right:0}.time-bar[data-v-ea96ae54]{background:#5f6670;bottom:var(--toolbar-height);color:#fff;font-size:.8rem;font-weight:700;height:var(--timebar-height);padding:0 10px;z-index:19}.time-label[data-v-ea96ae54]{font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.tool-button[data-v-ea96ae54]{background:#fff;border:1px solid #d6dfeb;border-radius:999px;color:#3d4856;display:grid;font-size:1rem;height:36px;place-items:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease;width:36px}.tool-button[data-v-ea96ae54]:hover{background:#f4f7fb;border-color:#9fb2cc}.tool-button.primary[data-v-ea96ae54]{background:#ffc43d;border-color:#ffc43d;color:#172033;font-size:1.18rem}.tool-button[data-v-ea96ae54]:disabled{opacity:.42}.tracker-shell[data-v-ea96ae54]{background:#fff;border:0;border-radius:0;box-shadow:none;height:calc(100% - var(--header-height) - var(--toolbar-height) - var(--timebar-height));margin-top:var(--header-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;width:100%}.tracker-shell[data-v-ea96ae54]::-webkit-scrollbar{display:none}.pitch-board[data-v-ea96ae54]{background:#fff;cursor:grab;display:flex;overflow:hidden;position:relative;touch-action:pan-y}.pitch-canvas[data-v-ea96ae54]{display:block;flex:1 1 auto;height:100%}.playhead[data-v-ea96ae54]{cursor:ew-resize;touch-action:none;width:28px;z-index:8}.playhead[data-v-ea96ae54],.playhead[data-v-ea96ae54]:after{height:100%;position:absolute;top:0;transform:translate(-50%)}.playhead[data-v-ea96ae54]:after{background:#ff8a00;box-shadow:0 0 0 1px #ff8a001f;content:"";left:50%;width:2px}.playhead[data-v-ea96ae54]:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:11px solid #ff8a00;content:"";height:0;left:50%;position:absolute;top:-1px;transform:translate(-50%);width:0;z-index:1}.pitch-axis[data-v-ea96ae54]{background:#d5eff7;border-left:1px solid #b7d9e6;cursor:default;flex:0 0 92px;width:92px}.axis-row[data-v-ea96ae54]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.48);color:#4b5b68;display:flex;font-size:.76rem;font-weight:700;height:22px;padding-left:12px;position:relative}.axis-row.c[data-v-ea96ae54]{background:#7ea3ff3d}.axis-row.a[data-v-ea96ae54]{background:#58e69738}.axis-row span[data-v-ea96ae54]{position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:720px){.tracker-page[data-v-ea96ae54]{width:100vw}.bottom-toolbar[data-v-ea96ae54]{gap:12px}}