/* devices.css · the laptop and the phone, opened (see devices.js) */
.dv{position:fixed;inset:0;z-index:2147480000;font-family:Rubik,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.dv[hidden]{display:none}
.dv-dim{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,rgba(12,11,16,.55),rgba(6,6,9,.92));opacity:0}
.dv-scr{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#0b0b0e;
  /* 2.11: it starts as exactly the screen in the photo: its rounded top corners, square at the hinge; it rounds out as it turns to you */
  border-radius:calc(22px * (1 - var(--sq,0)) + 10px * var(--sq,0)) calc(22px * (1 - var(--sq,0)) + 10px * var(--sq,0)) calc(10px * var(--sq,0)) calc(10px * var(--sq,0));box-shadow:0 30px 80px -20px rgba(0,0,0,calc(var(--sq,0) * .7)),0 0 0 calc(var(--sq,0) * 1px) rgba(255,255,255,.08)}
.dv-scr[hidden]{display:none}
/* the screen wakes: black glass first, then the light comes up */
.dv-scr::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,#1b1b1e 0%,#262629 40%,#3b3b3e 50%,#2a2a2d 56%,#1d1d20 100%);opacity:calc(1 - var(--on,0));pointer-events:none;z-index:9}
.dv-lap{width:1280px;height:830px}
/* 4.11: a phone's screen has four equal round corners at every moment (it was cut square at the foot, like the laptop's hinge) */
.dv-ph{--phr:46px;width:390px;height:844px;border-radius:var(--phr);background:#0d1016}

/* ---------- the laptop: a desktop, a browser, two windows ---------- */
.dv-desk{position:absolute;inset:0;background:
  radial-gradient(80% 70% at 85% 10%,rgba(240,170,110,.32),transparent 60%),
  radial-gradient(70% 70% at 10% 90%,rgba(90,140,150,.35),transparent 60%),linear-gradient(160deg,#2b2a33,#1c1e24 60%,#24201f)}
.dv-menu{position:absolute;inset:0 0 auto 0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;
  background:rgba(20,20,26,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.88);font-size:13px}
.dv-menu b{font-weight:600}
.dv-win{position:absolute;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px -18px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.25)}
.dv-br{left:18px;top:44px;width:874px;height:768px;display:flex;flex-direction:column}
.dv-chrome{height:46px;flex:none;display:flex;align-items:center;gap:14px;padding:0 12px;background:#efedea;border-bottom:1px solid #dcd8d2}
.dv-lights{display:flex;gap:7px;flex:none}
.dv-lights i,.dv-lights button{width:12px;height:12px;border-radius:50%;background:#d9d5cf;border:0;padding:0;display:block}
.dv-lights button.dv-x{background:#ef5f57;cursor:pointer}
.dv-lights button.dv-x:hover{box-shadow:0 0 0 3px rgba(239,95,87,.25)}
.dv-br .dv-lights i:nth-child(2){background:#f6bd3b}.dv-br .dv-lights i:nth-child(3){background:#5fc454}
.dv-url{flex:1;min-width:0;height:28px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#fff;color:#55504a;font-size:13px;box-shadow:inset 0 0 0 1px #e2ded8}
.dv-url svg{width:13px;height:13px;fill:none;stroke:#8a847c;stroke-width:2}
.dv-url-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-story{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:999px;border:0;cursor:pointer;
  background:#1d1b1a;color:#fff;font:500 13px Rubik,sans-serif}
.dv-story svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.dv-story:hover{background:#000}
.dv-fr{flex:1;width:100%;height:100%;border:0;display:block;background:#fff}
.dv-side{position:absolute;left:910px;top:44px;width:352px;height:768px;display:flex;flex-direction:column;gap:16px}
.dv-side .dv-win{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}
.dv-cv{flex:0 0 250px!important}
.dv-bar{height:34px;flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;background:#efedea;border-bottom:1px solid #dcd8d2;font-size:13px;color:#3a3530;direction:ltr}
.dv-bar b{flex:1;text-align:center;font-weight:500;margin-inline-end:46px}
.dv-ab .dv-fr{flex:1;height:auto}
.dv-cvb{flex:1;display:flex;gap:16px;padding:16px;background:#faf8f4;direction:rtl}
.dv-cvp{width:118px;flex:none;background:#fff;border-radius:4px;box-shadow:0 6px 18px -6px rgba(0,0,0,.25),0 0 0 1px #ece7df;padding:12px 10px;display:flex;flex-direction:column;gap:6px}
.dv-cvp b{font:600 11px Rubik,sans-serif;color:#2a2620}
.dv-cvp i{height:4px;border-radius:2px;background:#e6e0d6}.dv-cvp i.s{width:60%;background:#cdbfa6}
.dv-cvt{display:flex;flex-direction:column;gap:6px;min-width:0;color:#2a2620}
.dv-cvt b{font:600 18px Rubik,sans-serif}.dv-cvt span{font-size:13px;color:#6d655a;line-height:1.4}
.dv-cvt a{margin-top:6px;display:inline-flex;justify-content:center;align-items:center;height:34px;border-radius:999px;text-decoration:none;font:500 14px Rubik,sans-serif;color:#fff;background:#1d1b1a}
.dv-cvt a+a{margin-top:2px;background:transparent;color:#1d1b1a;box-shadow:inset 0 0 0 1px #cfc6b8}

/* ---------- the phone: a home screen (4.11, Moshe's own iPhone as the model) ----------
   His photo as the wallpaper; a 4-column grid of rounded-square icons, white labels with a shadow; the ATLAS widget (2x2) where the
   eye starts; a Search pill; a frosted dock of three; red badges. Laid out in the phone's own 390-wide space */
.dv-home{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;background:#0f2235}
.dv-wall{position:absolute;inset:0;background:radial-gradient(90% 55% at 82% 4%,rgba(230,254,38,.30),transparent 62%),radial-gradient(95% 60% at 8% 102%,rgba(255,138,76,.34),transparent 64%),radial-gradient(120% 80% at 50% 45%,#24384c,#101b26 72%);transform:scale(1.04)}
.dv-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 20%,rgba(0,0,0,0) 70%,rgba(0,0,0,.22))}
.dv-home>*:not(.dv-wall){position:relative}
.dv-st{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 32px 0 40px;font:600 16.5px/1 Rubik,system-ui,sans-serif;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.dv-island{position:absolute;left:50%;top:11px;width:120px;height:34px;margin-left:-60px;border-radius:20px;background:#000}
.dv-ind3{display:flex;align-items:center;gap:6px}
.dv-g{height:11px;width:auto;fill:#fff;display:block}.dv-bat{height:12.5px;color:#fff}
.dv-apps{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:96px;align-items:start;padding:20px 12px 0;direction:rtl}
.dv-ic{position:relative;display:grid;justify-items:center;gap:6px;border:0;background:none;padding:0;cursor:pointer;color:#fff;font:500 12px/1.15 Rubik,system-ui,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.25);-webkit-tap-highlight-color:transparent}
.dv-ic span{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dv-ic-i{position:relative;width:62px;height:62px;border-radius:14.5px;display:grid;place-items:center;overflow:hidden;font-style:normal;
  box-shadow:0 4px 12px -6px rgba(0,0,0,.55);transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s}
.dv-ic-i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 44%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.22);pointer-events:none}
.dv-ic-i img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}
.dv-ic-i svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}
.dv-ic-i svg.fill{fill:currentColor;stroke:none}.dv-ic-i svg .ap{fill:#ff5a36}
.dv-ic:active .dv-ic-i{transform:scale(.9);filter:brightness(.82)}
@media (hover:hover){.dv-ic:hover .dv-ic-i{transform:translateY(-2px)}}
.dv-ic.is-soon .dv-ic-i{filter:saturate(.75)}
.dv-soonb{position:absolute;left:50%;bottom:5px;translate:-50% 0;z-index:2;padding:2px 6px 3px;border-radius:999px;font:600 9.5px/1 Rubik,system-ui,sans-serif;font-style:normal;color:#1d1b1a;background:rgba(255,255,255,.9);white-space:nowrap}
/* a red badge, the iOS way: on the icon's top corner (the start corner in Hebrew) */
.dv-badge{position:absolute;top:-6px;inset-inline-end:2px;z-index:3;min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:12px;display:grid;place-items:center;
  font:500 14px/1 Rubik,system-ui,sans-serif;font-style:normal;color:#fff;background:#ff3b30;text-shadow:none;box-shadow:0 1px 3px rgba(0,0,0,.3)}
/* ATLAS: the widget, 2x2 */
.dv-wgA{grid-column:span 2;grid-row:span 2;align-self:stretch;margin:0 7px 26px;border:0;padding:16px;border-radius:24px;cursor:pointer;position:relative;overflow:hidden;
  display:grid;grid-template-rows:1fr auto;align-items:end;justify-items:start;text-align:start;color:#1d2408;-webkit-tap-highlight-color:transparent;
  background:radial-gradient(120% 90% at 85% 10%,color-mix(in srgb,var(--ac) 45%,#fff),var(--ac) 58%,color-mix(in srgb,var(--ac) 65%,#1b2400));
  box-shadow:0 10px 26px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 .5px rgba(255,255,255,.35);transition:transform .16s cubic-bezier(.2,.8,.2,1)}
.dv-wgA:active{transform:scale(.96)}
.dv-wgA-f{position:absolute;top:-6px;inset-inline-start:-10px;width:118px;height:118px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.28));animation:dvwg 26s linear infinite}
.dv-wgA-f img{width:100%;height:100%;object-fit:contain}
@keyframes dvwg{to{transform:rotate(360deg)}}
.dv-wgA-t{grid-row:2;display:grid;gap:3px}
.dv-wgA-t b{font:700 22px/1 Rubik,system-ui,sans-serif;letter-spacing:.06em}
.dv-wgA-t small{font:500 11.5px/1.25 Rubik,system-ui,sans-serif;opacity:.8}
.dv-wgA-go{position:absolute;top:14px;inset-inline-end:14px;padding:5px 10px 6px;border-radius:999px;font:600 11.5px/1 Rubik,system-ui,sans-serif;background:rgba(255,255,255,.55);color:#1d2408}
.dv-search{margin:auto auto 14px;display:flex;align-items:center;gap:6px;padding:7px 14px 8px;border-radius:999px;font:500 13.5px/1 Rubik,system-ui,sans-serif;color:rgba(255,255,255,.92);
  background:rgba(120,120,128,.34);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);pointer-events:none}
.dv-search svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.dv-dock{margin:0 14px 34px;height:94px;flex:none;border-radius:34px;display:flex;justify-content:center;gap:44px;align-items:center;padding:0 22px;direction:rtl;
  background:rgba(255,255,255,.2);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 .5px rgba(255,255,255,.18)}
.dv-dock .dv-ic span{display:none}
.dv-ind-h{background:rgba(255,255,255,.85)!important;bottom:9px!important;cursor:pointer}
/* on an upright phone the screen is the visitor's own: its status bar is theirs, so ours steps aside */
.dv-fill .dv-st{height:calc(env(safe-area-inset-top,0px) + 50px)}.dv-fill .dv-st>*{visibility:hidden}
.dv-fill .dv-dock{margin-bottom:calc(env(safe-area-inset-bottom,0px) + 26px)}
.dv-fill .dv-ind{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important}
.dv-fill .dv-appbar{height:calc(env(safe-area-inset-top,0px) + 54px)!important;padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important}
.dv-fill .dv-close{width:40px;height:40px;background:rgba(30,30,32,.45)}
/* the screens in the photo, waiting (devices.js · idle): painted as light onto the glass */
.dv-idle{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;mix-blend-mode:screen;transform-origin:0 0}
.dv-idle>*{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0;transition:opacity .9s ease}
.dv-ss{width:640px;height:415px;border-radius:11px 11px 0 0}
.dv-aod{width:390px;height:800px;border-radius:64px;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:120px;
  background:radial-gradient(90% 55% at 70% 20%,rgba(120,70,140,.32),transparent 70%),radial-gradient(80% 50% at 20% 85%,rgba(40,90,110,.3),transparent 70%),#000}
.dv-aod .dv-date{font:500 28px Rubik,system-ui,sans-serif;opacity:.8}
.dv-aod b{font:600 132px/1 Rubik,system-ui,sans-serif;letter-spacing:-.03em;direction:ltr;margin-top:6px;opacity:.92}
.menu-open .dv-idle,.about-open .dv-idle{filter:brightness(.82)}
.dv-app{position:absolute;inset:0;z-index:5;background:#fff;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--phr);opacity:0;pointer-events:none}
.dv-app.on{opacity:1;pointer-events:auto}.dv-app.zm{will-change:transform}
.dv-app[hidden]{display:none}
.dv-appbar{height:54px;flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px 0;background:#f6f4f0;border-bottom:1px solid #e4dfd7;color:#1d1b1a}
.dv-appbar b{flex:1;font:600 16px Rubik,sans-serif}
.dv-back{width:34px;height:34px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center}
.dv-back svg{width:20px;height:20px;fill:none;stroke:#1d1b1a;stroke-width:2.2}
.dv-story-s{height:30px;font-size:12.5px}
.dv-story-s[hidden]{display:none}
.dv-app .dv-fr{flex:1;height:auto}
.dv-soon{flex:1;display:grid;place-content:center;justify-items:center;gap:8px;color:#1d1b1a;background:#f6f4f0}
.dv-soon b{font:400 34px "Suez One",serif}.dv-soon span{color:#6d655a}
.dv-ind{position:absolute;bottom:8px;left:50%;width:120px;height:5px;margin-left:-60px;border-radius:3px;background:rgba(0,0,0,.35)}

/* ---------- outside the screen ---------- */
.dv-close{position:fixed;width:44px;height:44px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;cursor:pointer;opacity:0;
  background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dv-close svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}
.dv-close:hover{background:rgba(255,255,255,.22)}
.dv-cta{position:fixed;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;opacity:0;
  background:#f4efe6;color:#1d1b1a;font:500 16px Rubik,sans-serif;box-shadow:0 14px 40px -12px rgba(0,0,0,.6)}
.dv-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.dv-cta:hover{background:#fff}
.dv-cta[hidden]{display:none}
.dv-open .ui,.dv-open .topbar,.dv-open .toast{visibility:hidden}
@media (prefers-reduced-motion:reduce){.dv-app{transition:none}}
.dv:focus{outline:none}
.dv-open .dv-idle>*{transition:none}
@media (prefers-reduced-motion:reduce){.dv-idle>*{transition:none}}

/* 4.11 the phone's small apps (devices.js DEMO): each does one thing for real; and the "soon" note on an app's own icon */
.dv-demo{flex:1;display:flex;flex-direction:column;min-height:0;font-family:Rubik,system-ui,sans-serif}
.dv-demo[hidden]{display:none}
.dv-demo[data-k=calc]{background:#000;color:#fff;justify-content:flex-end;padding:0 16px 34px}
.dv-cd{display:block;text-align:right;font:300 76px/1.1 Rubik,system-ui,sans-serif;letter-spacing:-.02em;padding:0 8px 14px;overflow:hidden;white-space:nowrap}
.dv-ck{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dv-ck button{all:unset;cursor:pointer;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:400 30px Rubik,system-ui,sans-serif;background:#333336;color:#fff;transition:filter .12s}
.dv-ck button.fn{background:#a5a5a8;color:#000}.dv-ck button.op{background:#ff9f0a}.dv-ck button.z{grid-column:span 2;aspect-ratio:auto;border-radius:999px;justify-items:start;padding-left:30px}
.dv-ck button:active{filter:brightness(1.35)}
.dv-demo[data-k=watch]{background:#000;color:#fff;align-items:center;justify-content:center;gap:42px}
.dv-wd{font:200 64px/1 Rubik,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.dv-wb{display:flex;gap:60px}
.dv-wb button{all:unset;cursor:pointer;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:400 16px Rubik,system-ui,sans-serif;background:#333336;color:#fff;box-shadow:0 0 0 3px #000,0 0 0 5px #333336}
.dv-wb .dv-w1{background:#0f3a1d;color:#32d74b;box-shadow:0 0 0 3px #000,0 0 0 5px #0f3a1d}.dv-wb .dv-w1.stop{background:#3d1714;color:#ff453a;box-shadow:0 0 0 3px #000,0 0 0 5px #3d1714}
.dv-demo[data-k=colours]{background:#f6f4f0;padding:22px;gap:14px}
.dv-sw{all:unset;cursor:pointer;flex:1;border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 18px 40px -22px rgba(0,0,0,.5);transition:background .45s ease,color .45s ease}
.dv-sw b{font:600 34px/1 Rubik,system-ui,sans-serif;letter-spacing:.02em;direction:ltr;text-align:start}.dv-sw span{font:400 16px Rubik,system-ui,sans-serif;margin-top:8px;opacity:.85}
.dv-swh{margin:0;text-align:center;font:400 13px/1.4 Rubik,system-ui,sans-serif;color:#6d655a}
.dv-app .dv-fr[hidden],.dv-soon[hidden]{display:none}

/* 4.11 the soon screen (ATLAS until its room opens, Flags) */
.dv-soon{background:radial-gradient(90% 60% at 50% 30%,#f4f1ea,#e6e0d4)}
.dv-soon-f{width:120px;height:120px;display:grid;place-items:center;color:#1f9a6c}.dv-soon-f img{width:100%;height:100%;object-fit:contain;animation:dvwg 30s linear infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.18))}
.dv-soon-f svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.dv-soon span{max-width:250px;text-align:center;line-height:1.45}
/* Snake */
.dv-demo[data-k=snake]{background:#0b1411;color:#e9f5e1;align-items:center;justify-content:center;gap:14px;padding:12px 18px 40px}
.dv-snh{width:100%;max-width:330px;display:flex;justify-content:space-between;font:500 14px Rubik,system-ui,sans-serif;color:rgba(233,245,225,.75)}.dv-snh b{color:#b6f06c;font-weight:600;font-variant-numeric:tabular-nums}
.dv-snc{width:100%;max-width:330px;aspect-ratio:15/21;border-radius:18px;box-shadow:0 0 0 1px rgba(182,240,108,.18),0 18px 40px -20px rgba(0,0,0,.8);touch-action:none;cursor:pointer}
.dv-snm{margin:0;min-height:18px;font:400 13px Rubik,system-ui,sans-serif;color:rgba(233,245,225,.7)}
/* Music */
.dv-demo[data-k=music]{background:linear-gradient(180deg,#2a1218,#140a0e 60%);color:#fff;padding:18px 18px 40px;gap:14px;min-height:0}
.dv-mu-h{display:flex;align-items:center;gap:14px}.dv-mu-h b{display:block;font:600 18px Rubik,system-ui,sans-serif}.dv-mu-h span{font:400 13px Rubik,system-ui,sans-serif;opacity:.7}
.dv-mu-art{flex:none;width:78px;height:78px;border-radius:14px;background:radial-gradient(60% 60% at 30% 30%,#ffb36b,transparent 70%),radial-gradient(70% 70% at 75% 75%,#e23a55,transparent 70%),#5a1d2e;box-shadow:0 10px 24px -10px rgba(0,0,0,.7)}
.dv-mu-l{list-style:none;margin:0;padding:0;display:grid;gap:2px;overflow:auto;flex:1;min-height:0}
.dv-mu-l button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:11px 10px;border-radius:12px;cursor:pointer;font:400 15px Rubik,system-ui,sans-serif}
.dv-mu-l button:hover{background:rgba(255,255,255,.06)}.dv-mu-l em{font-style:normal;width:16px;text-align:center;opacity:.55;font-variant-numeric:tabular-nums}.dv-mu-l span{flex:1}
.dv-mu-l .eq{display:none;align-items:flex-end;gap:2px;height:14px}.dv-mu-l .eq b{width:3px;background:#ff6a5c;border-radius:1px;animation:dveq .9s ease-in-out infinite}
.dv-mu-l .eq b:nth-child(2){animation-delay:-.3s}.dv-mu-l .eq b:nth-child(3){animation-delay:-.6s}
@keyframes dveq{0%,100%{height:4px}50%{height:14px}}
.dv-mu-l button.on{color:#ff8a7a}.dv-mu-l button.on .eq{display:flex}.dv-mu-l button.on em{visibility:hidden}
.dv-mu-np{display:flex;align-items:center;gap:14px}.dv-mu-bar{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
.dv-mu-bar i{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0);transition:transform .5s linear}
[dir=rtl] .dv-mu-bar i{transform-origin:right}
.dv-mu-pp{all:unset;cursor:pointer;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#140a0e}
.dv-mu-pp svg{width:24px;height:24px;fill:currentColor}.dv-mu-pp .pa{display:none}.dv-mu-pp.on .pa{display:block}.dv-mu-pp.on .pl{display:none}
@media (prefers-reduced-motion:reduce){.dv-wgA-f,.dv-soon-f img,.dv-mu-l .eq b{animation:none}}
.dv-fill.dv-appon .dv-close{opacity:0!important;pointer-events:none!important}   /* an app has its own way home (the back arrow, the home bar) */

/* 8.11 night (Moshe: alignment, wallpaper, the apps' own icons): a calm designed wallpaper (the room's lime and the studio's warm light
   in the corners), the grid full, ATLAS in its own icon, and its launch splash */
.dv-ic-i img.dv-full{width:100%;height:100%;object-fit:cover;filter:none}
.dv-wgA-f{top:16px;inset-inline-start:16px;width:58px;height:58px;border-radius:15px;overflow:hidden;animation:none;filter:none;box-shadow:0 6px 14px -6px rgba(0,0,0,.35),inset 0 0 0 .5px rgba(0,0,0,.08)}
.dv-wgA-f img{object-fit:cover}
.dv-wgA-t{gap:6px}
.dv-wgA-wm{height:26px;width:auto;display:block}
.dv-spl{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden;border-radius:inherit}
.dv-spl-b{position:absolute;inset:0;background:#E6FE26}
.dv-spl-a{position:absolute;left:50%;top:50%;width:34px;margin:-29px 0 0 -17px;height:58px;object-fit:contain}
.dv-spl-w{position:absolute;left:50%;top:50%;width:62%;margin-left:-31%;aspect-ratio:1430/540;translate:0 -50%;object-fit:contain}