.spd-screen{flex-direction:column;height:300px;padding:10px 14px 12px;display:flex}@media (width>=1024px){.spd-screen{height:400px;padding:16px 22px 18px}}.spd-top{min-height:22px;color:var(--screen-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}@media (width>=1024px){.spd-top{font-size:15px}}.spd-time{direction:ltr}.spd-big{direction:ltr;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.spd-value{white-space:nowrap;font-size:124px;line-height:.92}@media (width>=1024px){.spd-value{font-size:168px}}.spd-unit{color:var(--screen-muted);margin-top:4px;font-size:16px}@media (width>=1024px){.spd-unit{font-size:18px}}.spd-screen--off .spd-value{color:var(--screen-muted)}.spd-value--none{color:var(--screen-muted);font-size:64px}@media (width>=1024px){.spd-value--none{font-size:96px}}.spd-spark{flex:none;width:100%;height:56px}.spd-hud{z-index:90;color:var(--screen-ink);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.spd-hud-bar{padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:12px;display:flex}.spd-hud-mirror .switch-row{min-height:44px}.spd-hud-close{border-color:var(--screen-line-2);color:var(--screen-ink)}.spd-hud-close:hover{color:var(--screen-ink)}.spd-hud-speed{direction:ltr;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.spd-hud-speed--mirror{transform:scaleX(-1)}.spd-hud-value{white-space:nowrap;font-size:min(42vw,60vh);line-height:.86}.spd-hud-unit{color:var(--screen-muted);margin-top:1vh;font-size:max(18px,min(6vw,7vh))}.spd-hud-note{padding:0 16px max(24px, env(safe-area-inset-bottom));text-align:center;color:var(--screen-muted);font-size:15px}