/* Dashivo demo (/demo/), loaded by that page alone (see sections/demo/20-demo.html and assets/demo/demo.js).
   1. the section: device picker, demo controls, the stage, the tour, full screen
   2. the device frames (the site's .dvc drawing, sized per model) and the browser window
   3. the app: HUD, rail, cards, Settings, Clips library, player, sharing, Miles, Plans, gauges, Stopwatch, touch
      protection, the lock screen
   4. the account portal
   Inside the app, sizes are in the device's own points (the app is laid out at 402 × 874 on an iPhone 18 Pro and
   scaled to the frame); --u is the app's own UiScale. Colours and fonts are the app's: #FFFF06, #0E0F12, #181A1F,
   Geist and Geist Mono (the Geist face is declared in the site's css/06c-appgauges.css, with a WOFF2 copy). */

/* ---- 1. the section --------------------------------------------------------------------------------------------- */
.dmo-hero.no-media{padding-bottom:clamp(50px,6vw,84px)}
.dmo-arr-dn svg{transform:rotate(90deg)}
.dmo{padding:clamp(60px,7vw,104px) 0 clamp(70px,8vw,120px);background:var(--mt-night);color:var(--mt-cloud);overflow:hidden}
.dmo-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 60px;align-items:end;margin-bottom:clamp(24px,3vw,38px)}
.dmo-lede{margin:0;max-width:540px;font-size:17px;line-height:1.6;color:var(--mt-mut)}
.dmo-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;padding:10px;border-radius:18px;background:var(--mt-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mt-cloud) 10%,transparent),0 4px 0 #000}
.dmo-pick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;min-width:0}
.dmo-grp{display:flex;align-items:center;gap:9px;min-width:0}
.dmo-gl{padding-left:6px;font-family:var(--mt-font-m),ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mt-mut)}
.dmo-opts{display:flex;gap:6px}
.dmo-dv,.dmo-ctl{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px 0 10px;border-radius:10px;border:0;background:color-mix(in srgb,var(--mt-cloud) 7%,transparent);color:var(--mt-cloud);font:600 13.5px/1 var(--mt-font-b),system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,translate .2s}
.dmo-dv:hover,.dmo-ctl:hover{background:color-mix(in srgb,var(--mt-cloud) 13%,transparent)}
.dmo-dv:active,.dmo-ctl:active{translate:0 1px}
.dmo-dv[aria-pressed="true"]{background:var(--mt-brass);color:var(--mt-ink);box-shadow:0 3px 0 color-mix(in srgb,var(--mt-brass) 55%,#000)}
.dmo-ctl[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--mt-brass)}
.dmo-ctl[disabled]{opacity:.38;cursor:default}
.dmo-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dmo-ctl .dmo-i{width:16px;height:16px}
.dmo-ctls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dmo-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:11px;background:color-mix(in srgb,var(--mt-cloud) 7%,transparent)}
.dmo-sw>span{padding:0 8px 0 7px;font-family:var(--mt-font-m),ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mt-mut);white-space:nowrap}
.dmo-sw button{height:34px;padding:0 12px;border-radius:8px;border:0;background:none;color:var(--mt-cloud);font:600 13px/1 var(--mt-font-b),system-ui,sans-serif;cursor:pointer}
.dmo-sw button[aria-pressed="true"]{background:var(--mt-cloud);color:var(--mt-ink)}
.dmo-fullb{display:none}
.dmo.is-web .dmo-sw:last-of-type{opacity:.4;pointer-events:none}
.dmo-stage{position:relative;margin-top:14px;padding:22px 0 8px;min-height:440px;display:flex;justify-content:center;align-items:flex-start}
.dmo-fit{position:relative;width:100%;display:flex;justify-content:center}
.dmo-poster{--dw:300px}
.dmo-nojs{position:absolute;left:0;right:0;bottom:-6px;margin:0;text-align:center;color:var(--mt-mut);font-size:14px}
.dmo-note{display:flex;align-items:flex-start;justify-content:center;gap:10px;max-width:760px;margin:26px auto 0;text-align:center;font-size:14.5px;line-height:1.55;color:var(--mt-mut)}
.dmo-note i{width:8px;height:8px;margin-top:7px;flex:none;border-radius:50%;background:var(--mt-brass);box-shadow:0 0 6px var(--mt-brass)}
.dmo-more .mtix-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* the tour: a ring on the control and a card beside the device, over the stage */
.dmo-tour{position:absolute;inset:0;z-index:40;pointer-events:none}
.dmo-tour[hidden]{display:none}
.dmo-ring{position:absolute;border-radius:18px;box-shadow:0 0 0 2px var(--mt-brass),0 0 0 7px color-mix(in srgb,var(--mt-brass) 28%,transparent),0 0 24px color-mix(in srgb,var(--mt-brass) 50%,transparent);animation:dmoRing 1.8s ease-in-out infinite}
.dmo-tb{position:absolute;pointer-events:auto;padding:14px 16px 14px;border-radius:14px;background:var(--mt-cloud);color:var(--mt-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--mt-brass) 70%,#000),0 24px 50px -12px rgba(0,0,0,.7)}
.dmo-tn{margin:0;font-family:var(--mt-font-m),ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--mt-mut)}
.dmo-tt{margin:4px 0 12px;font:600 14.5px/1.45 var(--mt-font-b),system-ui,sans-serif}
.dmo-tbb{display:flex;align-items:center;gap:10px}
.dmo-tbb button{height:34px;padding:0 14px;border-radius:9px;border:0;font:600 13px/1 var(--mt-font-b),system-ui,sans-serif;cursor:pointer}
.dmo-tnext{background:var(--mt-ink);color:var(--mt-brass)}
.dmo-tskip{background:none;color:var(--mt-ink);text-decoration:underline;text-underline-offset:3px}
/* full screen inside the page (phones): the app at the window's own size, no frame */
html.dmo-lockscroll,html.dmo-lockscroll body{overflow:hidden!important}
.dmo-stage.is-full{position:fixed;inset:0;z-index:10000;margin:0;padding:0;min-height:0;background:#000}
.dmo-stage.is-full .dmo-fit{position:absolute;inset:0;display:block}
.dmo-stage.is-full .dmo-dev{margin:0}
.dmo-stage.is-full .dmo-dev .dvc-body{background:none!important;box-shadow:none!important;border-radius:0!important}
.dmo-stage.is-full .dmo-dev .dvc-body::before,.dmo-stage.is-full .dmo-k,.dmo-stage.is-full .dmo-bz,.dmo-stage.is-full .dmo-cut,.dmo-stage.is-full .dvc-scr::after,.dmo-stage.is-full .dmo-dev::after{display:none!important}
.dmo-stage.is-full .dmo-dev .dvc-scr{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0!important}
.dmo-stage.is-full .dmo-win{border-radius:0;box-shadow:none}
.dmo-stage.is-full .dmo-win-bar{display:none}
.dmo-stage.is-full .dmo-tour{display:none}
.dmo-exit{position:fixed;z-index:10001;left:50%;top:calc(env(safe-area-inset-top,0px) + 6px);translate:-50% 0;display:flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 9px;border-radius:99px;border:0;background:rgba(20,21,26,.88);color:#fff;font:600 12px/1 var(--mt-font-b),system-ui,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);cursor:pointer}
.dmo-exit .dmo-i{width:13px;height:13px}
@media (max-width:900px){.dmo-intro{grid-template-columns:1fr}.dmo-fullb{display:inline-flex}.dmo-more .mtix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .dmo-bar{padding:8px;border-radius:14px;gap:8px}
  .dmo-pick{flex-wrap:nowrap;width:100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:1px 1px 3px}
  .dmo-pick::-webkit-scrollbar{display:none}
  .dmo-grp{flex:none;gap:6px}
  .dmo-gl{display:none}
  .dmo-ctls{width:100%;justify-content:center;gap:6px}
  .dmo-dv,.dmo-ctl{height:38px;padding:0 11px 0 9px;font-size:13px}
  .dmo-stage{padding-top:14px;min-height:0}
  .dmo-note{font-size:13.5px;margin-top:18px}
}
@media (max-width:420px){.dmo-sw>span{display:none}.dmo-sw button{padding:0 9px}.dmo-ctl span{font-size:12.5px}}
@media (max-width:360px){.dmo-ctls .dmo-ctl[data-ctl="tour"] span{display:none}}

/* ---- 2. the frames ------------------------------------------------------------------------------------------- */
.dmo-dev{flex:none;max-width:none;aspect-ratio:auto!important;margin:0 auto}
.dmo-dev .dvc-body{border-radius:var(--br)}
.dmo-dev.is-l .dvc-body{background:linear-gradient(180deg,var(--metal-b) 0,var(--metal-a) 1.4%,var(--metal-c) 4%,var(--metal-c) 96%,var(--metal-a) 98.6%,var(--metal-b) 100%),var(--metal-c)}
.dmo-dev .dvc-body::before{inset:var(--gi);border-radius:var(--gr)}
.dmo-dev .dvc-scr{left:var(--sx);top:var(--sy);right:auto;width:var(--sw);height:var(--sh);aspect-ratio:auto;border-radius:var(--sr);container-type:normal}
.dmo-dev .dvc-view{inset:0;width:auto;height:auto;transform:none}
.dmo-dev.dmo-m-pixel{--metal-a:#4a4c52;--metal-b:#9da0a8;--metal-c:#1d1e21}
.dmo-dev.dmo-m-android-tablet,.dmo-dev.dmo-m-android{--metal-a:#34363b;--metal-b:#7d8088;--metal-c:#151619}
.dmo-dev.dmo-m-ipad{--metal-a:#3c3e44;--metal-b:#9295a0;--metal-c:#1a1b1e}
/* side keys, in percent of the portrait body, turned with the phone */
.dmo-k{position:absolute;border-radius:2px;background:linear-gradient(90deg,var(--metal-c),var(--metal-b) 55%,var(--metal-a));box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18)}
.dmo-dev.is-p .dmo-k[data-s="l"]{left:calc(var(--kw) * -.72);top:var(--kp);height:var(--kl);width:var(--kw)}
.dmo-dev.is-p .dmo-k[data-s="r"]{right:calc(var(--kw) * -.72);top:var(--kp);height:var(--kl);width:var(--kw);background:linear-gradient(270deg,var(--metal-c),var(--metal-b) 55%,var(--metal-a))}
.dmo-dev.is-p .dmo-k[data-s="t"]{top:calc(var(--kw) * -.72);left:var(--kp);width:var(--kl);height:var(--kw);background:linear-gradient(0deg,var(--metal-c),var(--metal-b) 55%,var(--metal-a))}
.dmo-dev.is-l .dmo-k[data-s="l"]{bottom:calc(var(--kw) * -.72);left:var(--kp);width:var(--kl);height:var(--kw);background:linear-gradient(0deg,var(--metal-c),var(--metal-b) 55%,var(--metal-a))}
.dmo-dev.is-l .dmo-k[data-s="r"]{top:calc(var(--kw) * -.72);left:var(--kp);width:var(--kl);height:var(--kw);background:linear-gradient(180deg,var(--metal-c),var(--metal-b) 55%,var(--metal-a))}
.dmo-dev.is-l .dmo-k[data-s="t"]{left:calc(var(--kw) * -.72);top:calc(100% - var(--kp) - var(--kl));height:var(--kl);width:var(--kw)}
.dmo-k.is-flush{background:linear-gradient(270deg,#0c0d0f,#3d4046 60%,#26282c)}
.dmo-bz{position:absolute;z-index:1}
.dmo-home{border-radius:50%;background:radial-gradient(circle,#0a0a0b 58%,#2b2d31 60%,#141518 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.dmo-ear{border-radius:9px;background:#15161a;box-shadow:inset 0 1px 1px rgba(0,0,0,.8)}
.dmo-fcam{border-radius:50%;background:radial-gradient(circle at 38% 34%,#2d3850 0,#0b0e16 45%,#000 70%)}
.dmo-cut{position:absolute;z-index:4;border-radius:99px;background:#000;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.07);pointer-events:none}
.dmo-m-android .dmo-cut,.dmo-m-pixel .dmo-cut{border-radius:50%;background:radial-gradient(circle at 38% 34%,#2d3850 0,#0b0e16 48%,#000 72%)}
.dmo-dev .dvc-scr::after{z-index:70}
/* the browser window for the web portal */
.dmo-win{margin:0 auto;border-radius:14px;overflow:hidden;background:#1b1c20;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 50px 100px -40px rgba(0,0,0,.85)}
.dmo-win-bar{display:flex;align-items:center;gap:12px;height:38px;padding:0 14px;background:#25262b;border-bottom:1px solid rgba(255,255,255,.06)}
.dmo-win-dots{display:flex;gap:7px;flex:none}
.dmo-win-dots i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.2)}
.dmo-win-dots i:first-child{background:var(--mt-brass)}
.dmo-win-url{flex:1;max-width:440px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:6px;height:24px;border-radius:7px;background:rgba(255,255,255,.08);font:500 12px/1 var(--mt-font-m),ui-monospace,monospace;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden}
.dmo-win-url .dmo-i{width:11px;height:11px}
.dmo-win-sp{width:47px;flex:none}
.dmo-win-view{position:relative;overflow:hidden;background:#f6f6f3}

/* ---- 3. the app ----------------------------------------------------------------------------------------------- */
.dmo-app{--u:1;--p:calc(1px * var(--u));--y:#FFFF06;--red:#E5484D;--green:#30D158;--orange:#FF7A1A;--blue:#2F7BFF;--ink:#0E0F12;--card:#181A1F;--chip:#24272E;--dim:rgba(255,255,255,.63);
  --sans:"Geist","Hanken Grotesk",system-ui,-apple-system,sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Geist",system-ui,sans-serif;
  position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#000;color:#fff;font:600 14px/1.3 var(--sans);text-align:left;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dmo-app.is-and{--sys:var(--sans)}
.dmo-app *,.dmo-app *::before,.dmo-app *::after{box-sizing:border-box}
:where(.dmo-app) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent}
:where(.dmo-app) :where(button[disabled]){cursor:default}
:where(.dmo-app) :where(p,h2,h3,ol,ul,dl,dd){margin:0}
.dmo-app img{max-width:none}
.dmo-app :focus-visible:not([tabindex="-1"]){outline:2px solid var(--y)!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgba(0,0,0,.55)!important}
.dmo-app.is-web :focus-visible:not([tabindex="-1"]){outline-color:#0a0a0b!important;box-shadow:0 0 0 5px rgba(255,255,6,.8)!important}
.dmo-i{width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.dmo-i .f{fill:currentColor;stroke:none}
.dmo-logo{display:block;fill:currentColor}
.dmo-tm{font-size:.5em;vertical-align:super;line-height:0;margin-left:.04em;font-weight:inherit}
.dmo-app.is-idle *,.dmo-app.is-idle *::before,.dmo-app.is-idle *::after{animation-play-state:paused!important}

/* the camera picture, the inset, the scrims, the corner brackets */
.dmo-cam{position:absolute;inset:0;background:#000;overflow:hidden}
.dmo-cam video,.pl-vid video,.pl-inset video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.dmo-app.no-pic .dmo-cam video{visibility:hidden}
.dmo-app.is-night .dmo-vmain{filter:brightness(.72) saturate(.9)}
.dmo-app.is-night.is-nighttag .dmo-vmain{filter:brightness(1.12) contrast(1.06)}
.dmo-inset{position:absolute;z-index:2;right:calc(var(--rr) + 86px);border-radius:14px;overflow:hidden;background:#111;box-shadow:0 0 0 1.5px rgba(255,255,255,.7),0 8px 24px rgba(0,0,0,.5)}
.dmo-inset[hidden]{display:none}
.dmo-inset-b{position:absolute;left:8px;bottom:8px;width:calc(30*var(--p));height:calc(30*var(--p));border-radius:50%;background:rgba(0,0,0,.78);display:grid;place-items:center;color:#fff}
.dmo-inset-b .dmo-i{width:calc(16*var(--p));height:calc(16*var(--p))}
.dmo-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) calc(190*var(--p))),linear-gradient(0deg,rgba(0,0,0,.66) 0,rgba(0,0,0,0) calc(230*var(--p)))}
.dmo-app.is-land .dmo-scrim{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) calc(96*var(--p))),linear-gradient(0deg,rgba(0,0,0,.66) 0,rgba(0,0,0,0) calc(130*var(--p)))}
.dmo-app.is-and .dmo-scrim{background:linear-gradient(180deg,rgba(0,0,0,.59) 0,rgba(0,0,0,0) calc(150*var(--p))),linear-gradient(0deg,rgba(0,0,0,.67) 0,rgba(0,0,0,0) calc(190*var(--p)))}
.dmo-app.no-pic .dmo-scrim{display:none}
.dmo-brkw{position:absolute;inset:0;pointer-events:none;z-index:1}
.dmo-brk{position:absolute;inset:0;width:100%;height:100%}
.dmo-brk path{fill:none;stroke-linecap:round}
.dmo-brk .a{stroke:rgba(0,0,0,.35)}
.dmo-brk .b{stroke:rgba(255,255,255,.75)}

/* the HUD */
.dmo-hud{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:var(--hudop,1);color:#fff}
/* no backdrop cards or pills (the apps dropped them): every readout carries the shared HUD shadow instead */
.dmo-hud button,.dmo-hud .dmo-tap{pointer-events:auto}
.dmo-top{position:absolute;left:var(--ml);right:var(--mr);top:var(--mt);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:calc(12*var(--p)) calc(10*var(--p))}
.dmo-recb{display:flex;flex-direction:column;align-items:flex-start;gap:calc(6*var(--p))}
.dmo-r1{display:flex;align-items:center;gap:calc(6*var(--p))}
.dmo-recchip{position:relative;z-index:1;display:inline-flex;align-items:center;gap:calc(5*var(--p));height:calc(24*var(--p));padding:0 calc(10*var(--p));border-radius:calc(6*var(--p));background:rgba(61,61,61,.7);font:700 calc(11*var(--p))/1 var(--mono);letter-spacing:calc(.88*var(--p));text-shadow:none;white-space:nowrap}
.dmo-app.is-rec .dmo-recchip{background:var(--red)}
.dmo-dot{width:calc(7*var(--p));height:calc(7*var(--p));border-radius:50%;background:#fff;flex:none}
.dmo-app:not(.is-rec) .dmo-dot,.dmo-app.is-blink .dmo-dot{background:rgba(255,255,255,.35)}
.dmo-camtag{display:none;align-items:center;gap:calc(5*var(--p));height:calc(24*var(--p));padding:0 calc(9*var(--p)) 0 calc(13*var(--p));margin-left:calc(-12*var(--p));border-radius:calc(6*var(--p));background:rgba(14,15,18,.85);border:calc(1.5*var(--p)) solid rgba(133,133,133,.6);font:700 calc(10.5*var(--p))/1 var(--mono);letter-spacing:calc(.84*var(--p));color:rgba(255,255,255,.6);text-shadow:none;white-space:nowrap}
.dmo-app.is-rec .dmo-camtag{border-color:var(--red);color:#fff}
.dmo-app.has-tag:not(.tag-row) .dmo-camtag.is-in{display:inline-flex}
/* fixed slots, as in the apps: the tag's words centred in a slot as wide as FRONT + REAR, the timer's as wide as 59:59 */
.dmo-camtag.is-in,.dmo-r2 .dmo-camtag>span{box-sizing:content-box;justify-content:center;text-align:center;width:calc(12ch + 10*var(--p))}
.dmo-r2 .dmo-camtag>span{display:inline-block}
.dmo-r2{display:none;align-items:center;gap:calc(6*var(--p))}
.dmo-app.has-tag.tag-row .dmo-r2{display:flex}
.dmo-r2 .dmo-camtag{display:inline-flex;margin:0;height:calc(20*var(--p));padding-left:calc(7*var(--p))}
/* the mic, NIGHT and STOP: on REC's row sideways, under the chip upright; NIGHT and STOP at the end, fading in place */
.dmo-ext{display:inline-flex;align-items:center;gap:calc(6*var(--p))}
.dmo-app.tag-row .dmo-r1 .dmo-ext,.dmo-app:not(.tag-row) .dmo-r2 .dmo-ext{display:none}
.dmo-r2 .dmo-camtag .dmo-i{width:calc(11*var(--p));height:calc(11*var(--p))}
.dmo-stopchip{display:none;align-items:center;height:calc(24*var(--p));padding:0 calc(10*var(--p));border-radius:calc(6*var(--p));background:var(--y);color:#000;font:700 calc(11*var(--p))/1 var(--mono);letter-spacing:calc(.88*var(--p));text-shadow:none}
.dmo-app.is-stop .dmo-stopchip{display:inline-flex}
.dmo-clipt{display:inline-block;box-sizing:content-box;width:calc(5ch + 3.3*var(--p));white-space:nowrap;padding-left:calc(4*var(--p));font:500 calc(11*var(--p))/1 var(--mono);letter-spacing:calc(.66*var(--p));color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.dmo-app:not(.is-rec) .dmo-clipt{display:none}
.dmo-micw{display:inline-flex;width:calc(14*var(--p))}
.dmo-micw .dmo-i{width:calc(12*var(--p));height:calc(12*var(--p))}
.dmo-app.is-body .dmo-micw{display:none}
.dmo-nighttag{display:none;align-items:center;gap:calc(3*var(--p));font:700 calc(10*var(--p))/1 var(--mono);color:var(--y)}
.dmo-nighttag .dmo-i{width:calc(11*var(--p));height:calc(11*var(--p))}
.dmo-app.is-nighttag .dmo-nighttag,.dmo-app.is-stop .dmo-stopchip{animation:dmoFadeIn .3s ease}
@keyframes dmoFadeIn{from{opacity:0}to{opacity:1}}
.dmo-app.is-nighttag .dmo-nighttag{display:inline-flex}
.dmo-r3{display:none;align-items:center;gap:calc(6*var(--p))}
.dmo-app.has-view .dmo-r3{display:flex}
.dmo-bodypill{display:none;align-items:center;gap:calc(4*var(--p));height:calc(22*var(--p));padding:0 calc(12*var(--p));border-radius:99px;background:#fff;color:#000;font:700 calc(10.5*var(--p))/1 var(--mono);letter-spacing:calc(1.05*var(--p));text-shadow:none}
.dmo-bodypill .dmo-i{width:calc(11*var(--p));height:calc(11*var(--p))}
.dmo-app.is-body .dmo-bodypill{display:inline-flex}
.dmo-viewpill{display:inline-flex;align-items:center;gap:calc(4*var(--p));height:calc(21*var(--p));padding:0 calc(12*var(--p)) 0 calc(9*var(--p));border-radius:99px;background:linear-gradient(#1C1D21,#16171A);box-shadow:0 3px 0 #08080A,inset 0 1px 0 rgba(255,255,255,.12);font:700 calc(10.5*var(--p))/1 var(--mono);text-shadow:none}
.dmo-viewpill .dmo-i{width:calc(12*var(--p));height:calc(12*var(--p))}
.dmo-viewpill small{font:700 calc(8.5*var(--p))/1 var(--mono);color:rgba(255,255,255,.65)}
.dmo-viewpill.is-one{opacity:.7}
.dmo-clock{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:calc(3*var(--p))}
.dmo-time{font:700 calc(17*var(--p))/1.1 var(--mono);letter-spacing:calc(1*var(--p));font-variant-numeric:tabular-nums;white-space:nowrap}
.dmo-date{display:flex;align-items:center;gap:calc(8*var(--p));font:500 calc(10*var(--p))/1 var(--mono);letter-spacing:calc(.6*var(--p));color:rgba(255,255,255,.65);white-space:nowrap}
.dmo-date .dmo-wf{width:calc(12*var(--p));height:calc(12*var(--p));color:#fff;stroke-width:2.4}
.dmo-bars{display:inline-flex;align-items:flex-end;gap:calc(1.2*var(--p));height:calc(10*var(--p))}
.dmo-bars i{width:calc(2.4*var(--p));background:#fff;border-radius:.5px}
.dmo-bars i:nth-child(1){height:25%}.dmo-bars i:nth-child(2){height:50%}.dmo-bars i:nth-child(3){height:75%}.dmo-bars i:nth-child(4){height:100%}
.dmo-bars i.off{background:rgba(255,255,255,.24)}
.dmo-gen{font:700 calc(9.5*var(--p))/1 var(--mono);color:#fff;margin-left:calc(-4*var(--p))}
/* the status row: a grid of equal columns (Hub | Heat | Uploads | Storage), each an icon beside its value in a fixed
   slot, centred in its own column, so a value that changes never moves its neighbours */
.dmo-status{--col:calc(6*(1ch + .78*var(--p)) + 29*var(--p));flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font:700 calc(13*var(--p))/1 var(--mono)}
.dmo-app.is-tablet:not(.is-land) .dmo-status{grid-template-columns:repeat(4,var(--col))}
.dmo-st{justify-self:center;display:inline-flex;align-items:center;gap:calc(7*var(--p));font:700 calc(13*var(--p))/1 var(--mono);letter-spacing:calc(.78*var(--p));white-space:nowrap}
.dmo-st span{display:inline-flex;align-items:center;gap:calc(4*var(--p));width:calc(var(--n)*(1ch + .78*var(--p)));transition:opacity .3s}
.dmo-st-hub span{width:calc(3*(1ch + .78*var(--p)) + 10*var(--p))}
.dmo-hubdot{width:calc(6*var(--p));height:calc(6*var(--p));border-radius:50%;background:var(--green);flex:none}
.dmo-st .dmo-i{width:calc(18*var(--p));height:calc(18*var(--p));stroke-width:2.1}
.dmo-st-hub .dmo-i,.dmo-st-sto .dmo-i{color:var(--green)}
.dmo-st-heat{color:var(--green)}
.dmo-dir{flex-basis:100%;display:flex;align-items:center;gap:calc(10*var(--p));height:calc(50*var(--p));padding:0 calc(12*var(--p)) 0 calc(11*var(--p));border-left:calc(3*var(--p)) solid var(--y)}
.dmo-dir[hidden]{display:none}
.dmo-app.has-dir .dmo-dir{display:flex}
.dmo-dir-a .dmo-i{width:calc(30*var(--p));height:calc(30*var(--p));color:var(--y);stroke-width:2.6}
.dmo-dir b{display:block;font:750 calc(17*var(--p))/1.1 var(--sans)}
.dmo-dir small{font:600 calc(12.5*var(--p))/1.2 var(--sans);color:var(--dim)}
.dmo-app.is-land .dmo-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:calc(8*var(--p)) calc(18*var(--p))}
.dmo-app.is-land .dmo-recb{grid-column:1;grid-row:1}
.dmo-app.is-land .dmo-clock{grid-column:3;grid-row:1}
.dmo-app.is-land .dmo-status{grid-column:1/-1;grid-row:2;justify-self:center;grid-template-columns:repeat(4,calc(var(--col) + 16*var(--p)))}
.dmo-app.is-land .dmo-dir{grid-column:1/-1;width:min(340px,42%);justify-self:start}
.dmo-left{position:absolute;left:calc(var(--ml) - 7*var(--p));top:48%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:calc(12*var(--p))}
.dmo-police,.dmo-report{position:relative;width:calc(86*var(--p));height:calc(64*var(--p));border-radius:calc(14*var(--p));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5*var(--p));transition:background .25s,box-shadow .25s,width .2s}
.dmo-lb{display:flex;gap:calc(3*var(--p));width:calc(44*var(--p));height:calc(18*var(--p));padding:calc(2*var(--p));border-radius:calc(5*var(--p));background:#22242A;flex:none}
.dmo-lb i{flex:1;border-radius:calc(4*var(--p));transition:background .12s,box-shadow .12s}
.dmo-lb .r{background:var(--red)}
.dmo-lb .b{background:var(--blue)}
.dmo-pl{font:700 calc(10*var(--p))/1 var(--mono);letter-spacing:calc(.6*var(--p))}
.dmo-ps,.dmo-pt{display:none}
.dmo-hz{width:calc(30*var(--p));height:calc(27*var(--p));display:block}
.dmo-app.is-stop .dmo-police{width:calc(132*var(--p));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:calc(8*var(--p));row-gap:calc(6*var(--p));align-content:center;justify-content:center;justify-items:start}
.dmo-app.is-stop .dmo-ps{display:block;font:700 calc(11*var(--p))/1 var(--mono);color:var(--red);align-self:center}
.dmo-app.is-stop.is-blink .dmo-ps{color:#2E7AFF}
.dmo-app.is-stop .dmo-pt{display:block;font:700 calc(15*var(--p))/1 var(--mono);font-variant-numeric:tabular-nums}
.dmo-app.is-stop .dmo-police .dmo-lb{grid-column:1;grid-row:1}
.dmo-app.is-stop .dmo-police .dmo-pl{grid-column:1;grid-row:2;align-self:center}
.dmo-app.is-stop .dmo-police .r{box-shadow:0 0 calc(12*var(--p)) var(--red)}
.dmo-app.is-stop .dmo-police .b{background:#182C5C}
.dmo-app.is-stop.is-blink .dmo-police .r{background:#5A1E22;box-shadow:none}
.dmo-app.is-stop.is-blink .dmo-police .b{background:var(--blue);box-shadow:0 0 calc(12*var(--p)) var(--blue)}
.dmo-bot{position:absolute;left:var(--ml);right:var(--mr);bottom:var(--mb);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:calc(10*var(--p))}
.dmo-odo{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:calc(3*var(--p));margin-bottom:calc(14*var(--p))}
.dmo-odo small{font:500 calc(9*var(--p))/1 var(--mono);letter-spacing:calc(.54*var(--p));color:rgba(255,255,255,.62)}
.dmo-odo .dmo-today{color:rgba(255,255,255,.55)}
.dmo-trip{font:700 calc(13*var(--p))/1 var(--mono);letter-spacing:calc(.78*var(--p))}
.dmo-spd{grid-column:1/3;grid-row:2;display:flex;align-items:flex-end;gap:calc(6*var(--p))}
.dmo-speed{display:flex;flex-direction:column;align-items:flex-start}
.dmo-gps{font:500 calc(9*var(--p))/calc(20*var(--p)) var(--mono);letter-spacing:calc(.54*var(--p));color:rgba(255,255,255,.6);white-space:nowrap}
.dmo-sp-row{display:flex;align-items:flex-end;gap:calc(4*var(--p))}
.dmo-digits{display:flex;gap:calc(8*var(--p));height:calc(58*var(--p));transform:skewX(-4.6deg);transform-origin:0 100%;margin-left:calc(3*var(--p))}
.dmo-sd{width:calc(31*var(--p));height:calc(58*var(--p));display:block;overflow:visible}
.dmo-sd path{fill:rgba(255,255,6,.1)}
.dmo-sd path.on{fill:var(--y)}
.dmo-app.is-and .dmo-sd path.on{stroke:rgba(0,0,0,.45);stroke-width:.9}
.dmo-unit{padding-bottom:calc(2*var(--p));font:700 calc(11*var(--p))/1 var(--mono);letter-spacing:calc(.66*var(--p));color:rgba(255,255,255,.8)}
.dmo-limit{width:calc(46*var(--p));height:calc(58*var(--p));flex:none}
.dmo-sign{display:block;width:100%;height:100%;overflow:visible}
.dmo-sign text{font-family:var(--sans);font-weight:700;text-anchor:middle;fill:#000;text-shadow:none}
.dmo-sign g.dmo-sg-us text:not(.dmo-sg-n){font-size:7.5px;letter-spacing:.2px}
.dmo-sign .dmo-sg-n{font-size:21px;letter-spacing:-.5px}
.dmo-sign.is-big .dmo-sg-n{font-size:17px}
.dmo-sg-eu .dmo-sg-n{font-size:18px}
.dmo-sg-ring{fill:none;stroke:var(--red);stroke-width:3;opacity:0}
.dmo-app.is-over .dmo-sg-ring{opacity:1}
.dmo-sg-eu{display:none}
.dmo-app.is-metric .dmo-sg-us{display:none}
.dmo-app.is-metric .dmo-sg-eu{display:inline}
.dmo-app.no-limit .dmo-limit,.dmo-app.no-sign .dmo-limit,.dmo-app.ro-limit .dmo-limit{visibility:hidden}
.dmo-pos{grid-column:2/4;grid-row:1;justify-self:end;max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:calc(4*var(--p));margin-bottom:calc(14*var(--p));text-align:right}
.dmo-street{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 calc(12*var(--p))/1.2 var(--sans)}
.dmo-app.is-coords .dmo-street{font-family:var(--mono)}
.dmo-elev{font:500 calc(10*var(--p))/1 var(--mono);letter-spacing:calc(.6*var(--p));color:rgba(255,255,255,.65);white-space:nowrap}
.dmo-pair{display:contents}
.dmo-pairodo{display:none}
.dmo-g{grid-column:3;grid-row:2;display:flex;align-items:center;gap:calc(10*var(--p))}
.dmo-gm{width:calc(44*var(--p));height:calc(44*var(--p));display:block;overflow:visible}
.dmo-gm-bg{fill:rgba(12,13,16,.45)}
.dmo-gm-rim{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.5}
.dmo-gm-l{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1}
.dmo-gm-dot{fill:var(--y);transition:cx .25s linear,cy .25s linear}
.dmo-g small{display:block;margin-bottom:calc(4*var(--p));font:500 calc(9*var(--p))/1 var(--mono);letter-spacing:calc(.54*var(--p));color:rgba(255,255,255,.6)}
.dmo-gv{font:700 calc(13*var(--p))/1 var(--mono);letter-spacing:calc(.78*var(--p))}
.dmo-app.is-land .dmo-bot{grid-template-rows:auto}
.dmo-app.is-land .dmo-spd{grid-column:1;grid-row:1}
.dmo-app.is-land .dmo-pair{display:flex;grid-column:2;grid-row:1;justify-self:center;align-items:flex-end;gap:calc(18*var(--p));padding-bottom:calc(4*var(--p))}
.dmo-app.is-land .dmo-pairodo{display:block}
.dmo-app.is-land .dmo-odo{margin:0}
.dmo-app.is-land .dmo-pos{grid-column:3;grid-row:1;max-width:none;margin:0 0 calc(4*var(--p))}
/* readouts turned off in Settings › On screen */
.dmo-app.ro-clock .dmo-clock,.dmo-app.ro-speed .dmo-speed,.dmo-app.ro-g .dmo-g,.dmo-app.ro-trip .dmo-odo,.dmo-app.ro-position .dmo-pos{visibility:hidden}
.dmo-app.ro-status .dmo-status{display:none}
.dmo-app.ro-police .dmo-police,.dmo-app.ro-report .dmo-report{display:none}
/* the rail */
.dmo-rail{position:absolute;z-index:4;right:var(--rr);top:48%;transform:translateY(-50%);width:76px}
.dmo-rail-d,.dmo-rail-b{display:flex;flex-direction:column;align-items:center}
.dmo-rail-b,.dmo-app.is-body .dmo-rail-d{display:none}
.dmo-app.is-body .dmo-rail-b{display:flex}
.dmo-rb{height:64px;display:flex;flex-direction:column;align-items:center;gap:3px}
/* HUD action buttons (HUDActionStyle): a yellow disc with a black symbol and rim, the label in yellow capitals on a black pill */
.dmo-rc{width:44px;height:44px;border-radius:50%;background:linear-gradient(#FFFF06,#F2F000);color:#0A0A0A;box-shadow:inset 0 0 0 1.4px #0A0A0A,inset 0 2px 0 -1px rgba(255,255,255,.55),0 2px 4px rgba(0,0,0,.45);display:grid;place-items:center;transition:transform .12s,background .2s}
.dmo-rb:active .dmo-rc{background:linear-gradient(#D6D300,#C4C100)}
.dmo-rb:active .dmo-rc{transform:scale(.92)}
.dmo-rc .dmo-i{width:21px;height:21px;stroke-width:2.1}
.dmo-rail.no-lbl .dmo-rl{display:none}
.dmo-rail.no-lbl .dmo-rb{height:50px}
.dmo-rl{font:700 9.5px/1.2 var(--mono);letter-spacing:.38px;text-transform:uppercase;color:var(--y);white-space:nowrap}
.dmo-app.is-covered .dmo-hud,.dmo-app.is-covered .dmo-rail{visibility:hidden}
.dmo-app.on-screen2 .dmo-hud,.dmo-app.on-screen2 .dmo-rail,.dmo-app.on-screen2 .dmo-cam,.dmo-app.on-screen2 .dmo-scrim,.dmo-app.on-screen2 .dmo-brkw{visibility:hidden}
.dmo-dots{position:absolute;z-index:30;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .5s}
.dmo-app.is-land .dmo-dots{bottom:12px}
.dmo-app.show-dots .dmo-dots{opacity:1}
.dmo-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.dmo-dots i.on{background:var(--y)}
.dmo-andctl{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px}
.dmo-andctl[hidden]{display:none}
.dmo-andctl button{padding:14px 22px;border-radius:12px;background:rgba(26,28,33,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:600 15px/1 var(--sans);white-space:nowrap}
.dmo-andctl button.y{background:var(--y);color:#000;box-shadow:none}
/* the system bars, shown for a moment */
.dmo-sys{position:absolute;inset:0;z-index:90;pointer-events:none}
.dmo-hi{position:absolute;left:50%;bottom:8px;width:134px;height:5px;border-radius:3px;background:#fff;transform:translateX(-50%);opacity:0;transition:opacity .8s}
.dmo-app.is-land .dmo-hi{width:180px}
.dmo-sys.is-on .dmo-hi{opacity:.8;transition-duration:.2s}
.dmo-app[data-dev="iphone-se"] .dmo-hi,.dmo-app.is-tablet .dmo-hi{width:120px}
.dmo-app[data-dev="iphone-se"] .dmo-hi{display:none}
.dmo-asb{position:absolute;left:0;right:0;top:0;height:30px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));font:600 13px/1 var(--sans);transform:translateY(-100%);transition:transform .35s}
.dmo-asb span{display:flex;align-items:center;gap:6px}
.dmo-asb .dmo-bars{height:10px}
.dmo-asb .dmo-bars i{width:2.4px}
.dmo-asb .dmo-gen{font-size:9.5px;margin-left:-3px}
.dmo-asb .dmo-wf{width:13px;height:13px;stroke-width:2.4}
.dmo-bat{position:relative;width:20px;height:10px;border-radius:2.5px;box-shadow:inset 0 0 0 1.3px #fff;padding:2px}
.dmo-bat i{display:block;width:80%;height:100%;border-radius:1px;background:#fff}
.dmo-anb{position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:center;justify-content:center;gap:28%;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));transform:translateY(100%);transition:transform .35s}
.dmo-anb i{display:block;opacity:.9}
.dmo-anb .p{width:108px;height:4px;border-radius:2px;background:#fff}
.dmo-anb .r{width:14px;height:13px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 6px)}
.dmo-anb .h{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 2px #fff}
.dmo-anb .b{width:10px;height:10px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:rotate(45deg)}
.dmo-sys.is-on .dmo-asb,.dmo-sys.is-on .dmo-anb{transform:none}
/* toasts */
.dmo-toasts{position:absolute;z-index:95;left:0;right:0;top:calc(var(--cst,0px) + 26px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.dmo-app.is-web .dmo-toasts{top:auto;bottom:24px}
.dmo-toast{max-width:min(88%,430px);padding:calc(12*var(--p)) calc(18*var(--p));border-radius:calc(16*var(--p));background:rgba(20,21,26,.94);box-shadow:inset 0 0 0 1px rgba(255,255,6,.35),0 12px 30px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:calc(3*var(--p));text-align:center;color:#fff;animation:dmoIn .3s cubic-bezier(.2,.8,.2,1);transition:opacity .35s}
.dmo-toast b{font:700 calc(15*var(--p))/1.25 var(--sans)}
.dmo-toast span{font:500 calc(12.5*var(--p))/1.35 var(--sans);color:rgba(255,255,255,.72)}
.dmo-toast.is-out{opacity:0}

/* layers: cards, sheets and screens over the HUD */
.dmo-layers{position:absolute;inset:0;z-index:50;pointer-events:none}
.dmo-layer{position:absolute;inset:0;pointer-events:auto}
.dmo-scrimc,.dmo-sscrim{position:absolute;inset:0;background:rgba(0,0,0,.62);animation:dmoFade .2s}
.dmo-sscrim{background:rgba(0,0,0,.42)}
.dmo-cs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 40px),440px);max-height:calc(100% - 40px);overflow:auto;overscroll-behavior:contain;padding:22px 20px 18px;border-radius:22px;background:#14151A;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 30px 80px rgba(0,0,0,.6);animation:dmoPop .22s cubic-bezier(.2,.8,.2,1)}
.dmo-layer.is-bottom .dmo-cs{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:90%;border-radius:22px 22px 0 0;padding-bottom:calc(18px + var(--csb,0px));animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}
.dmo-cs-t{font:700 21px/1.2 var(--sans)}
.dmo-cs-s{margin:6px 0 14px;font:500 14px/1.45 var(--sans);color:rgba(255,255,255,.75)}
.dmo-cs-long p{margin:0 0 10px}
.dmo-cs-y{margin:-4px 0 12px;font:600 13.5px/1.4 var(--sans);color:var(--y)}
.dmo-cs-h{margin:4px 0 8px;font:700 13px/1 var(--sans);color:rgba(255,255,255,.8)}
.dmo-cs-ul{margin:0 0 12px;padding:0 0 0 18px;font:500 13px/1.45 var(--sans);color:rgba(255,255,255,.8)}
.dmo-cs-ul li{margin:0 0 6px}
.dmo-cs-b{display:flex;gap:10px;margin-top:16px}
.dmo-cs-b.one{justify-content:center}
.dmo-cs-b.end{justify-content:flex-end}
.dmo-cs-note{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;font:500 12.5px/1.4 var(--sans);color:rgba(255,255,255,.72)}
.dmo-cs-note .dmo-i{width:15px;height:15px;color:var(--y)}
.dmo-cap{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:99px;font:700 15px/1.1 var(--sans);text-align:center;flex:1}
.dmo-cs-b.one .dmo-cap,.dmo-cs-b.end .dmo-cap{flex:0 1 auto;min-width:120px}
.dmo-cap.g{background:#24272E;color:#fff}
.dmo-cap.r{background:var(--red);color:#fff;flex:1.6}
.dmo-cap.w{background:#fff;color:#000}
.dmo-cap.y{background:var(--y);color:#000;box-shadow:0 3px 0 #A8A300}
.dmo-cap[disabled]{opacity:.45}
.dmo-cap .dmo-i{width:16px;height:16px}
.dmo-cap .led{width:7px;height:7px;border-radius:50%;background:#000;opacity:.5}
.dmo-ck{display:flex;align-items:flex-start;gap:12px;width:100%;padding:8px 0}
.dmo-ck-b{width:22px;height:22px;flex:none;margin-top:1px;border-radius:5px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.65);display:grid;place-items:center;color:#000}
.dmo-ck-b .dmo-i{width:16px;height:16px;stroke-width:3}
.dmo-ck.on .dmo-ck-b{background:var(--y);box-shadow:none}
.dmo-app.is-and .dmo-ck-b{box-shadow:none;background:none!important;font:400 23px/22px var(--sys);color:rgba(255,255,255,.8)}
.dmo-app.is-and .dmo-ck.on .dmo-ck-b{color:var(--y)}
.dmo-ck>span:last-child{display:flex;flex-direction:column;gap:2px}
.dmo-ck b{font:700 15px/1.3 var(--sans)}
.dmo-ck small{font:500 12.5px/1.35 var(--sans);color:rgba(255,255,255,.6)}
.dmo-rp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dmo-rp-t{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;border-radius:18px;background:linear-gradient(#1C1D21,#16171A);box-shadow:0 4px 0 #08080A,inset 0 1px 0 rgba(255,255,255,.12);text-align:center;transition:transform .1s}
.dmo-rp-t:active{transform:translateY(3px)}
.dmo-rp-t img{width:62px;height:57px}
.dmo-rp-t b{font:700 14.5px/1.2 var(--sans)}

/* Settings: a sheet on iPhone, a side panel on Android */
.dmo-sheet{position:absolute;display:flex;flex-direction:column;overflow:hidden;background:#0E0F12}
.dmo-layer.is-sheet .dmo-sheet{left:0;right:0;bottom:0;top:calc(var(--cst,0px) + 10px);border-radius:34px 34px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.5);animation:sheetUp .32s cubic-bezier(.2,.8,.2,1)}
.dmo-app.is-land .dmo-layer.is-sheet .dmo-sheet,.dmo-app.is-tablet .dmo-layer.is-sheet .dmo-sheet{left:50%;right:auto;width:min(640px,calc(100% - 2*var(--ss,0px) - 20px));transform:translateX(-50%);top:12px;border-radius:26px 26px 0 0;animation:dmoFade .25s}
.dmo-app.is-tablet .dmo-layer.is-sheet .dmo-sheet{top:40px;bottom:40px;border-radius:24px}
.dmo-layer.is-side .dmo-sheet{top:0;bottom:0;right:0;width:94%;border-radius:24px 0 0 24px;background:rgba(14,15,18,.985);box-shadow:inset 1px 0 0 rgba(255,255,255,.09);animation:sideIn .26s cubic-bezier(.2,.8,.2,1)}
.dmo-app.is-land .dmo-layer.is-side .dmo-sheet,.dmo-app.is-tablet .dmo-layer.is-side .dmo-sheet{width:min(440px,46%)}
.dmo-app.is-tablet:not(.is-land) .dmo-layer.is-side .dmo-sheet{width:min(460px,60%)}
.dmo-layer.is-page .dmo-sheet{inset:0;background:#0E0F12;padding-top:calc(var(--st,0px) * .6)}
.dmo-grab{flex:none;width:36px;height:5px;margin:7px auto 0;border-radius:3px;background:rgba(255,255,255,.28)}
.dmo-nav{flex:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 16px 10px}
.dmo-nt{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;font:600 17px/1.2 var(--sys);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmo-done{height:36px;padding:0 16px;border-radius:99px;background:var(--y);color:#000;font:600 16px/1 var(--sys)}
.dmo-nb{width:44px;height:44px;flex:none;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fff}
.dmo-nb .dmo-i{width:20px;height:20px;stroke-width:2.2}
.dmo-nb[disabled]{opacity:.3}
.dmo-nb.is-raised{width:40px;height:40px;background:linear-gradient(#1C1D21,#16171A);box-shadow:0 3px 0 #08080A,inset 0 1px 0 rgba(255,255,255,.12)}
.dmo-anav{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px 12px 10px}
.dmo-anav .dmo-nt{flex:1;justify-content:flex-start;font:700 22px/1.2 var(--sans);text-align:left}
.dmo-anav.is-screen{padding:12px 16px}
.dmo-anav.is-screen .dmo-nt{font-size:22px}
.dmo-sbody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 18px 28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.dmo-scol{max-width:640px;margin:0 auto}
.dmo-banner{margin:0 0 4px;padding:12px 14px;border-radius:12px;background:rgba(255,255,6,.16);box-shadow:inset 0 0 0 1px rgba(255,255,6,.35);font:600 13px/1.35 var(--mono);white-space:pre-wrap}
.dmo-procard{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0 0;padding:14px 16px;border-radius:16px;background:#14140C;box-shadow:inset 0 0 0 1px var(--y);text-align:left}
.dmo-procard>span{flex:1;display:flex;flex-direction:column;gap:2px}
.dmo-procard b{font:700 16px/1.25 var(--sans)}
.dmo-procard small{font:500 13px/1.3 var(--sans);color:var(--dim)}
.dmo-procard em{padding:8px 12px;border-radius:99px;background:var(--y);color:#000;font:700 13px/1 var(--sans);font-style:normal;white-space:nowrap}
.dmo-sh{display:flex;align-items:center;gap:4px;min-height:30px;padding:14px 4px 4px;font:700 11px/1 var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--y)}
.dmo-sh2{margin:0 0 4px;font:700 10.5px/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--y)}
.dmo-info{width:30px;height:30px;display:inline-grid;place-items:center;color:rgba(255,255,255,.86);flex:none}
.dmo-info .dmo-i{width:16px;height:16px;stroke-width:1.8}
.dmo-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.dmo-app.is-and .dmo-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.dmo-app.is-and .dmo-chips::-webkit-scrollbar{display:none}
.dmo-app.is-and .dmo-chips.is-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dmo-app.is-and .dmo-chips.is-3 .dmo-chip{white-space:normal;text-align:center;padding:9px 6px}
.dmo-chip{padding:10px 14px;border-radius:10px;background:#24272E;font:700 14px/1.2 var(--sans);white-space:nowrap;flex:none}
.dmo-chip.on{background:var(--y);color:#000}
.dmo-chip[aria-disabled="true"]{opacity:.4}
.dmo-row{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 8px;padding:12px 12px 12px 14px;border-radius:16px;background:#181A1F;text-align:left}
.dmo-row-i{width:40px;height:40px;flex:none;border-radius:10px;background:rgba(255,255,6,.11);color:var(--y);display:grid;place-items:center}
.dmo-row-i .dmo-i{width:20px;height:20px;stroke-width:2}
.dmo-row-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dmo-row-t b{font:700 16px/1.25 var(--sans)}
.dmo-row-t small{font:500 13px/1.3 var(--sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmo-row-c{width:14px;height:14px;color:rgba(255,255,255,.47);stroke-width:2.8}
.dmo-tag,.dmo-soon{display:inline-block;margin-left:6px;padding:2px 7px 2px;border-radius:6px;background:var(--y);color:#000;font:700 9.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;font-style:normal;white-space:nowrap}
.dmo-soon{background:none;color:var(--y);box-shadow:inset 0 0 0 1px rgba(255,255,6,.6)}
.dmo-card{margin:0 0 8px;padding:14px 16px;border-radius:16px;background:#181A1F}
.dmo-ct{display:block;font:700 16px/1.3 var(--sans)}
.dmo-ckcard{padding:6px 14px}
.dmo-tg-r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dmo-tg-l{display:flex;align-items:center;gap:2px;font:700 15px/1.3 var(--sans)}
.dmo-tg-s{margin:4px 0 0;font:500 13px/1.4 var(--sans);color:var(--dim)}
.dmo-tog{position:relative;width:51px;height:31px;flex:none;border-radius:99px;background:#39393D;transition:background .2s}
.dmo-tog i{position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .2s}
.dmo-tog.on{background:var(--y)}
.dmo-tog.on i{transform:translateX(20px)}
.dmo-app.is-and .dmo-tog{width:44px;height:24px;background:none}
.dmo-app.is-and .dmo-tog::before{content:"";position:absolute;left:4px;right:4px;top:5px;height:14px;border-radius:7px;background:rgba(255,255,255,.35);transition:background .2s}
.dmo-app.is-and .dmo-tog i{left:0;top:2px;width:20px;height:20px;background:#c8c8c8}
.dmo-app.is-and .dmo-tog.on::before{background:rgba(255,255,6,.55)}
.dmo-app.is-and .dmo-tog.on i{background:var(--y);transform:translateX(24px)}
.dmo-note2{padding:4px 4px 8px;font:500 13px/1.45 var(--sans);color:rgba(255,255,255,.59)}
.dmo-note2.c,.dmo-link.c{display:block;text-align:center;margin:0 auto}
.dmo-preset{display:block;width:100%;margin:0 0 8px;padding:12px 16px;border-radius:14px;background:#181A1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);text-align:left}
.dmo-preset b{display:block;font:700 16px/1.3 var(--sans)}
.dmo-preset small{display:block;padding-left:22px;font:500 13px/1.35 var(--sans);color:var(--dim)}
.dmo-preset.on{background:rgba(255,255,6,.14);box-shadow:inset 0 0 0 2px var(--y)}
.dmo-preset.on b{color:var(--y)}
.dmo-disc{display:block;padding:20px 0 4px;font:700 15px/1 var(--sans)}
.dmo-fl{display:flex;align-items:center;gap:2px;min-height:30px;margin:6px 0 2px;font:700 14px/1.2 var(--sans)}
.dmo-wide{display:block;width:100%;margin:0 0 8px;padding:13px 16px;border-radius:12px;background:#24272E;font:700 15px/1.2 var(--sans);text-align:center}
.dmo-wide.y{background:var(--y);color:#000}
.dmo-btns{display:flex;flex-direction:column}
.dmo-mono{font:600 15px/1.3 var(--mono)}
.dmo-mono.y,.y.dmo-mono{color:var(--y)}
.dmo-dim{margin-top:4px;font:500 13px/1.45 var(--sans);color:var(--dim)}
.dmo-sl-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 15px/1.3 var(--sans)}
.dmo-usage{height:6px;margin:10px 0 6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.dmo-usage i{display:block;height:100%;border-radius:3px;background:var(--y)}
.dmo-range{display:block;width:100%;margin:10px 0 2px;accent-color:#FFFF06}
.dmo-callout{margin:0 0 8px;padding:14px 16px;border-radius:16px;background:rgba(255,255,6,.16);box-shadow:inset 0 0 0 1px rgba(255,255,6,.43)}
.dmo-callout b{display:block;font:700 15px/1.3 var(--sans)}
.dmo-callout p{margin:6px 0 10px;font:500 13px/1.45 var(--sans);color:rgba(255,255,255,.8)}
.dmo-callout .dmo-wide{width:auto;display:inline-block;margin:0;padding:10px 16px;border-radius:99px}
.dmo-heat{font:700 26px/1.2 var(--sans);color:var(--green)}
.dmo-legend p{display:flex;align-items:center;gap:10px;margin:4px 0;font:500 14px/1.3 var(--sans)}
.dmo-legend i{width:10px;height:10px;border-radius:50%}
.dmo-steps b{font:700 16px/1.3 var(--sans)}
.dmo-steps ol{margin:8px 0 0;padding:0;list-style:none;counter-reset:st}
.dmo-steps li{counter-increment:st;display:flex;gap:10px;margin:7px 0;font:500 14px/1.45 var(--sans);color:rgba(255,255,255,.85)}
.dmo-steps li::before{content:counter(st);flex:none;width:14px;color:var(--y);font:700 14px/1.45 var(--mono)}
.dmo-ok{font:700 15px/1.3 var(--sans);color:var(--green)}
.dmo-hubad{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:14px 16px;border-radius:16px;background:#14140C;box-shadow:inset 0 0 0 1px rgba(255,255,6,.5);color:#fff;text-decoration:none}
.dmo-hubad b{display:block;font:700 15px/1.3 var(--sans)}
.dmo-hubad span{flex:1;display:flex;flex-direction:column;gap:3px;font:500 13px/1.4 var(--sans);color:var(--dim)}
.dmo-hubad>.dmo-i{width:14px;height:14px;color:var(--y);stroke-width:2.8}
.dmo-link{padding:6px 4px;font:600 15px/1 var(--sys);color:var(--y)}
.dmo-ev{display:flex;gap:12px;margin:0 0 8px;padding:12px 14px 12px 12px;border-radius:14px;background:#181A1F}
.dmo-ev>i{width:4px;flex:none;border-radius:2px;background:var(--red)}
.dmo-ev>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.dmo-ev small{font:600 10px/1.2 var(--mono);letter-spacing:.06em;color:var(--dim)}
.dmo-ev b{font:700 17px/1.2 var(--sans)}
.dmo-ev span{font:500 13px/1.4 var(--sans);color:var(--dim)}
.dmo-pill-y{display:inline-block;padding:3px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font:700 10px/1.2 var(--mono);letter-spacing:.08em;font-style:normal;color:rgba(255,255,255,.8)}
.dmo-pill-y.is-b{background:var(--y);color:#000;box-shadow:none}
.dmo-itile{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;border-radius:6px;background:linear-gradient(#FFFF3A,#F5F200);color:#000;box-shadow:0 2px 0 #A8A300}
.dmo-itile .dmo-i{width:15px;height:15px;stroke-width:2.2}
.dmo-recline{margin:0 0 6px;font:600 12px/1.3 var(--mono);color:var(--red)}
.dmo-recline.off{color:rgba(255,255,255,.65)}
.dmo-pillbtn{display:flex;align-items:center;justify-content:space-between;width:100%;margin:6px 0 8px;padding:12px 12px 12px 18px;border-radius:99px;background:var(--y);color:#000;font:700 15px/1.2 var(--sans);box-shadow:0 3px 0 #A8A300}
.dmo-pillbtn .dmo-i{width:28px;height:28px;padding:6px;border-radius:50%;background:#000;color:var(--y);stroke-width:2.8}
.dmo-sheet2{position:absolute;left:0;right:0;bottom:0;max-height:88%;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:#0E0F12;box-shadow:0 -1px 0 rgba(255,255,255,.12),0 -20px 50px rgba(0,0,0,.5);padding-bottom:var(--csb,0px);animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}
.dmo-layer.is-side2 .dmo-sheet2{top:0;left:auto;width:min(380px,48%);max-height:none;border-radius:22px 0 0 22px;animation:sideIn .26s cubic-bezier(.2,.8,.2,1)}
.dmo-s2h{flex:none;display:flex;align-items:center;gap:8px;padding:16px 16px 6px 20px}
.dmo-s2h .dmo-nt{flex:1;justify-content:flex-start;font:700 20px/1.2 var(--sans);text-align:left}
.dmo-dual{position:relative;height:30px;margin-top:8px}
.dmo-dual input{position:absolute;left:0;top:0;width:100%;height:30px;margin:0;pointer-events:none;-webkit-appearance:none;appearance:none;background:none}
.dmo-dual::before{content:"";position:absolute;left:10px;right:10px;top:13px;height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
.dmo-dual input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--y);box-shadow:0 2px 6px rgba(0,0,0,.5);cursor:pointer}
.dmo-dual input::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border:0;border-radius:50%;background:var(--y);box-shadow:0 2px 6px rgba(0,0,0,.5);cursor:pointer}
.dmo-dual input::-moz-range-track{background:none}
.dmo-dual input:focus-visible{outline:none!important;box-shadow:none!important}
.dmo-dual input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff}
.dmo-dual input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff}

/* the Clips library */
.dmo-l-clips{background:#0E0F12}
.cl-wrap{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--cst,0px) - 6px) var(--ss,0px) var(--csb,0px);background:#0E0F12}
.dmo-app:not(.is-land) .cl-wrap{padding-top:max(0px,calc(var(--cst,0px) - 8px))}
.cl-top,.cl-top2{flex:none;display:flex;align-items:center;gap:8px;padding:10px 14px 8px}
.cl-top2{padding-top:0}
.cl-sp{flex:1}
.cl-x{width:40px;height:40px;flex:none;border-radius:50%;background:linear-gradient(#1C1D21,#16171A);box-shadow:0 3px 0 #08080A,inset 0 1px 0 rgba(255,255,255,.12);display:grid;place-items:center;color:#fff}
.cl-x .dmo-i{width:18px;height:18px;stroke-width:2.2}
.cl-x.y{background:var(--y);color:#000;box-shadow:0 3px 0 #A8A300}
.cl-h{display:flex;align-items:center;gap:8px;font:700 17px/1 var(--sans);white-space:nowrap}
.cl-src{display:flex;gap:2px;padding:3px;border-radius:12px;background:#181A1F}
.cl-top2 .cl-src{flex:1}
.cl-src button{flex:1;padding:8px 10px;border-radius:9px;font:700 13px/1 var(--sans);color:rgba(255,255,255,.78);white-space:nowrap;text-align:center}
.cl-src button.on{background:var(--y);color:#000}
.cl-src button[disabled]{color:rgba(255,255,255,.4)}
.cl-src .dmo-soon{margin-left:4px;padding:1px 5px;font-size:8px;vertical-align:1px}
.cl-cloud{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px!important}
.cl-cloud .dmo-soon{margin:0;font-size:7px;padding:1px 4px}
.cl-side .cl-src{flex:none}
.cl-side .cl-src button{padding:7px 4px;font-size:12px}
.cl-day{display:flex;align-items:center;gap:4px}
.cl-dn{width:34px;height:34px;border-radius:50%;background:#181A1F;display:grid;place-items:center}
.cl-dn .dmo-i{width:16px;height:16px;stroke-width:2.4}
.cl-dn[disabled]{opacity:.3}
.cl-date,.cl-fb{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;background:#181A1F;white-space:nowrap}
.cl-date{font:700 12px/1 var(--mono);letter-spacing:.08em}
.cl-date .dmo-i,.cl-fb .dmo-i{width:16px;height:16px}
.cl-fb{font:700 13px/1 var(--sans)}
.cl-fb[aria-pressed="true"]{background:#fff;color:#000}
.cl-fb em{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--y);color:#000;font:700 11px/18px var(--mono);font-style:normal;text-align:center}
.cl-top2 .cl-day{flex:1}
.cl-top2 .cl-date{flex:1;justify-content:center}
.cl-body{flex:1;min-height:0;display:flex;flex-direction:column}
.is-wide .cl-body{flex-direction:row}
.cl-side{width:232px;flex:none;overflow:auto;overscroll-behavior:contain;padding:0 10px 12px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none}
.cl-sc{padding:12px 14px;border-radius:14px;background:#181A1F}
.cl-sc h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:700 10.5px/1 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--y)}
.cl-sc h3 .dmo-tag{margin:0;font-size:8px}
.cl-big{font:700 24px/1.1 var(--sans)}
.cl-big small{font:500 13px var(--sans);color:rgba(255,255,255,.6)}
.cl-stack{display:flex;height:8px;margin:8px 0 6px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.cl-stack i,.cl-leg i{display:block;background:rgba(255,255,255,.55)}
.cl-stack .lk,.cl-leg .lk{background:var(--y)}
.cl-stack .ps,.cl-leg .ps{background:var(--red)}
.cl-leg{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 6px;font:500 11px/1.3 var(--sans);color:rgba(255,255,255,.7)}
.cl-leg span{display:flex;align-items:center;gap:4px}
.cl-leg i{width:8px;height:8px;border-radius:2px}
.cl-kv{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font:500 12.5px/1.35 var(--sans);color:rgba(255,255,255,.6)}
.cl-kv b{color:#fff;font-weight:700;white-space:nowrap}
.cl-ok{display:flex;align-items:center;gap:6px;font:700 13px/1.3 var(--sans);color:var(--green)}
.cl-ok i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}
.cl-today{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
.cl-today b{display:block;font:700 20px/1.1 var(--sans)}
.cl-today small{font:500 11px/1.2 var(--sans);color:rgba(255,255,255,.6)}
.cl-sumn{flex:none;margin:0 14px 8px;border-radius:14px;background:#181A1F}
.cl-sumn summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 12px;font:600 12px/1.3 var(--sans);cursor:pointer}
.cl-sumn summary::-webkit-details-marker{display:none}
.cl-sumn summary>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-sumn summary .dmo-i{width:16px;height:16px;color:var(--y)}
.cl-sumn summary .dmo-i:last-child{color:#fff;transition:transform .2s}
.cl-sumn[open] summary .dmo-i:last-child{transform:rotate(180deg)}
.cl-sumb{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 8px 8px;max-height:260px;overflow:auto}
.cl-sumb .cl-sc{background:#23262D;padding:10px}
.cl-main{flex:1;min-width:0;min-height:0;display:flex}
.cl-grid{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 14px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:8px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.is-wide .cl-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));padding-left:4px}
.cl-grid.is-empty{display:grid;place-items:center;align-content:center;grid-template-columns:1fr}
.cl-grid.is-empty p{max-width:260px;text-align:center;font:500 14px/1.45 var(--sans);color:var(--dim)}
.cl-t{position:relative;display:block;width:100%;align-self:start;border-radius:10px;overflow:hidden;background:#181A1F;scroll-margin:10px}
.cl-t::before{content:"";display:block;padding-top:56.25%}
.cl-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cl-t::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,0) 36%,rgba(0,0,0,0) 52%,rgba(0,0,0,.72))}
.cl-c1{position:absolute;z-index:1;left:6px;top:6px;display:flex;align-items:center;gap:4px}
.cl-cam{padding:3px 5px;border-radius:4px;background:rgba(14,15,18,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);font:700 8.5px/1 var(--mono);letter-spacing:.06em;font-style:normal}
.cl-lk{width:18px;height:18px;border-radius:5px;background:var(--y);color:#000;display:grid;place-items:center}
.cl-lk .dmo-i{width:11px;height:11px}
.cl-where{position:absolute;z-index:1;right:6px;top:6px;display:flex;gap:3px}
.cl-where i{position:relative;width:18px;height:18px;border-radius:5px;background:rgba(14,15,18,.72);display:grid;place-items:center;color:rgba(255,255,255,.28)}
.cl-where i.on{color:#fff}
.cl-where .dmo-i{width:11px;height:11px;stroke-width:2.2}
.cl-ring{position:absolute;inset:-3px;border-radius:7px;background:conic-gradient(var(--y) calc(var(--p) * 360deg),rgba(255,255,255,.15) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;pointer-events:none}
.cl-bl{position:absolute;z-index:1;left:7px;right:34px;bottom:6px;display:flex;align-items:center;gap:5px;font:700 10px/1.1 var(--mono);text-shadow:0 1px 2px #000;white-space:nowrap}
.cl-bl b{overflow:hidden;text-overflow:ellipsis}
.cl-bl .dmo-i{width:12px;height:12px;stroke-width:2.2}
.cl-dur{position:absolute;z-index:1;right:7px;bottom:6px;font:600 9.5px/1.1 var(--mono);color:rgba(255,255,255,.78)}
.cl-t.is-cur{box-shadow:0 0 0 2px var(--y)}
.cl-t.is-sel{box-shadow:0 0 0 3px var(--y)}
.cl-t.is-selmode .cl-dur{display:none}
.cl-ck{position:absolute;z-index:2;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;background:rgba(0,0,0,.35);display:grid;place-items:center;color:#000}
.cl-ck .dmo-i{width:14px;height:14px;stroke-width:3}
.cl-t.is-sel .cl-ck{background:var(--y);box-shadow:none}
.cl-selbar{flex:none;display:flex;align-items:center;gap:4px;padding:6px 10px 6px 16px;background:#14151A;border-top:1px solid rgba(255,255,255,.08)}
.cl-selbar b{font:700 13px/1 var(--sans);white-space:nowrap}
.cl-selbar button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:52px;padding:5px 4px;border-radius:10px;font:600 10.5px/1 var(--sans)}
.cl-selbar button[disabled]{opacity:.35}
.cl-selbar .dmo-i{width:20px;height:20px}
.cl-tlw{flex:none;padding:8px 14px 10px;background:#0B0C0F;border-top:1px solid rgba(255,255,255,.07)}
.cl-tlh{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.cl-leg2{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.cl-leg2::-webkit-scrollbar{display:none}
.cl-leg2 button{flex:none;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;font:600 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.4);white-space:nowrap}
.cl-leg2 button.on{background:#181A1F;color:rgba(255,255,255,.85)}
.cl-leg2 i{width:9px;height:9px;border-radius:2px;background:currentColor;opacity:.5}
.cl-leg2 .on i{opacity:1}
.cl-leg2 .k-rec.on i{background:#fff}
.cl-leg2 .k-speed.on i{background:rgba(255,255,6,.6)}
.cl-leg2 .k-stop.on i{background:var(--y)}
.cl-leg2 .k-report.on i{background:var(--orange)}
.cl-leg2 .k-event.on i{background:var(--red)}
.cl-leg2 .k-qual.on i{background:#9db8ff}
.cl-zoom{display:flex;padding:2px;border-radius:8px;background:#181A1F}
.cl-zoom button{padding:5px 7px;border-radius:6px;font:700 10.5px/1 var(--mono);white-space:nowrap}
.cl-zoom button.on{background:#fff;color:#000}
.cl-pan{width:28px;height:28px;border-radius:50%;background:#181A1F;display:grid;place-items:center}
.cl-pan .dmo-i{width:14px;height:14px;stroke-width:2.4}
.cl-tl{position:relative;height:98px;border-radius:10px;background:#101116;touch-action:none;cursor:ew-resize}
.cl-tlsvg{border-radius:10px;overflow:hidden}
.is-narrow .cl-tl{height:86px}
.cl-tlsvg{position:absolute;inset:0}
.cl-tlsvg svg{display:block}
.cl-tlsvg .ax{stroke:rgba(255,255,255,.07)}
.cl-tlsvg .axt{fill:rgba(255,255,255,.5);font:600 8.5px var(--mono);text-anchor:middle}
.cl-tlsvg .now{stroke:var(--red);stroke-dasharray:2 2}
.cl-tlsvg .nowt{fill:var(--red)}
.cl-tlsvg .rbl{fill:rgba(255,255,255,.34);font:700 6.5px var(--mono)}
.cl-tlsvg .rb.rear{fill:#fff}
.cl-tlsvg .rb.front{fill:#9db8ff}
.spa{fill:rgba(255,255,6,.2)}
.spl{fill:none;stroke:var(--y);stroke-width:1.2;stroke-linejoin:round}
.gl{fill:none;stroke:rgba(255,255,255,.45);stroke-width:.8}
.mk-stop{fill:rgba(255,255,6,.26);stroke:var(--y);stroke-width:1}
.mk-ev{stroke:var(--red);stroke-width:1.5;fill:var(--red)}
.mk-rp{fill:var(--orange);stroke:#000;stroke-width:.8}
.cl-evs{position:absolute;inset:0;pointer-events:none;z-index:2}
.cl-ev{--c:#9db8ff;position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1.5px #101116;pointer-events:auto;cursor:pointer;transition:width .15s,height .15s,margin .15s,background .15s;z-index:1}
.cl-ev::before{content:"";position:absolute;inset:-7px}
.cl-ev.k-stop{--c:var(--y)}
.cl-ev.k-report{--c:var(--orange)}
.cl-ev.s-speed_trap{--c:var(--red)}
.cl-ev.s-hazard{--c:var(--y)}
.cl-ev.k-event{--c:var(--red)}
.cl-ev.k-qual{--c:rgba(157,184,255,.85);width:6px;height:6px;margin:-3px 0 0 -3px;z-index:0}
.cl-ev.k-stop,.cl-ev.k-event,.cl-ev.k-report{z-index:2}
.cl-ev>.dmo-i,.cl-ev>img{position:absolute;left:50%;top:50%;width:12px;height:12px;translate:-50% -50%;opacity:0;transition:opacity .15s;color:var(--c);stroke-width:2.2}
.cl-ev>img{width:14px;height:13px}
.cl-ev:hover,.cl-ev:focus-visible,.cl-ev.is-near,.cl-ev.is-open{width:22px;height:22px;margin:-11px 0 0 -11px;background:#0E0F12;box-shadow:0 0 0 1.5px var(--c),0 4px 10px rgba(0,0,0,.5);z-index:4}
.cl-ev:hover>*,.cl-ev:focus-visible>*,.cl-ev.is-near>*,.cl-ev.is-open>*{opacity:1}
.cl-evl{position:absolute;left:50%;bottom:calc(100% + 7px);translate:-50% 0;padding:4px 8px;border-radius:7px;background:#fff;color:#000;font:700 10px/1.25 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 6px 16px rgba(0,0,0,.45)}
.cl-ev.is-l .cl-evl{left:-4px;translate:0 0}
.cl-ev.is-r .cl-evl{left:auto;right:-4px;translate:0 0}
.cl-tlw.hide-rec .rb,.cl-tlw.hide-rec .rbl,.cl-tlw.hide-speed .spa,.cl-tlw.hide-speed .spl,.cl-tlw.hide-speed .gl,.cl-tlw.hide-stop .mk-stop,.cl-tlw.hide-stop .cl-ev.k-stop,.cl-tlw.hide-report .cl-ev.k-report,.cl-tlw.hide-event .cl-ev.k-event,.cl-tlw.hide-qual .cl-ev.k-qual{display:none}
.cl-cur{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--y);box-shadow:0 0 6px rgba(255,255,6,.6);pointer-events:none}
.cl-cur b{position:absolute;top:2px;left:5px;padding:2px 6px;border-radius:5px;background:var(--y);color:#000;font:700 10px/1.2 var(--mono);white-space:nowrap}
.cl-cur.is-r b{left:auto;right:5px}
/* tile menu, AirPlay */
.dmo-menu{width:min(calc(100% - 60px),300px);padding:8px}
.dmo-menu-h{display:flex;align-items:center;gap:6px;margin:6px 10px 8px;font:700 11px/1.2 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.6)}
.dmo-menu-h .dmo-i{width:14px;height:14px}
.dmo-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border-radius:12px;font:600 15px/1.2 var(--sans)}
.dmo-menu button:hover{background:rgba(255,255,255,.06)}
.dmo-menu button.on{color:var(--y)}
.dmo-menu button .dmo-i:last-child:not(:first-child){margin-left:auto}
/* the calendar */
.dmo-cal{width:min(calc(100% - 32px),360px)}
.dmo-cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.dmo-cal-h .dmo-cs-t{font-size:18px}
.dmo-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.dmo-cal-g b{padding:4px 0;font:700 10px/1 var(--mono);color:var(--dim)}
.dmo-cal-d{position:relative;height:38px;border-radius:10px;font:600 14px/1 var(--sans);text-align:center}
.dmo-cal-d.has{background:#1D1F25}
.dmo-cal-d.on{background:var(--y);color:#000}
.dmo-cal-d[disabled]{opacity:.28}
.dmo-cal-d i{position:absolute;left:50%;bottom:5px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:rgba(255,255,255,.6)}
.dmo-cal-d i.st{background:var(--y)}
.dmo-cal-d.on i{background:#000}
.dmo-cal-k{display:flex;gap:14px;margin-top:10px;font:500 12px/1 var(--sans);color:var(--dim)}
.dmo-cal-k span{display:flex;align-items:center;gap:5px}
.dmo-cal-k i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6)}
.dmo-cal-k i.st{background:var(--y)}
/* the player */
.dmo-l-player{background:#000}
.pl-wrap{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(0px,calc(var(--cst,0px) - 6px)) var(--ss,0px) var(--csb,0px);background:#000}
.pl-top{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px}
.pl-tt{flex:1;min-width:0}
.pl-tt b{display:block;font:700 15px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-tt small{font:500 12px/1.3 var(--sans);color:rgba(255,255,255,.65)}
.pl-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.dmo-layer.is-wide .pl-body{flex-direction:row;overflow:hidden}
.pl-left{flex:none}
.dmo-layer.is-wide .pl-left{flex:1.55;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 10px 14px}
.pl-vid{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.dmo-layer.is-wide .pl-vid{border-radius:12px;max-height:calc(100% - 64px)}
.pl-stamp{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;gap:2px 10px;padding:14px 8px 5px;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0));font:600 8.5px/1.3 var(--mono);letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #000;white-space:pre}
.pl-srec{display:inline-flex;align-items:center;gap:4px;margin-right:8px;font-weight:700}
.pl-srec i{width:6px;height:6px;border-radius:50%;background:var(--red)}
.pv-mark{position:absolute;right:8px;bottom:30px;display:flex;align-items:center;gap:4px;font:700 10px/1 var(--sans);color:#fff;opacity:.88;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.pv-mark .dmo-logo{width:13px;height:13px}
.pv-mark.is-onvid{right:2.5%;bottom:auto;top:85%;transform:translateY(-100%);font-size:9px}
.pl-inset{position:absolute;right:8px;top:8px;width:28%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111;box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.pl-inset .dmo-inset-b{left:4px;bottom:4px;width:24px;height:24px}
.pl-inset .dmo-inset-b .dmo-i{width:13px;height:13px}
.pl-pp{position:absolute;left:8px;top:8px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center}
.pl-pp .dmo-i{width:18px;height:18px}
.pl-scrub{position:relative;padding:8px 14px 0}
.dmo-layer.is-wide .pl-scrub{padding:10px 0 0}
.pl-sc{position:relative;height:34px;border-radius:6px;background:#101116;overflow:hidden}
.pl-sc svg{display:block;width:100%;height:100%}
.pl-scrub input{position:absolute;left:14px;right:14px;top:8px;width:calc(100% - 28px);height:34px;margin:0;-webkit-appearance:none;appearance:none;background:none;cursor:pointer}
.dmo-layer.is-wide .pl-scrub input{left:0;width:100%;top:10px}
.pl-scrub input::-webkit-slider-runnable-track{height:34px;background:none}
.pl-scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:34px;border-radius:2px;background:var(--y);box-shadow:0 0 6px var(--y)}
.pl-scrub input::-moz-range-track{height:34px;background:none}
.pl-scrub input::-moz-range-thumb{width:4px;height:34px;border:0;border-radius:2px;background:var(--y)}
.pl-times{display:flex;justify-content:space-between;padding-top:4px;font:600 10px/1 var(--mono);color:rgba(255,255,255,.6)}
.pl-info{padding:12px 14px 20px;display:flex;flex-direction:column;gap:12px}
.dmo-layer.is-wide .pl-info{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;padding-top:4px}
.pl-kv p{display:flex;flex-direction:column;gap:2px;margin:0 0 7px}
.pl-kv small{font:700 9.5px/1 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--y)}
.pl-kv b{font:600 14px/1.3 var(--sans)}
.pl-map{display:block;width:100%;height:auto;max-height:96px;border-radius:10px;background:#101116}
.pl-map .rt0{fill:none;stroke:rgba(255,255,255,.18);stroke-width:5;stroke-linecap:round}
.pl-map .rt{fill:none;stroke:var(--y);stroke-width:3;stroke-linecap:round}
.pl-map .rs{fill:#fff}
.pl-map .re{fill:var(--y)}
.pl-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pl-acts button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:12px;background:#181A1F;font:600 11.5px/1.1 var(--sans);text-align:center}
.pl-acts button[disabled]{opacity:.38}
.pl-where p{display:flex;align-items:center;gap:8px;margin:5px 0;font:500 13px/1.3 var(--sans);color:rgba(255,255,255,.42)}
.pl-where p.on{color:#fff}
.pl-where .dmo-i{width:16px;height:16px}
.pl-where .dmo-dim{display:block;color:var(--dim)}
/* sharing */
.dmo-share .dmo-cs-s{word-break:break-word}
.dmo-optl{display:flex;flex-direction:column;gap:8px}
.dmo-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:12px 14px;border-radius:14px;background:#181A1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);text-align:left}
.dmo-opt b{display:flex;align-items:center;gap:6px;font:700 15px/1.25 var(--sans)}
.dmo-opt b .dmo-i{width:16px;height:16px}
.dmo-opt small{grid-column:1;font:500 12.5px/1.35 var(--sans);color:var(--dim)}
.dmo-opt em{grid-row:1/3;grid-column:2;align-self:center;font:600 13px/1 var(--mono);font-style:normal;color:var(--y);white-space:nowrap}
.dmo-opt.on{background:rgba(255,255,6,.12);box-shadow:inset 0 0 0 2px var(--y)}
.dmo-trim{margin-top:10px}
.dmo-trim .pl-sc{position:relative}
.dmo-trim-sel{position:absolute;top:0;bottom:0;border-radius:4px;box-shadow:inset 0 0 0 2px var(--y);background:rgba(255,255,6,.1)}
.dmo-trim .dmo-mono{margin-top:6px;font-size:12px;color:var(--dim);text-align:center}
.dmo-prog{height:6px;margin:6px 0 4px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}
.dmo-prog i{display:block;height:100%;background:var(--y);transform-origin:0 50%;animation:dmoProg 1.3s linear both}
.dmo-ish,.dmo-ash{position:absolute;left:0;right:0;bottom:0;max-height:84%;display:flex;flex-direction:column;overflow:hidden;animation:sheetUp .3s cubic-bezier(.2,.8,.2,1)}
.dmo-ish{gap:12px;padding:0 0 calc(18px + var(--csb,0px));border-radius:22px 22px 0 0;background:#1C1C1E;font-family:var(--sys)}
.dmo-app.is-land .dmo-ish,.dmo-app.is-tablet .dmo-ish{left:50%;right:auto;width:420px;transform:translateX(-50%);bottom:18px;border-radius:22px;animation:dmoFade .25s}
.dmo-ish-f{display:flex;align-items:center;gap:12px;padding:6px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.dmo-ish-f img,.dmo-ash-f img{width:64px;height:36px;flex:none;border-radius:6px;object-fit:cover}
.dmo-ish-f span,.dmo-ash-f span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dmo-ish-f b,.dmo-ash-f b{font:600 14px/1.25 var(--sys);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmo-ish-f small,.dmo-ash-f small{font:400 12.5px/1.2 var(--sys);color:var(--dim)}
.dmo-ish-f .dmo-nb{width:30px;height:30px}
.dmo-ish-f .dmo-nb .dmo-i{width:14px;height:14px}
.dmo-ish-apps{display:flex;gap:14px;padding:2px 16px 6px;overflow-x:auto;scrollbar-width:none}
.dmo-ish-apps::-webkit-scrollbar{display:none}
.dmo-ish-apps button,.dmo-ash-g button{flex:none;width:64px;display:flex;flex-direction:column;align-items:center;gap:6px;font:500 11px/1.2 var(--sys);text-align:center}
.dmo-app-ic{width:58px;height:58px;border-radius:15px;background:#3A3A3C;display:grid;place-items:center;color:#fff}
.dmo-app-ic .dmo-i{width:28px;height:28px;stroke-width:1.7}
.dmo-ish-list{margin:0 16px;border-radius:12px;background:#2C2C2E;overflow:hidden}
.dmo-ish-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;font:400 16px/1.2 var(--sys);border-bottom:1px solid rgba(255,255,255,.08)}
.dmo-ish-list button:last-child{border-bottom:0}
.dmo-ash{padding:0 18px calc(22px + var(--csb,0px));border-radius:28px 28px 0 0;background:#1F2024;overflow:auto}
.dmo-app.is-land .dmo-ash,.dmo-app.is-tablet .dmo-ash{left:50%;right:auto;width:min(520px,90%);transform:translateX(-50%)}
.dmo-ash-f{display:flex;align-items:center;gap:12px;padding:10px 0 8px}
.dmo-ash-h{margin:8px 0 14px;font:600 16px/1 var(--sans)}
.dmo-ash-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 6px;justify-items:center}
.dmo-app.is-land .dmo-ash-g,.dmo-app.is-tablet .dmo-ash-g{grid-template-columns:repeat(6,minmax(0,1fr))}
.dmo-ash .dmo-app-ic{border-radius:50%;background:#2E3036;width:54px;height:54px}
/* Miles */
.mi-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 0}
.dmo-app.is-land .mi-tiles,.dmo-app.is-tablet .mi-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.mi-t{padding:12px 14px;border-radius:14px;background:#181A1F}
.mi-t small{display:block;font:700 10px/1 var(--mono);letter-spacing:1.2px;color:rgba(255,255,255,.65)}
.mi-t b{font:700 26px/1.3 var(--sans)}
.mi-t span{margin-left:4px;font:400 12px var(--sans);color:var(--dim)}
.mi-chart{display:flex;align-items:flex-end;gap:2%;height:120px;margin:4px 0 6px}
.mi-chart i{flex:1;border-radius:3px 3px 0 0;background:rgba(255,255,6,.59)}
.mi-chart i.is-today{background:var(--y)}
.mi-chart i.is-zero{background:rgba(255,255,255,.16)}
.mi-ax{display:flex;justify-content:space-between;margin-bottom:6px;font:500 10px/1 var(--mono);color:rgba(255,255,255,.5)}
.mi-r{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:12px 14px;border-radius:14px;background:#181A1F}
.mi-r b{display:block;font:700 15px/1.3 var(--sans)}
.mi-r small{font:500 13px/1.3 var(--sans);color:var(--dim)}
.mi-r em{font:600 17px/1 var(--mono);font-style:normal;color:var(--y);white-space:nowrap}
/* Plans */
.dmo-sheet.is-plans{background:#000}
.pl-x{flex:none;display:flex;align-items:center;justify-content:flex-end;padding:8px 14px 0}
.pl-x .dmo-grab{position:absolute;left:50%;top:0;translate:-50% 0}
.pl-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:linear-gradient(#FFFF3A,#F5F200);box-shadow:0 3px 0 #A8A300;color:#000}
.pl-mark .dmo-logo{width:36px;height:36px}
.pl-h{margin:14px 0 6px;font:900 30px/1.08 var(--sans);letter-spacing:-.02em}
.pl-s{margin:0 0 16px;font:400 15px/1.45 var(--sans);color:rgba(255,255,255,.67)}
.pl-card{margin:0 0 12px;padding:18px;border-radius:22px;background:#121215;box-shadow:inset 0 0 0 1px #28282C}
.pl-card.is-pro{background:#14140C;box-shadow:inset 0 0 0 1px var(--y)}
.pl-ch{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pl-ch b{font:700 20px/1.2 var(--sans)}
.pl-badge{padding:4px 9px;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,6,.59);color:var(--y);font:700 10.5px/1 var(--mono);letter-spacing:.12em;font-style:normal;white-space:nowrap}
.pl-badge.y{background:var(--y);color:#000;box-shadow:none}
.pl-price{margin:8px 0 12px}
.pl-price b{font:850 34px/1 var(--sans)}
.pl-price span{margin-left:8px;font:400 14px var(--sans);color:rgba(255,255,255,.67)}
.pl-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pl-card li{display:flex;align-items:flex-start;gap:10px;font:400 15px/1.35 var(--sans);color:rgba(255,255,255,.9)}
.pl-card li .dmo-itile{width:24px;height:24px}
.pl-card li .dmo-itile .dmo-i{width:14px;height:14px}
.dmo-cap.big{width:100%;margin-top:16px;min-height:54px}
.pl-thanks{margin-top:14px;font:700 15px/1.4 var(--sans);color:var(--y)}
.pl-card.is-priv b{font:700 18px/1.3 var(--sans)}
.pl-card.is-priv p{margin:10px 0 0;font:400 14.5px/1.5 var(--sans);color:var(--dim)}
/* Dashboard gauges and the Stopwatch: drawn by /assets/app/gauges.js (the site's port of the app's drawing, type in
   css/06c-appgauges.css); plain buttons lie over the drawing where the app takes its taps, showing only a focus ring */
.dmo-screen{position:absolute;inset:0;z-index:20;background:#000}
.dmo-screen[hidden]{display:none}
.dmo-dg{position:absolute;inset:0}
.dmo-taps{position:absolute;inset:0}
.dmo-hit{position:absolute;display:block;border-radius:50%;-webkit-tap-highlight-color:transparent}
.dmo-hit.is-box{border-radius:14px}
.dmo-hit.is-pill{border-radius:999px}
/* touch protection and screen off */
.tp{position:absolute;inset:0;background:#000}
.tp-blk{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center;filter:brightness(.82);white-space:nowrap}
.dmo-app.is-land .tp-blk{top:40%}
.tp-rec{display:flex;align-items:center;justify-content:center;gap:16px;font:700 64px/1 var(--sans)}
.tp-rec i{width:26px;height:26px;border-radius:50%;background:var(--red);animation:dmoPulse .9s ease-in-out infinite alternate}
.tp-t{margin:8px 0 6px;font:600 30px/1.1 var(--mono);letter-spacing:1.2px;color:rgba(255,255,255,.92)}
.tp-c{font:600 13px/1.4 var(--mono);letter-spacing:1.8px;color:rgba(255,255,255,.7)}
.tp-b{margin-top:4px;font:500 12px/1.4 var(--mono);letter-spacing:1.2px;color:rgba(255,255,255,.47)}
.tp-pill{position:absolute;left:50%;bottom:calc(var(--csb,0px) + 40px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;height:54px;padding:0 22px;border-radius:99px;background:rgba(20,21,26,.92);box-shadow:inset 0 0 0 1.5px rgba(255,255,6,.8);font:700 15px/1 var(--sans);white-space:nowrap;overflow:hidden;isolation:isolate}
.dmo-app.is-land .tp-pill{bottom:27px}
.tp-pill .dmo-i{width:17px;height:17px;color:var(--y)}
.tp-fill{position:absolute;inset:0;z-index:-1;background:rgba(255,255,6,.32);transform:scaleX(0);transform-origin:0 50%;transition:transform .2s}
.is-holding .tp-fill{transform:scaleX(1);transition:transform 1.5s linear}
.tp-off{position:absolute;inset:0;display:grid;place-items:center;background:#000;font:700 11px/1 var(--mono);color:rgba(229,72,77,.4);overflow:hidden;isolation:isolate}
.tp-off .tp-fill{background:rgba(229,72,77,.08)}
/* the app lock screen: split-flap DASHIVO™, a split-flap padlock, PIN slots that flip to a dot */
.dmo-l-lock{background:#000}
.lk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:calc(var(--cst,0px) + 14px) 24px calc(var(--csb,0px) + 12px);background:#000;opacity:0;transition:opacity .3s}
.lk.is-in{opacity:1}
.lk.is-out{opacity:0;transition:opacity .4s}
.lk-a,.lk-b{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.dmo-app.is-land .lk{flex-direction:row;justify-content:center;gap:48px;padding:14px calc(var(--ss,0px) + 24px)}
.lk-rec{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(229,72,77,.14);font:600 13px/1 var(--mono);color:var(--red)}
.lk-rec i{width:8px;height:8px;border-radius:50%;background:var(--red)}
.lk-pad{position:relative;width:54px;height:64px;margin-top:10px}
.lk-sh{position:absolute;left:0;top:0;width:54px;height:40px;overflow:visible;transform-origin:80% 100%;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.lk-sh path{fill:none;stroke:#fff;stroke-width:6.5;stroke-linecap:round}
.is-ok .lk-sh{transform:translateY(-9px) rotate(-26deg)}
.lk-body{position:absolute;left:1px;right:1px;bottom:0;height:38px;border-radius:7px;background:#FFFF06;display:grid;place-items:center;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.lk-body::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;margin-top:-.75px;background:rgba(0,0,0,.35)}
.lk-hole{position:relative;z-index:1;width:10px;height:10px;margin-top:-6px;border-radius:50%;background:#000;transition:background .15s}
.lk-hole::after{content:"";position:absolute;left:3px;top:7px;width:4px;height:9px;border-radius:0 0 2px 2px;background:inherit}
.is-bad .lk-hole{background:var(--red);animation:dmoFlash .5s 2}
.lk-word{display:flex;align-items:flex-start;margin-top:8px;font:800 34px/1 var(--sans);perspective:600px}
.lk-word .mt-flap{gap:3px}
.lk-word .mt-fl{min-width:.74em;height:1.02em;border-radius:.09em;background:#FFFF06;color:#000;transform:rotateX(-100deg);opacity:0;transition:transform .42s cubic-bezier(.2,.9,.3,1.15),opacity .2s;transition-delay:calc(var(--i) * 55ms)}
.lk-word .mt-fl:last-child{background:#ECE9E2;color:#000}
.lk-word .mt-fl::after{background:rgba(0,0,0,.4)}
.lk.is-in .lk-word .mt-fl{transform:none;opacity:1}
.lk.is-still .lk-word .mt-fl{transition:none}
.lk-tm{margin-left:3px;font:700 12px/1 var(--sans);color:#fff}
.lk-t{margin-top:10px;font:700 20px/1.2 var(--sans);text-align:center}
.lk-t:focus{outline:none}
.lk-s{max-width:300px;font:500 13.5px/1.4 var(--sans);color:rgba(255,255,255,.65);text-align:center}
.lk-slots{display:flex;gap:10px;margin-top:10px;perspective:400px}
.lk-slots i{position:relative;width:26px;height:32px;border-radius:6px;background:#1E2026;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.lk-slots i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.6)}
.lk-slots i.on{animation:dmoFlip .32s cubic-bezier(.2,.9,.3,1.1)}
.lk-slots i.on::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#FFFF06;box-shadow:0 0 8px rgba(255,255,6,.6);z-index:1}
.is-bad .lk-slots{animation:dmoShake .42s}
.lk-msg{min-height:18px;font:600 13px/1.35 var(--sans);color:var(--red);text-align:center;max-width:280px}
.lk-keys{display:grid;grid-template-columns:repeat(3,68px);gap:12px 22px}
.lk-k{width:68px;height:68px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff;font:500 28px/1 var(--sans);display:grid;place-items:center;text-align:center;transition:background .08s,color .08s}
.lk-k:active{background:#FFFF06;color:#000}
.lk-k.is-ic{box-shadow:none}
.lk-k .dmo-i{width:26px;height:26px}
.lk-hint{margin-top:8px;font:600 12px/1 var(--mono);color:rgba(255,255,255,.55)}
.dmo-app[data-dev="iphone-se"] .lk-keys{grid-template-columns:repeat(3,60px);gap:8px 20px}
.dmo-app[data-dev="iphone-se"] .lk-k{width:60px;height:60px;font-size:25px}
.dmo-app[data-dev="iphone-se"] .lk-pad{display:none}
.dmo-app.is-land .lk-pad{margin-top:4px}
.dmo-app.is-land .lk-keys{grid-template-columns:repeat(3,58px);gap:8px 20px}
.dmo-app.is-land .lk-k{width:58px;height:58px;font-size:24px}

/* ---- 4. the account portal (cloud.css): black icon rail, white cards, yellow -------------------------------------- */
.dmo-app.is-web{--wink:#0a0a0b;--wtext:#121214;--wmut:#56554f;--wfaint:#6c6b64;--wline:#e7e6e1;--wline2:#d6d5ce;--wsunk:#f0efea;background:#f6f6f3;color:var(--wtext);font:400 15px/1.55 var(--sans);user-select:text;-webkit-user-select:text}
.wp{position:absolute;inset:0;display:flex}
.wp-rail{position:relative;z-index:2;width:88px;flex:none;display:flex;flex-direction:column;align-items:center;padding:22px 0 20px;background:var(--wink)}
.wp-brand{width:48px;height:48px;display:grid;place-items:center;color:#fff}
.wp-brand .dmo-logo{width:34px;height:34px}
.wp-nav{margin-top:30px;display:flex;flex-direction:column;gap:10px}
.wp-ri{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#8d8d89;transition:background .2s,color .2s}
.wp-ri .dmo-i{width:24px;height:24px;stroke-width:1.8}
.wp-ri>span{position:absolute;left:58px;top:50%;transform:translateY(-50%);padding:7px 11px;border-radius:9px;background:var(--wink);color:#fff;font:500 13px/1 var(--sans);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 8px 22px rgba(10,10,11,.2);transition:opacity .15s}
.wp-ri:hover>span,.wp-ri:focus-visible>span{opacity:1}
.wp-ri:hover{background:rgba(255,255,255,.09);color:#fff}
.wp-ri.on{background:#ffff06;color:var(--wink)}
.wp-soon{position:absolute;right:-8px;top:-5px;padding:2px 5px;border-radius:99px;background:#ffff06;color:var(--wink);font:700 8px/1 var(--mono);font-style:normal;box-shadow:0 0 0 2px var(--wink)}
.wp-out{margin-top:auto}
.wp-main{flex:1;min-width:0;overflow:auto;overscroll-behavior:contain;padding:28px 40px 0;scrollbar-width:thin}
.wp-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.wp-h1{font:700 32px/1.12 var(--sans);letter-spacing:-.035em}
.wp-h1:focus{outline:none}
.wp-sub{margin-top:6px;max-width:680px;font-size:15px;color:var(--wmut)}
.wp-tools{margin-left:auto;display:flex;gap:10px;flex:none}
.wp-help{width:48px;height:48px;border-radius:50%;background:#e8e7e1;display:grid;place-items:center}
.wp-av{width:48px;height:48px;border-radius:50%;background:var(--wink);color:#ffff06;font:700 15px/1 var(--sans);text-align:center}
.wp-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;grid-template-areas:"member quick cloud" "devices terms activity" "security security activity"}
.wp.is-md .wp-grid{grid-template-columns:1fr 1fr;grid-template-areas:"member quick" "cloud devices" "terms activity" "security activity"}
.wp-hero{grid-area:member}.wp-quick{grid-area:quick}.wp-cloud{grid-area:cloud}.wp-dev{grid-area:devices}.wp-terms{grid-area:terms}.wp-act{grid-area:activity}.wp-sec{grid-area:security}
.wp-card{min-width:0;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--wline)}
.wp-hero{background:var(--wink);border-color:var(--wink);color:#fff}
.wp-ht{display:flex;align-items:center;justify-content:space-between}
.wp-hl{color:#ffff06}
.wp-hl .dmo-logo{width:44px;height:44px}
.wp-chip{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--wsunk);border:1px solid var(--wline);color:#3d3c37;font:500 12.5px/1.5 var(--sans);font-style:normal;white-space:nowrap}
.wp-chip.y{background:#ffff06;border-color:#ffff06;color:var(--wink)}
.wp-chip.g{background:#e8f4ec;border-color:#cbe6d4;color:#14632f}
.wp-chip.t{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}
.wp-name{margin-top:18px;font:650 30px/1.1 var(--sans);letter-spacing:-.02em}
.wp-mail{margin-top:4px;font-size:14px;color:rgba(255,255,255,.62)}
.wp-kv{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.wp-kv dt{font-size:12.5px;color:rgba(255,255,255,.56)}
.wp-kv dd{margin-top:2px;display:flex;flex-wrap:wrap;gap:6px;font:600 16px/1.3 var(--sans)}
.wp-kv dd small{flex-basis:100%;font:400 12.5px/1.3 var(--sans);color:rgba(255,255,255,.56)}
.wp-kv .w{grid-column:1/-1}
.wp-quick{padding:10px;background:var(--wsunk)}
.wp-qg{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}
.wp-qg button{min-height:96px;padding:14px;border-radius:14px;background:rgba(255,255,255,.6);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font:550 14px/1.25 var(--sans);color:var(--wtext)}
.wp-qg .dmo-i{width:26px;height:26px;stroke-width:1.7}
.wp-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}
.wp-ch h3{font:650 18px/1.25 var(--sans);letter-spacing:-.02em}
.wp-link{font:500 14px/1 var(--sans);color:var(--wmut);text-decoration:underline;text-decoration-color:#ffff06;text-decoration-thickness:2px;text-underline-offset:5px}
.wp-fig{display:flex;align-items:baseline;gap:8px}
.wp-fig b{font:700 34px/1.1 var(--sans);letter-spacing:-.04em}
.wp-fig span{color:var(--wmut)}
.wp-fig em{margin-left:auto;font:650 18px/1 var(--sans);font-style:normal}
.wp-meter{display:block;width:100%;height:14px;margin:12px 0}
.wp-meter rect{fill:#e9e8e2}
.wp-note{font-size:14px;color:var(--wmut)}
.wp-li{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border-radius:14px;background:var(--wsunk)}
.wp-li b{display:block;font-weight:600}
.wp-li small{display:block;font-size:13px;color:var(--wfaint)}
.wp-ric{width:40px;height:40px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--wtext)}
.wp-ric.dark{background:var(--wink);color:#ffff06}
.wp-card .wp-ch .wp-ric{background:var(--wsunk)}
.wp-status{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;border-radius:14px;background:var(--wsunk)}
.wp-status i{width:32px;height:32px;flex:none;border-radius:50%;background:var(--wink);color:#ffff06;display:grid;place-items:center}
.wp-status i .dmo-i{width:16px;height:16px;stroke-width:2.6}
.wp-status b{display:block;font-weight:600}
.wp-status small{font-size:13.5px;color:var(--wmut)}
.wp-ml{display:flex;align-items:center;gap:10px;margin:8px 0}
.wp-ml span{flex:1}
.wp-app code,.is-web code{font:500 13px/1 var(--mono);color:var(--wmut)}
.wp-tl{list-style:none;padding:0}
.wp-tl li{position:relative;display:flex;gap:12px;padding-bottom:16px;font-size:14px}
.wp-tl li::before{content:"";position:absolute;left:18px;top:38px;bottom:2px;width:1px;background:var(--wline2)}
.wp-tl li:last-child::before{display:none}
.wp-tl .wp-ric{width:36px;height:36px;background:var(--wsunk)}
.wp-tl .dmo-i{width:18px;height:18px}
.wp-tl small{display:block;font-size:12.5px;color:var(--wfaint)}
.wp-ms{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wp-ms b{display:block;font:700 30px/1.1 var(--sans)}
.wp-ms span{font-size:14px;color:var(--wmut)}
.wp-bb{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.wp-btn{min-height:48px;padding:0 22px;border:1.5px solid var(--wink)!important;border-radius:999px;background:#ffff06!important;color:var(--wink)!important;font:600 15px/1.1 var(--sans)!important;box-shadow:0 3px 0 var(--wink);text-align:center!important}
.wp-btn.ghost{border-color:var(--wline2)!important;background:#fff!important;box-shadow:none}
.wp-btn.red{color:#c42d1b!important}
.wp-btn.danger{border-color:#6f170c!important;background:#c42d1b!important;color:#fff!important;box-shadow:0 3px 0 #6f170c}
.wp-btn.small{min-height:38px;padding:0 14px;font-size:13.5px!important}
.wp-dg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.wp-dn{font:650 20px/1.25 var(--sans)}
.wp-dm{margin:2px 0 12px;color:var(--wmut)}
.wp-dkv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.wp-dkv dt{font-size:12.5px;color:var(--wfaint)}
.wp-dkv dd{font-weight:600}
.wp-info{margin-top:20px;padding:18px 20px;border-radius:20px;background:var(--wsunk)}
.wp-info p{margin-top:4px;color:var(--wmut)}
.wp-c2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.wp-tb{width:100%;border-collapse:collapse;font-size:14px}
.wp-tb th{padding:8px 6px;border-bottom:1px solid var(--wline);text-align:left;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--wfaint)}
.wp-tb td{padding:10px 6px;border-bottom:1px solid var(--wline)}
.wp-cl{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.wp-cl li{display:flex;gap:10px;font-size:14.5px}
.wp-cl .dmo-i{width:20px;height:20px;color:#177a3b;stroke-width:2.4}
.wp-cl li.y{padding:12px;border-radius:14px;background:#fdfdc4}
.wp-cl li.y .dmo-i{color:var(--wink)}
.wp-danger{border-color:#e39a8d;box-shadow:inset 0 3px 0 #c42d1b}
.wp-f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wp-f span{font-size:14px;font-weight:600}
.wp-f input{height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--wline2);background:#f6f6f3;font:inherit;color:var(--wtext)}
.wp-soonb{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 20px;border-radius:20px;background:var(--wink);color:#fff}
.wp-soonb p{color:rgba(255,255,255,.78);font-size:14.5px}
.wp-lib{position:relative;height:560px;border-radius:20px;overflow:hidden;background:#0E0F12;color:#fff;font:600 14px/1.3 var(--sans);user-select:none}
.wp-foot{display:flex;justify-content:space-between;gap:20px;margin:28px -40px 0;padding:22px 40px 30px;border-top:1px solid var(--wline);font-size:13px;color:var(--wmut)}
.wp-fl{display:flex;gap:16px;white-space:nowrap}
.wp-mlogo{width:44px;height:44px;flex:none;border-radius:12px;background:var(--wink);color:#fff;display:grid;place-items:center}
.wp-mlogo .dmo-logo{width:26px;height:26px}
.wp.is-m{flex-direction:column}
.wp.is-m .wp-rail{order:2;width:auto;height:66px;flex-direction:row;padding:0 4px}
.wp.is-m .wp-brand,.wp.is-m .wp-out{display:none}
.wp.is-m .wp-nav{margin:0;flex:1;flex-direction:row;justify-content:space-around;gap:0}
.wp.is-m .wp-ri{width:auto;height:auto;border-radius:0;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;color:#8d8d89}
.wp.is-m .wp-ri>span{position:static;transform:none;opacity:1;padding:0;background:none;box-shadow:none;color:inherit;font:550 11px/1.15 var(--sans)}
.wp.is-m .wp-ri .dmo-i{width:56px;height:30px;padding:3px 16px;border-radius:15px}
.wp.is-m .wp-ri.on{color:#ffff06}
.wp.is-m .wp-ri.on .dmo-i{background:#ffff06;color:var(--wink)}
.wp.is-m .wp-soon{right:6px;top:0}
.wp.is-m .wp-main{padding:16px 16px 0}
.wp.is-m .wp-head{align-items:center;gap:12px}
.wp.is-m .wp-h1{font-size:27px}
.wp.is-m .wp-sub{font-size:14px}
.wp.is-m .wp-help{display:none}
.wp.is-m .wp-av{width:40px;height:40px}
.wp.is-m .wp-grid,.wp.is-m .wp-c2{grid-template-columns:1fr;grid-template-areas:none;gap:14px}
.wp.is-m .wp-grid>*{grid-area:auto}
.wp.is-m .wp-card{padding:20px}
.wp.is-m .wp-foot{flex-direction:column;margin:20px -16px 0;padding:18px 16px 24px}
.wp.is-m .wp-fl{flex-wrap:wrap}
.wp.is-m .wp-lib{height:600px}
.wp.is-m .wp-tb{font-size:12.5px}
.wp.is-m .wp-dkv{grid-template-columns:1fr 1fr}

/* ---- motion ------------------------------------------------------------------------------------------------ */
@keyframes dmoIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes dmoFade{from{opacity:0}}
@keyframes dmoPop{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}}
@keyframes sheetUp{from{transform:translateY(40%);opacity:.4}}
@keyframes sideIn{from{transform:translateX(60%);opacity:.4}}
@keyframes dmoRing{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.04)}}
@keyframes dmoPulse{from{opacity:1}to{opacity:.25}}
@keyframes dmoShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
@keyframes dmoFlash{50%{background:#fff}}
@keyframes dmoFlip{from{transform:rotateX(-90deg)}}
@keyframes dmoProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  .dmo-ring{animation:none}
  .dmo-app *,.dmo-app *::before,.dmo-app *::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
  .dmo-gm-dot{transition:none}
}