diff --git a/.github/workflows/osu-counters.yml b/.github/workflows/osu-counters.yml
deleted file mode 100644
index f6ca98e..0000000
--- a/.github/workflows/osu-counters.yml
+++ /dev/null
@@ -1,135 +0,0 @@
-name: build for osu-counters
-
-on:
-    pull_request:
-        branches:
-            - "CI" # Only run on PRs targeting the CI branch
-        types: [opened, synchronize] # Run when PR is opened or updated
-
-jobs:
-    build:
-        runs-on: ubuntu-latest # Use Ubuntu for the build environment
-
-        steps:
-            # Step 1: Checkout the repository
-            - name: Checkout code
-              uses: actions/checkout@v4
-
-            # Step 2: Set up pnpm
-            - name: Set up pnpm
-              uses: pnpm/action-setup@v4
-              with:
-                  version: 10
-                  run_install: true
-
-            # Step 3: Install Node.js
-            - name: Install Node.js
-              uses: actions/setup-node@v4
-              with:
-                node-version: 20
-                cache: 'pnpm'
-
-            # Step 4: Install dependencies (uses cache if available)
-            - name: Install dependencies
-              run: pnpm install --frozen-lockfile
-
-            # Step 5: Build the project
-            - name: Build the project
-              run: pnpm run build:ci
-
-            # Step 6: Checkout target repository
-            - name: Checkout target repository
-              uses: actions/checkout@v4
-              with:
-                  repository: ${{ github.actor }}/counters # Checkout the user's fork
-                  token: ${{ secrets.TARGET_REPO_PAT }} # PAT secret for authentication
-                  path: deploy_target # Checkout to a temporary directory
-
-            # Step 7: Sync target repo with upstream (runs inside deploy_target)
-            - name: Sync target repository with upstream
-              working-directory: deploy_target # Set working directory for this step
-              run: |
-                git config user.name 'github-actions[bot]'
-                git config user.email 'github-actions[bot]@users.noreply.github.com'
-                echo "Adding upstream remote..."
-                # Add upstream if it doesn't exist
-                git remote add upstream https://github.com/tosuapp/counters.git || echo "Upstream remote already exists."
-                echo "Fetching upstream master branch..."
-                git fetch upstream master
-                echo "Merging upstream/master into current branch (master)..."
-                # Merge upstream/master into the current branch (should be master).
-                # Fail the workflow if merge conflicts occur.
-                git merge upstream/master --allow-unrelated-histories -m "Merge upstream/master into master"
-                # No push needed here; the commit step will push the merged changes + new build files to a new branch.
-              shell: bash
-
-
-            # Step 8: Copy build files to target repository
-            - name: Copy build files
-              run: |
-                  TARGET_DIR="deploy_target/counters/customhiterrorbar by breadles5"
-                  mkdir -p "$TARGET_DIR" # Ensure the target folder exists
-                  # echo "Cleaning target directory..." # Removed cleaning step
-                  # rm -rf "$TARGET_DIR"/* # Removed cleaning step
-                  echo "Copying build files..."
-                  cp -r ./dist/* "$TARGET_DIR"/ # Copy build output
-              shell: bash
-
-            # Step 9: Commit and push changes to a new branch in the fork
-            - name: Commit and push changes to new branch
-              id: commit_push
-              working-directory: deploy_target # Set working directory for this step
-              run: |
-                  # Configure git user
-                  git config user.name 'github-actions[bot]'
-                  git config user.email 'github-actions[bot]@users.noreply.github.com'
-
-                  # Define a unique branch name for this update
-                  BRANCH_NAME="ci-update-${{ github.run_id }}-${{ github.sha }}"
-                  echo "Creating and checking out branch: $BRANCH_NAME"
-                  git checkout -b $BRANCH_NAME
-
-                  # Add the updated counter files
-                  git add "counters/customhiterrorbar by breadles5"/*
-
-                  # Commit changes if any exist
-                  # Use 'git diff --staged --quiet' to check for staged changes
-                  if ! git diff --staged --quiet; then
-                    echo "Committing changes..."
-                    git commit -m "Update counters from build job ${{ github.run_id }} (${{ github.sha }})"
-                    echo "Pushing branch $BRANCH_NAME to origin..."
-                    # Push the new branch to the fork repository (origin)
-                    git push origin $BRANCH_NAME
-                  else
-                    echo "No changes to commit."
-                  fi
-
-                  # Output the branch name for the PR step
-                  echo "branch_name=$BRANCH_NAME" >> $GITHUB_OUTPUT
-              shell: bash
-
-            # Step 10: Create Pull Request using GitHub CLI from the new branch
-            - name: Create Pull Request using GitHub CLI
-              # Only run if the commit_push step actually created a branch (i.e., had changes)
-              if: steps.commit_push.outputs.branch_name
-              env:
-                  GH_TOKEN: ${{ secrets.TARGET_REPO_PAT }} # Use the PAT for authentication
-                  GH_REPO: tosuapp/counters # Target repository
-                  # Use the dynamically created branch name from the previous step
-                  HEAD_BRANCH: ${{ github.actor }}:${{ steps.commit_push.outputs.branch_name }}
-                  BASE_BRANCH: main # Or the default branch of tOSUapp/counters
-                  PR_TITLE: "new: custom hit error bar" # Set fixed PR title
-                  # --- Set fixed PR body with image URLs ---
-                  PR_BODY: |
-                    ![customhiterrorbar.png](https://raw.githubusercontent.com/${{ github.repository }}/${{ github.sha }}/.github/assets/customhiterrorbar.png)
-                    ![customhiterrorbar.gif](https://raw.githubusercontent.com/${{ github.repository }}/${{ github.sha }}/.github/assets/customhiterrorbar.gif)
-
-                    tosu
-              run: |
-                  gh pr create \
-                    --repo "$GH_REPO" \
-                    --base "$BASE_BRANCH" \
-                    --head "$HEAD_BRANCH" \
-                    --title "$PR_TITLE" \
-                    --body "$PR_BODY"
-              shell: bash
diff --git a/index.html b/index.html
index 62ab170..cfabe7b 100644
--- a/index.html
+++ b/index.html
@@ -1,23 +1,26 @@
 <!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="stylesheet" href="style.css" />
-    </head>
-    <body>
-        <div id="container" class="hidden">
-            <!-- now added by js -->
-            <!-- <div class="sd hidden"></div> -->
-            <div class="arrow-container hidden">
-                <div class="arrow hidden"></div>
-            </div>
-            <div class="main hidden">
-                <div class="colors-container hidden"><!-- THIS IS A FLEX CONTAINER  --></div>
-                <div class="tick-container hidden"></div>
-                <div class="bar hidden"></div>
-            </div>
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
+</head>
+
+<body>
+    <div id="container" class="hidden">
+        <!-- now added by js -->
+
+        <div class="arrow-container hidden">
+            <div class="arrow hidden"></div>
         </div>
-        <script type="module" src="src/index.ts"></script>
-    </body>
-</html>
+        <div class="main hidden">
+            <div class="colors-container hidden"><!-- THIS IS A FLEX CONTAINER  --></div>
+            <div class="tick-container hidden"></div>
+            <div class="bar hidden"></div>
+        </div>
+    </div>
+    <script type="module" src="src/index.ts"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/metadata.txt b/metadata.txt
index f0a8683..6d7ac59 100644
--- a/metadata.txt
+++ b/metadata.txt
@@ -1,6 +1,6 @@
 Usecase: Ingame Overlay, OBS Overlay
 Name: Custom Hit Error Bar
-Version: 3.6.0
+Version: 3.7.0
 Author: breadles5
 CompatibleWith: Tosu
 Resolution: 656x90
diff --git a/package.json b/package.json
index 43f5a89..ebbeb70 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
     "name": "custom-hit-error-bar",
     "author": "breadles",
     "license": "GPL-3.0-only",
-    "version": "3.6.0",
+    "version": "3.7.0",
     "type": "module",
     "scripts": {
         "build:prod": "vite build --mode production",
diff --git a/settings.json b/settings.json
index c4d526c..6519cdc 100644
--- a/settings.json
+++ b/settings.json
@@ -175,14 +175,6 @@
         "options": [],
         "value": 800
     },
-    {
-        "uniqueID": "showSD",
-        "type": "checkbox",
-        "title": "Show UR (ms)",
-        "description": "",
-        "options": [],
-        "value": false
-    },
     {
         "uniqueID": "isRounded",
         "type": "number",
@@ -207,4 +199,4 @@
         "options": [],
         "value": "16.5,64,97,127,151"
     }
-]
+]
\ No newline at end of file
diff --git a/src/calculation/statistics.ts b/src/calculation/statistics.ts
index 38971f6..e0f8a1e 100644
--- a/src/calculation/statistics.ts
+++ b/src/calculation/statistics.ts
@@ -3,24 +3,42 @@ export const average = (arr: number[]): number => {
     return arr.reduce((a, b) => a + b, 0) / arr.length;
 };
 
-export const standardDeviation = (arr: number[]): number => {
-    if (!arr || arr.length === 0) return 0;
-    const avg = average(arr);
-    const squareDiffs = arr.map((value) => {
-        const diff = value - avg;
-        const sqrDiff = diff * diff;
-        return sqrDiff;
-    });
-    const avgSquareDiff = average(squareDiffs);
-    return Math.sqrt(avgSquareDiff);
-};
+// Reusable buffer for median calculation to avoid allocations
+let medianBuffer: number[] = new Array(200); // Start with a reasonable size
 
 export const median = (arr: number[]): number => {
     if (!arr || arr.length === 0) return 0;
-    const sortedArr = [...arr].sort((a, b) => a - b);
-    const middle = Math.floor(sortedArr.length / 2);
-    if (sortedArr.length % 2 === 0) {
-        return (sortedArr[middle - 1] + sortedArr[middle]) / 2;
+
+    // Ensure buffer is large enough
+    if (medianBuffer.length < arr.length) {
+        medianBuffer = new Array(arr.length * 2);
+    }
+
+    // Copy data to buffer
+    for (let i = 0; i < arr.length; i++) {
+        medianBuffer[i] = arr[i];
+    }
+
+    // Sort valid portion of buffer
+    // using subarray is safer but creates a view, let's just sort the slice logic manually or use subarray which is cheap
+    // Array.prototype.sort mutates. We only want to sort the first N elements.
+    // JS arrays are dynamic, but we want to avoid GC.
+    // Using a subarray (slice) creates a new array (alloc).
+    // subarray() on TypedArray is cheap, but these are number[] (Objects).
+    // So we must fallback to: copy to buffer -> sort buffer -> take middle.
+    // But Array.prototype.sort sorts the *entire* array.
+    // We can just use a shared array that we don't care about the tail of, IF we can tell sort to stop... we can't.
+    // ACTUALLY: The best way for zero-alloc sort on a subset of a generic Array is tricky without writing a custom QuickSort.
+    // Given the constraints and standard JS engine optimization:
+    // If we just trim the length of the reused array, it might realloc internally if it grows, but shrinking is usually fine.
+
+    // Let's resize the buffer length. This is generally optimized in V8.
+    medianBuffer.length = arr.length;
+    medianBuffer.sort((a, b) => a - b);
+
+    const middle = Math.floor(medianBuffer.length / 2);
+    if (medianBuffer.length % 2 === 0) {
+        return (medianBuffer[middle - 1] + medianBuffer[middle]) / 2;
     }
-    return sortedArr[middle];
+    return medianBuffer[middle];
 };
diff --git a/src/calculation/tickManager.ts b/src/calculation/tickManager.ts
index 5ec0a11..bf67469 100644
--- a/src/calculation/tickManager.ts
+++ b/src/calculation/tickManager.ts
@@ -80,7 +80,7 @@ export class TickImpl implements Tick {
             });
         }
 
-        this.position = (hitError / cache.rate) * 2;
+        this.position = hitError * 2;
         this.timestamp = Date.now();
         this.setClassNames(); // Updates classNames (colors, base class) and calls updateElement
     }
diff --git a/src/index.ts b/src/index.ts
index b85f23e..cefb999 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,7 +7,12 @@ import { renderTicksOnLoad } from "./rendering/ticks"; // Removed updateTicks
 import { updateArrow } from "./rendering/arrow";
 import { TickManager } from "./calculation/tickManager";
 import { reset } from "./rendering/reset";
-import { median, standardDeviation } from "./calculation/statistics";
+import { median } from "./calculation/statistics";
+
+// useful for debugging in browser
+if (window.self === window.top) {
+    document.body.style.backgroundColor = "black";
+}
 
 window?.addEventListener("load", renderTicksOnLoad);
 
@@ -58,38 +63,41 @@ wsManager.commands((data: CommandData) => {
     }
 });
 
-if (settings.showSD) {
-    const container = getElement("#container");
-    if (container) {
-        const sd = document.createElement("div");
-        sd.classList.add("sd");
-        sd.innerText = "0.00";
-        container.prepend(sd);
-    }
-}
-
 // Handle game state and menu updates
 const apiV2Filters = [
-    "state",
-    { field: "play", keys: ["mode", "mods"] },
-    { field: "beatmap", keys: ["mode", "stats", "time"] },
+    { field: "state", keys: ["name"] },
+    {
+        field: "play",
+        keys: [
+            { field: "mode", keys: ["name"] },
+            { field: "mods", keys: ["name", "rate"] },
+        ],
+    },
+    {
+        field: "beatmap",
+        keys: [
+            { field: "mode", keys: ["name"] },
+            { field: "stats", keys: [{ field: "od", keys: ["original"] }] },
+            { field: "time", keys: ["firstObject"] },
+        ],
+    },
 ];
 wsManager.api_v2((data: WEBSOCKET_V2) => {
     if (cache.state !== data.state.name) {
         cache.state = data.state.name;
 
-        if (cache.state === "play") {
-            const modeChanged: boolean = cache.mode !== data.play.mode.name;
-            const odChanged: boolean = cache.od !== data.beatmap.stats.od.original;
-            const modsChanged: boolean = cache.mods !== data.play.mods.name;
+        const modeChanged: boolean = cache.mode !== data.play.mode.name;
+        const odChanged: boolean = cache.od !== data.beatmap.stats.od.original;
+        const modsChanged: boolean = cache.mods !== data.play.mods.name;
+        cache.rate = data.play.mods.rate;
 
+        if (cache.state === "play") {
             if (modeChanged || odChanged || modsChanged) {
                 cache.mode = data.beatmap.mode.name;
                 cache.od = data.beatmap.stats.od.original;
                 cache.mods = data.play.mods.name;
             }
 
-            cache.rate = data.play.mods.rate;
             cache.firstObjectTime = data.beatmap.time.firstObject;
             const custom = settings.useCustomTimingWindows ? settings.customTimingWindows : undefined;
             cache.timingWindows = calculateTimingWindows(cache.mode, cache.od, cache.mods, custom);
@@ -108,6 +116,9 @@ wsManager.api_v2((data: WEBSOCKET_V2) => {
 
 // Handle hit error updates
 const apiV2PreciseFilter = ["hitErrors", "currentTime"];
+// Reusable buffer to avoid allocations per frame
+const nonFadeOutErrors: number[] = [];
+
 wsManager.api_v2_precise((data: WEBSOCKET_V2_PRECISE) => {
     const { hitErrors, currentTime } = data;
     if (currentTime < cache.firstObjectTime) {
@@ -118,22 +129,15 @@ wsManager.api_v2_precise((data: WEBSOCKET_V2_PRECISE) => {
     } else {
         cache.tickPool.update(hitErrors);
 
-        const nonFadeOutErrors: number[] = [];
+        // Clear buffer without allocation
+        nonFadeOutErrors.length = 0;
+
         for (const idx of cache.tickPool.nonFadeOutTicks) {
             nonFadeOutErrors.push(cache.tickPool.pool[idx].position >> 1);
         }
 
         const medianError = median(nonFadeOutErrors);
         updateArrow(medianError);
-        if (settings.showSD) {
-            requestAnimationFrame(() => {
-                const standardDeviationError = standardDeviation(nonFadeOutErrors);
-                const sdElement = getElement(".sd");
-                if (sdElement) {
-                    sdElement.innerText = standardDeviationError.toFixed(2);
-                }
-            });
-        }
         if (cache.isReset) {
             cache.isReset = false;
         }
diff --git a/src/rendering/arrow.ts b/src/rendering/arrow.ts
index 4a9a69e..aac244b 100644
--- a/src/rendering/arrow.ts
+++ b/src/rendering/arrow.ts
@@ -16,21 +16,35 @@ const getArrowColor = (average: number): string => {
 };
 
 let oldPosition = 0;
+let pendingPosition: number | null = null;
+let rAF: number | null = null;
+
 export const updateArrow = (targetPosition: number): void => {
-    requestAnimationFrame(() => {
-        if (targetPosition === oldPosition) {
-            return;
-        }
-        oldPosition = targetPosition;
-        // console.log(`moved from ${oldPosition} to ${targetPosition}`);
-        if (arrow) {
-            arrow.style.borderTopColor = getArrowColor(targetPosition);
-            arrow.style.transform = `translate3d(${targetPosition * 2}px, 0px, 0px)`;
-        }
-    });
+    pendingPosition = targetPosition;
+
+    if (rAF === null) {
+        rAF = requestAnimationFrame(() => {
+            if (pendingPosition !== null && pendingPosition !== oldPosition) {
+                oldPosition = pendingPosition;
+                if (arrow) {
+                    arrow.style.borderTopColor = getArrowColor(oldPosition);
+                    arrow.style.transform = `translate3d(${oldPosition * 2}px, 0px, 0px)`;
+                }
+            }
+            rAF = null;
+            pendingPosition = null;
+        });
+    }
 };
 
 export function resetArrow() {
+    // Cancel any pending update
+    if (rAF !== null) {
+        cancelAnimationFrame(rAF);
+        rAF = null;
+        pendingPosition = null;
+    }
+
     requestAnimationFrame(() => {
         oldPosition = 0;
         if (arrow) {
diff --git a/src/rendering/elements.ts b/src/rendering/elements.ts
index 6ac29c9..05df1a0 100644
--- a/src/rendering/elements.ts
+++ b/src/rendering/elements.ts
@@ -25,13 +25,6 @@ window.addEventListener("unload", () => {
 export const setHidden = () => getAllElements("div")?.forEach((div) => div.classList.add("hidden"));
 export const setVisible = () => getAllElements("div")?.forEach((div) => div.classList.remove("hidden"));
 
-export const clearSD = (): void => {
-    const sd = getElement(".sd");
-    if (sd) {
-        sd.textContent = "0.00";
-    }
-};
-
 // Update timing window display in the DOM
 export function updateTimingWindowElements() {
     requestAnimationFrame(() => {
@@ -43,8 +36,12 @@ export function updateTimingWindowElements() {
             colorsContainer.innerHTML = "";
         }
 
-        // Set container widths based on miss window (0)
-        const containerWidth = Math.abs(timingWindows.get("0") ?? 0) * 4;
+        // Set container widths based on max window
+        let maxWindow = 0;
+        timingWindows.forEach((width) => {
+            if (width > maxWindow) maxWindow = width;
+        });
+        const containerWidth = Math.abs(maxWindow) * 4;
         document.documentElement.style.setProperty("--container-width", `${containerWidth}px`);
 
         // Helper function to create timing window element
diff --git a/src/rendering/reset.ts b/src/rendering/reset.ts
index e04e2a4..19fabd8 100644
--- a/src/rendering/reset.ts
+++ b/src/rendering/reset.ts
@@ -1,6 +1,5 @@
 import { cache } from "..";
 import { resetArrow } from "./arrow";
-import { clearSD } from "./elements";
 import { resetTicks } from "./ticks";
 
 // extends resetUI to reset everything
@@ -8,7 +7,6 @@ export const reset = () => {
     requestAnimationFrame(() => {
         cache.tickPool.set();
         resetTicks();
-        clearSD();
         resetArrow();
         console.log("[Main] reset");
     });
diff --git a/src/sockets/settings.ts b/src/sockets/settings.ts
index 90b7fb5..c544004 100644
--- a/src/sockets/settings.ts
+++ b/src/sockets/settings.ts
@@ -23,7 +23,7 @@ export interface Settings {
     color100: string;
     color50: string;
     color0: string;
-    showSD: boolean;
+
     useCustomTimingWindows: boolean;
     customTimingWindows: string;
 }
@@ -56,7 +56,7 @@ export const settings: Settings = {
     color100: "transparent",
     color50: "transparent",
     color0: "transparent",
-    showSD: false,
+
     useCustomTimingWindows: false,
     customTimingWindows: "16.5,64,97,127,151",
 };
@@ -93,7 +93,7 @@ export const updateSettings = (message: Partial<Settings>) => {
             // Track what kind of changes occurred
             if (key.startsWith("color") || key === "TimingWindowOpacity") {
                 hasVisualChanges = true;
-            } else if (key !== "showSD") {
+            } else {
                 hasLayoutChanges = true;
             }
         }
@@ -115,10 +115,9 @@ export const updateSettings = (message: Partial<Settings>) => {
         updateCSSColors();
     }
 
-    // Update visibility if needed
-    if (Object.prototype.hasOwnProperty.call(message, "showSD") && oldSettings.showSD !== message.showSD) {
-        console.log(`${SETTINGS_LOG_PREFIX} Toggling SD visibility to ${settings.showSD ? "visible" : "hidden"}.`);
-        updateVisibility();
+    if (hasVisualChanges) {
+        console.log(`${SETTINGS_LOG_PREFIX} Applying visual-related CSS updates.`);
+        updateCSSColors();
     }
 };
 
@@ -147,7 +146,7 @@ const updateCSSLayout = () => {
     root.style.setProperty("--bar-height", `${barHeight}px`);
     root.style.setProperty("--tick-width", `${tickWidth}px`);
     root.style.setProperty("--tick-height", `${tickHeight}px`);
-    root.style.setProperty("--timing-window-height", `${timingWindowHeightPx}px`);
+    root.style.setProperty("--timing-window-height", `${timingWindowHeight}%`);
     console.log(`${SETTINGS_LOG_PREFIX} Calculated radii (px)`, { barRadiusPx, tickRadiusPx, timingWindowRadiusPx });
 };
 
@@ -185,16 +184,11 @@ const updateCSSColors = () => {
     root.style.setProperty("--timing-windows-opacity", TimingWindowOpacity.toString());
 };
 
-const updateVisibility = () => {
-    const sdElement = getElement(".sd");
-    if (sdElement) {
-        sdElement.style.display = settings.showSD ? "block" : "none";
-    }
-};
-
 // Update CSS variables
 export const updateCSSVariables = () => {
     updateCSSLayout();
     updateCSSColors();
-    updateVisibility();
 };
+
+updateCSSLayout();
+updateCSSColors();
diff --git a/style.css b/style.css
index 9b65212..aa30e19 100644
--- a/style.css
+++ b/style.css
@@ -28,7 +28,7 @@
     /* Theme */
     --tick-opacity: 0.75;
     --timing-windows-opacity: 0.33;
-    --timing-window-height: 100;
+    --timing-window-height: 100%;
     --timing-window-radius: 0px;
 
     /* Animation */
@@ -36,7 +36,7 @@
     --fade-out-duration: 300ms;
 
     /* Hardware Acceleration Control */
-    --transform-prop: translate3d(0,0,0);
+    --transform-prop: translate3d(0, 0, 0);
     --will-change-prop: transform, opacity;
 }
 
@@ -48,10 +48,12 @@ html {
     background: rgba(0, 0, 0, 0);
     transition: opacity 200ms linear;
 }
+
 body {
     display: flex;
     justify-content: center;
 }
+
 .main {
     display: flex;
     flex-direction: column;
@@ -61,16 +63,7 @@ body {
     height: var(--bar-height);
     justify-self: center;
 }
-.sd {
-    text-align: center;
-    font: 2.5rem "Helvetica", sans-serif, bold;
-    color: #ffffff;
-    transition: linear 200ms;
-    width: var(--container-width);
-    justify-self: center;
-    transition: opacity 200ms linear;
-    opacity: 0.8;
-}
+
 
 /*arrow*/
 .arrow-container {
@@ -108,10 +101,10 @@ body {
     opacity: var(--timing-windows-opacity);
 }
 
-.colors-container > div {
+.colors-container>div {
     opacity: 1;
     position: absolute;
-    height: calc(var(--timing-window-height) * 1%);
+    height: var(--timing-window-height);
     transition: linear 200ms;
     border-radius: var(--timing-window-radius);
 }
@@ -176,6 +169,7 @@ body {
     pointer-events: none;
     opacity: 0;
 }
+
 /* Timing window-based colors for ticks */
 .tick._300g {
     background-color: var(--color-300g);
@@ -213,4 +207,4 @@ body {
 .hidden {
     opacity: 0 !important;
     pointer-events: none;
-}
+}
\ No newline at end of file