/* Battery Zen, rebuilt at the phone's native 1084 × 2412 px for /battery-zen/ (src/zen.mjs).
   The app's own type (Google Sans, Bricolage Grotesque) and shapes, with its Material You
   blues retoned into this site: olive for the accent and filled controls, the site's slate,
   clay and sage wherever the app colours by measure, sage and clay for charge and drain.
   Every element's position is a generated rule appended to this file at build time. */

@font-face { font-family: "Google Sans"; src: url("/assets/fonts/google-sans-latin-400.8112a2cdc7.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Google Sans"; src: url("/assets/fonts/google-sans-latin-500.6b716b8552.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Google Sans"; src: url("/assets/fonts/google-sans-latin-700.b263d22d1d.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("/assets/fonts/bricolage-grotesque-latin-400.09948e918c.woff2") format("woff2"); font-weight: 400; font-display: swap; }

.zen {
  --zsans: "Google Sans", "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --ztitle: "Bricolage Grotesque", "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;
  --night-accent: #c5d1a2;
}
.za {
  --page: #ebe9de; --surface: #fbfaf5; --chip: #e3e1d4; --ink: #23251f; --ink2: #4f5148;
  --accent: #56653a; --primary: #5b5f47; --on-primary: #f6f4ec; --seg-sel: #e4e6d6; --well: #dcdaca;
  --wash: rgba(86, 101, 58, .24); --hist: #c9d0b4; --hist-off: #dedcd0; --grid: #d6d4c6;
  --charge: #537f73; --drain: #9b5a3c;
  position: absolute; left: 0; top: 0; width: 1084px; height: 2412px; overflow: hidden;
  background: var(--page); color: var(--ink); font-family: var(--zsans); line-height: normal; letter-spacing: 0;
  -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision;
}
/* Black theme, for nightfall: revealed by a widening circle from the header. */
.za-night {
  --page: #000; --surface: #141512; --chip: #272922; --ink: #e5e5dc; --ink2: #c3c5b7;
  --accent: #c5d1a2; --primary: #c5d1a2; --on-primary: #2b3318; --seg-sel: #3d4234; --well: #1f211b;
  --wash: rgba(197, 209, 162, .3); --hist: #4e5640; --hist-off: #2c2f27; --grid: #3b3e34; --charge: #8fb8a9; --drain: #e09a7c;
  clip-path: circle(0 at 900px 330px);
}
.za-bare { background: none; overflow: visible; }
.za svg { max-width: none; }
.za text { font-family: var(--zsans); }
.za .z-screen { opacity: 0; }
.za #scr-dash, .za #kscr-dash { opacity: 1; }

.z-screen, .z-scroll { position: absolute; left: 0; top: 0; width: 1084px; height: 2412px; }
.z-abs { position: absolute; }
.z-svg { overflow: visible; }
.z-svg.z-clip { overflow: hidden; }
.z-card { position: absolute; background: var(--surface); border-radius: 84px; overflow: hidden; }
.z-tile { position: absolute; background: var(--surface); border-radius: 68px; overflow: hidden; }
.z-ico { position: absolute; display: block; }
.z-ico svg, .z-iico svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.z-iico { display: inline-block; flex: none; }
.flipx svg { transform: scaleX(-1); }
.flipy svg { transform: scaleY(-1); }
.z-rot { transform: rotate(-45deg); }
.z-tnum { font-feature-settings: "tnum"; }
.z-ink2 { color: var(--ink2); }
.z-accent { color: var(--accent); }

.z-title { position: absolute; font: 400 63px/84px var(--ztitle); letter-spacing: -.26px; color: var(--ink); white-space: nowrap; }
.z-head { position: absolute; font: 400 58px/76px var(--ztitle); letter-spacing: -.26px; color: var(--ink); white-space: nowrap; }
.z-body { position: absolute; font: 400 36.75px/52px var(--zsans); letter-spacing: -.2px; color: var(--ink); white-space: nowrap; }
.z-sub { position: absolute; font: 400 31.5px/42px var(--zsans); letter-spacing: .4px; color: var(--ink2); white-space: nowrap; }
.z-big { position: absolute; font: 400 84px/1 var(--zsans); letter-spacing: -.5px; color: var(--ink); white-space: nowrap; }
.z-big .u { font-size: 36.75px; letter-spacing: 0; color: var(--ink2); margin-left: 12px; }
.z-hash { font-size: 42px; color: var(--ink2); margin-right: 4px; }
.z-ibtn { position: absolute; border-radius: 50%; background: var(--chip); color: var(--ink); }
.z-chip { position: absolute; height: 88px; border-radius: 44px; background: var(--chip); display: flex; align-items: center; gap: 14px;
  padding: 0 32px 0 30px; font: 400 36.75px var(--zsans); color: var(--ink); white-space: nowrap; }

.z-status { position: absolute; top: 46px; right: 70px; display: flex; gap: 20px; align-items: center; z-index: 30; }
.z-status .s1 { width: 27px; height: 27px; border-radius: 50%; background: #5f6158; }
.z-status .s2 { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 25px solid #5f6158; }
.z-status .s3 { width: 25px; height: 25px; border-radius: 3px; background: #5f6158; }
.za-night .z-status .s1, .za-night .z-status .s3 { background: #c5c6bc; }
.za-night .z-status .s2 { border-top-color: #c5c6bc; }
.z-gesture { position: absolute; left: 412px; top: 2378px; width: 260px; height: 11px; border-radius: 6px; background: var(--ink); opacity: .85; z-index: 30; }
.z-topbar { position: absolute; left: 0; top: 0; width: 1084px; height: 300px; z-index: 20; background: linear-gradient(180deg, var(--page) 0, var(--page) 262px, transparent 300px); }

/* The cell: a well, the liquid and the reading. Without WebGL the liquid is a still gradient. */
.z-battery { position: absolute; }
.z-well { position: absolute; inset: 0; background: var(--well); }
.z-liquid { position: absolute; inset: 0; background: linear-gradient(165deg, #c4d7a4 0%, #9bb986 38%, #729c78 72%, #5d8970 100%); }
.zen-gl .z-liquid { background: #9bb986; }
.z-liqcanvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.z-bread { position: absolute; text-align: center; color: #fff; font-family: var(--zsans); font-weight: 400; line-height: 1; letter-spacing: -.5px;
  text-shadow: 0 0 2px rgba(38, 58, 34, .35), 0 3px 18px rgba(38, 58, 34, .3); }

/* Dashboard */
.z-est { white-space: nowrap; color: var(--accent); font: 500 84px/1 var(--zsans); letter-spacing: -1px; }
.z-dot { width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0 0 0 2.5px var(--ink2); transition: background-color .2s, box-shadow .2s; }
.z-dot.z-dot-on { background: var(--accent); box-shadow: inset 0 0 0 0 var(--ink2); }
.z-hbig { white-space: nowrap; font: 700 119px/1 var(--zsans); letter-spacing: -2px; color: var(--ink); }
.z-hbig-u { font: 400 42px var(--zsans); color: var(--ink2); margin-left: 14px; letter-spacing: 0; }
.z-wash { background: radial-gradient(420px 420px at 0 0, var(--wash), transparent 100%); }
.rk-bar, .rh { transform-origin: 50% 100%; }
.z-tip { height: 85px; border-radius: 42.5px; background: rgba(251, 250, 245, .8); box-shadow: inset 0 0 0 2.6px rgba(79, 81, 72, .16);
  font: 400 36.75px/85px var(--zsans); letter-spacing: -.26px; color: var(--ink); text-align: center; white-space: nowrap; font-feature-settings: "tnum"; opacity: 0; }

/* Battery recommendations */
.z-ohead { left: 0; width: 1084px; text-align: center; font: 400 63px/84px var(--ztitle); letter-spacing: -.26px; color: var(--ink); white-space: nowrap; }
.z-area { background: var(--surface); }
.z-area-name { font: 400 42px/63px var(--zsans); color: var(--ink); white-space: nowrap; }
.z-area-detail { font: 400 31.5px/42px var(--zsans); letter-spacing: .57px; color: var(--ink2); white-space: nowrap; }
.z-cancel { border-radius: 63px; background: var(--chip); font: 400 36.75px/126px var(--zsans); text-align: center; color: var(--ink); }
.z-finding { background: var(--surface); border-radius: 84px; overflow: hidden; }
.z-fchip { width: 94.5px; height: 94.5px; border-radius: 50%; background: var(--chip); }
.z-fwords { white-space: nowrap; }
.z-ftitle { font: 400 42px/63px var(--zsans); color: var(--ink); }
.z-fest { margin-top: 5px; font: 400 36.75px/52.5px var(--zsans); color: var(--ink2); }
.z-fbtn { border-radius: 50%; background: var(--page); }

/* Battery usage */
.z-utotal { text-align: center; white-space: nowrap; font: 700 84px/1 var(--zsans); letter-spacing: 0; }
.z-utotal-u { font: 700 42px var(--zsans); color: var(--ink2); margin-left: 12px; }
.z-urow { background: var(--surface); }
.z-uwh { font: 400 36.75px/52px var(--zsans); }
.z-upct { font: 400 31.5px/42px var(--zsans); color: var(--ink2); }
.z-utrack { height: 13px; border-radius: 7px; background: var(--chip); }
.u-bar { height: 14px; border-radius: 7px; background: var(--primary); transform-origin: 0 50%; }
.z-uhatch { border-radius: 20px; background: repeating-linear-gradient(-45deg, #e4e2d6 0 9px, #b7b5a8 9px 13px); }
.u-bar.z-uhatch { border-radius: 7px; background: repeating-linear-gradient(-45deg, #d6d4c8 0 9px, #a6a598 9px 13px); }

/* Battery ranking and Compare */
.z-rline { height: 2.6px; background: var(--grid); }
.z-rdot { border-radius: 50%; background: #7c7e72; }
.z-ryou { width: 32px; height: 32px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px var(--page); }
.z-ryou-tag { width: 96px; height: 56px; border-radius: 28px; background: var(--ink); color: var(--page); font: 400 33px/56px var(--zsans); text-align: center; }
.z-rtick { width: 120px; text-align: center; font: 400 26px var(--zsans); color: var(--ink2); }
.z-rend { display: flex; align-items: center; gap: 12px; font: 400 33px var(--zsans); color: var(--ink2); white-space: nowrap; }
.z-rend.z-accent { color: var(--accent); }
.z-pair-label { width: 472px; text-align: center; font: 400 35.2px/52.5px var(--zsans); color: var(--ink2); white-space: nowrap; }
.z-pair-label.z-accent { color: var(--accent); }
.z-pair-name { width: 473px; text-align: center; font: 400 43.2px/63px var(--ztitle); letter-spacing: -.26px; color: var(--ink); white-space: nowrap; }
.c-row { transform-origin: 50% 50%; }
.z-cbtn { width: 105px; height: 105px; border-radius: 50%; background: var(--page); }
.z-cbtn-in { left: 10.5px; top: 10.5px; width: 84px; height: 84px; border-radius: 50%; background: var(--surface); }
.z-vs { font: 400 31.5px/84px var(--zsans); letter-spacing: .5px; text-align: center; color: var(--ink2); }
.z-crown { width: 73.5px; height: 73.5px; border-radius: 50%; background: var(--accent); }
.z-caret { width: 141px; height: 60px; border-radius: 30px; background: var(--surface); }
.z-tabpill { top: 10px; height: 133px; border-radius: 66.5px; background: var(--primary); }
.c-tab { top: 10px; height: 133px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding-bottom: 8px;
  box-sizing: border-box; font: 400 35.5px/42px var(--zsans); color: var(--ink2); transition: color .2s; }
.c-tab.is-on { color: var(--on-primary); }
.z-exp-title { font: 400 40px var(--zsans); }
.z-exp-body { white-space: nowrap; font: 400 36.5px/52px var(--zsans); }
.z-crows-a { left: 0; top: 0; width: 978px; height: 161px; border-radius: 68px 68px 15px 15px; background: var(--surface); }
.z-crows-b { left: 0; top: 167px; width: 978px; height: 164px; border-radius: 15px 15px 68px 68px; background: var(--surface); }
.z-crow { height: 57px; display: flex; align-items: center; gap: 19px; white-space: nowrap; }
.z-crow-name { font: 400 36.75px var(--zsans); color: var(--ink); }
.z-crow-name.z-accent { color: var(--accent); }
.z-crow-mine { font: 400 31.7px var(--zsans); color: var(--ink2); }
.z-crow-chip { display: inline-flex; align-items: center; height: 57px; padding: 0 21px; border-radius: 28.5px; background: var(--chip); font: 400 30.5px var(--zsans); color: var(--ink2); }
.c-dots { display: inline-flex; gap: 10.5px; margin-left: 8px; opacity: 0; }
.c-dots span { width: 6.5px; height: 6.5px; border-radius: 50%; background: var(--ink2); }
.c-val { font: 400 42px var(--zsans); color: var(--ink); white-space: nowrap; }
.z-cval-u { font-size: 29px; margin-left: 6px; }
.c-sc { font: 400 36px var(--zsans); color: var(--ink2); }
.c-sc.z-accent { color: var(--accent); }
.z-cbar-track { width: 820px; height: 15px; border-radius: 7.5px; background: var(--chip); }
.z-cbar { height: 15px; border-radius: 7.5px; background: var(--primary); }

/* The phone's own collapsed notification, dark, and the touch the film shows. */
.z-notif { position: absolute; left: 42px; top: 128px; width: 1000px; height: 220px; border-radius: 42px; background: #2c2e28; z-index: 40;
  transform: translateY(-420px); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); font-family: var(--zsans); }
.z-notif-disc { left: 41.5px; top: 77.5px; width: 63px; height: 63px; border-radius: 50%; background: var(--night-accent); }
.z-notif-title { left: 138px; top: 58px; white-space: nowrap; font: 500 36.75px/42px var(--zsans); letter-spacing: 1.1px; color: #e2e3dc; }
.z-notif-time { font: 400 33.5px var(--zsans); letter-spacing: 1px; color: #c3c5b7; margin-left: 30px; }
.z-notif-time span { margin-left: 15px; }
.z-notif-body { left: 138px; top: 117px; white-space: nowrap; font: 400 36.75px/42px var(--zsans); letter-spacing: 1.25px; color: #c3c5b7; }
.z-touch { position: absolute; left: 0; top: 0; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 50%; background: rgba(255, 255, 255, .45);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .7), 0 6px 24px rgba(0, 0, 0, .18); opacity: 0; z-index: 50; pointer-events: none; }

/* Generated by src/zen.mjs */
.zen .zg0{left:0;top:0;width:148px;height:300px;clip-path:inset(0 100% 0 0)}
.zen .zg1{left:46px;top:179px;width:63px;height:63px;color:var(--ink)}
.zen .zg2{left:0;top:0}
.zen .zg3{left:43px;top:168px}
.zen .zg4{left:43px;top:168px;font-size:57.75px;opacity:0}
.zen .zg5{left:817px;top:164px;width:94px;height:94px}
.zen .zg6{left:18px;top:18px;width:58px;height:58px;color:var(--ink)}
.zen .zg7{left:964px;top:164px;width:94px;height:94px}
.zen .zg8{left:53px;top:337px;width:517px;height:305px}
.zen .zg9{inset:0}
.zen .zga{left:0;top:0;width:1034px;height:305px}
.zen .zgb{left:0px;top:0;width:517px;height:305px}
.zen .zgc{left:42px;top:52px}
.zen .zgd{font:400 42px var(--zsans);margin:0 19px 0 15px;letter-spacing:0}
.zen .zge{font:400 42px var(--zsans);margin:0 0 0 15px;letter-spacing:0}
.zen .zgf{left:42px;top:164px}
.zen .zgg{left:517px;top:0;width:517px;height:305px}
.zen .zgh{left:232px;top:249px}
.zen .zgi{left:269px;top:249px}
.zen .zgj{left:0;top:0;width:517px;height:305px;opacity:0}
.zen .zgk{left:0;top:0;width:517px;height:215px;opacity:0}
.zen .zgl{left:42px;top:42px}
.zen .zgm{left:42px;top:132px}
.zen .zgn{left:53px;top:675px;width:517px;height:180px;border-radius:90px}
.zen .zgo{left:42px;top:38px;line-height:52px}
.zen .zgp{left:380px;top:38px;width:105px;height:105px;background:var(--page)}
.zen .zgq{left:25.5px;top:25.5px;width:54px;height:54px;color:var(--accent)}
.zen .zgr{left:746.05px;top:337px;width:284.86px;height:466.13px;clip-path:path('M82 51.79H202.85A69.06 69.06 0 0 1 271.91 120.85V397.07A69.06 69.06 0 0 1 202.85 466.13H82A69.06 69.06 0 0 1 12.95 397.07V120.85A69.06 69.06 0 0 1 82 51.79ZM118.69 0H166.17A15.11 15.11 0 0 1 181.27 15.11V15.11A15.11 15.11 0 0 1 166.17 30.21H118.69A15.11 15.11 0 0 1 103.58 15.11V15.11A15.11 15.11 0 0 1 118.69 0Z')}
.zen .zgs{clip-path:inset(121.2px 0 0 0)}
.zen .zgt{left:0;top:198.96px;width:284.86px;font-size:95px}
.zen .zgu{font-size:36.7px;margin-left:6.5px}
.zen .zgv{left:99.27px;top:215.8px;width:86.3px;height:86.3px;color:#ffffff;transform:scale(0)}
.zen .zgw{left:53px;top:413px;opacity:0}
.zen .zgx{left:0;top:0;width:1084px;height:3100px}
.zen .zgy{left:53px;top:966px;width:473px;height:473px}
.zen .zgz{left:47px;top:62px;width:66px;height:66px;color:var(--accent)}
.zen .zg10{left:342.5px;top:41.5px;width:89px;height:89px}
.zen .zg11{left:21.5px;top:21.5px;width:46px;height:46px;color:var(--ink2)}
.zen .zg12{left:42px;top:221px}
.zen .zg13{left:42px;top:334px}
.zen .zg14{left:42px;top:389px}
.zen .zg15{left:558px;top:966px;width:473px;height:473px}
.zen .zg16{left:190px;top:221px;width:10px;height:272px;border-radius:5px;background:var(--hist)}
.zen .zg17{left:205.4px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist)}
.zen .zg18{left:220.8px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist)}
.zen .zg19{left:236.2px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist)}
.zen .zg1a{left:251.6px;top:287.6px;width:10px;height:205.4px;border-radius:5px;background:var(--hist)}
.zen .zg1b{left:267px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--accent)}
.zen .zg1c{left:282.4px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1d{left:297.8px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1e{left:313.2px;top:287.6px;width:10px;height:205.4px;border-radius:5px;background:var(--hist-off)}
.zen .zg1f{left:328.6px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1g{left:344px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1h{left:359.4px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1i{left:374.8px;top:287.6px;width:10px;height:205.4px;border-radius:5px;background:var(--hist-off)}
.zen .zg1j{left:390.2px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1k{left:405.6px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1l{left:421px;top:284.7px;width:10px;height:208.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg1m{left:436.4px;top:221px;width:10px;height:272px;border-radius:5px;background:var(--hist-off)}
.zen .zg1n{left:53px;top:1471px;width:473px;height:473px}
.zen .zg1o{left:54.5px;top:181px;width:21px;height:51px;border-radius:10.5px;background:var(--charge)}
.zen .zg1p{left:54.5px;top:241px;width:21px;height:59px;border-radius:10.5px;background:var(--drain)}
.zen .zg1q{left:112.5px;top:186px;width:21px;height:46px;border-radius:10.5px;background:var(--charge)}
.zen .zg1r{left:112.5px;top:241px;width:21px;height:59px;border-radius:10.5px;background:var(--drain)}
.zen .zg1s{left:169.5px;top:179px;width:21px;height:53px;border-radius:10.5px;background:var(--charge)}
.zen .zg1t{left:169.5px;top:241px;width:21px;height:59px;border-radius:10.5px;background:var(--drain)}
.zen .zg1u{left:226.5px;top:162px;width:21px;height:70px;border-radius:10.5px;background:var(--charge)}
.zen .zg1v{left:226.5px;top:241px;width:21px;height:48px;border-radius:10.5px;background:var(--drain)}
.zen .zg1w{left:284.5px;top:202px;width:21px;height:30px;border-radius:10.5px;background:var(--charge)}
.zen .zg1x{left:284.5px;top:241px;width:21px;height:65px;border-radius:10.5px;background:var(--drain)}
.zen .zg1y{left:341.5px;top:152px;width:21px;height:80px;border-radius:10.5px;background:var(--charge)}
.zen .zg1z{left:341.5px;top:241px;width:21px;height:21px;border-radius:10.5px;background:var(--drain)}
.zen .zg20{left:398.5px;top:173px;width:21px;height:59px;border-radius:10.5px;background:var(--charge)}
.zen .zg21{left:398.5px;top:241px;width:21px;height:74px;border-radius:10.5px;background:var(--drain)}
.zen .zg22{left:558px;top:1471px;width:473px;height:473px}
.zen .zg23{left:0;top:0;width:473px;height:473px}
.zen .zg24{left:42px;top:228px}
.zen .zg25{left:53px;top:1977px;width:978px;height:985px}
.zen .zg26{left:47px;top:71px}
.zen .zg27{left:47px;top:173px;height:89px;border-radius:44.5px;background:var(--chip);display:flex;align-items:center;padding:0 21px 0 26.25px;white-space:nowrap;font:400 36.75px/52.5px var(--zsans);letter-spacing:-0.9px;color:var(--ink)}
.zen .zg28{width:42px;height:42px;color:var(--ink2)}
.zen .zg29{margin-left:15.75px}
.zen .zg2a{margin-left:10.5px;display:inline-flex}
.zen .zg2b{width:36.75px;height:36.75px;color:var(--ink2)}
.zen .zg2c{left:304px;top:173px;height:89px;border-radius:44.5px;background:var(--chip);display:flex;align-items:center;padding:0 21px 0 26.25px;white-space:nowrap;font:400 36.75px/52.5px var(--zsans);letter-spacing:-0.9px;color:var(--ink)}
.zen .zg2d{left:0;top:0;width:978px;height:985px}
.zen .zg2e{left:279px;top:543.3px;width:652px;transform-origin:548px 119px}
.zen .zg2f{left:148px;top:168px;font-size:57.75px}
.zen .zg2g{left:237.5px;top:509.5px;width:609px;height:609px;transform-origin:50% 0}
.zen .zg2h{left:0;top:0;width:609px;height:609px}
.zen .zg2i{left:252px;top:252px;width:105px;height:105px;color:var(--accent)}
.zen .zg2j{left:252px;top:252px;width:105px;height:105px;color:var(--accent);opacity:0}
.zen .zg2k{top:1196.25px}
.zen .zg2l{top:1196.25px;opacity:0}
.zen .zg2m{top:671.8px;opacity:0}
.zen .zg2n{left:0;top:0;width:1084px;height:2000px}
.zen .zg2o{left:69.5px;top:1312px;width:945px;height:147px;border-radius:84px 84px 15.75px 15.75px}
.zen .zg2p{left:31.5px;top:42px;width:63px;height:63px;color:var(--ink2)}
.zen .zg2q{left:126px;top:21px}
.zen .zg2r{left:126px;top:84px}
.zen .zg2s{left:850.5px;top:42px;width:63px;height:63px;color:var(--accent);opacity:0}
.zen .zg2t{left:69.5px;top:1464.25px;width:945px;height:147px;border-radius:15.75px 15.75px 15.75px 15.75px}
.zen .zg2u{left:69.5px;top:1616.5px;width:945px;height:147px;border-radius:15.75px 15.75px 15.75px 15.75px}
.zen .zg2v{left:69.5px;top:1768.75px;width:945px;height:147px;border-radius:15.75px 15.75px 84px 84px}
.zen .zg2w{left:0;top:0;width:1084px;height:2600px;opacity:0}
.zen .zg2x{left:53px;top:866px;width:978px;height:191px}
.zen .zg2y{left:42px;top:48.25px}
.zen .zg2z{left:22.3px;top:22.3px;width:49.9px;height:49.9px;color:var(--ink2)}
.zen .zg30{left:174px;top:37px}
.zen .zg31{left:810px;top:34px;width:126px;height:126px}
.zen .zg32{left:36.75px;top:36.75px;width:52.5px;height:52.5px;color:var(--accent)}
.zen .zg33{inset:0;opacity:0}
.zen .zg34{left:22.3px;top:22.3px;width:49.9px;height:49.9px;color:var(--accent)}
.zen .zg35{left:53px;top:1092px;width:978px;height:191px}
.zen .zg36{left:53px;top:1318px;width:978px;height:191px}
.zen .zg37{left:53px;top:1544px;width:978px;height:191px}
.zen .zg38{left:332px;top:2128px;width:420px;height:126px}
.zen .zg39{left:46px;top:163px;width:63px;height:63px;color:var(--ink)}
.zen .zg3a{left:148px;top:152px;font-size:57.75px}
.zen .zg3b{left:54px;top:270px;height:85px;font-size:35px;padding-left:36px}
.zen .zg3c{width:36px;height:36px;color:var(--ink2)}
.zen .zg3d{left:0;top:0;width:1084px;height:1200px}
.zen .zg3e{left:820.6px;top:857.5px;width:78px;height:78px;border-radius:50%;background:#537f73}
.zen .zg3f{left:17px;top:17px;width:44px;height:44px;color:#fff}
.zen .zg3g{left:530.9px;top:1081.9px;width:78px;height:78px;border-radius:50%;background:#9b5a3c}
.zen .zg3h{left:239.2px;top:953.2px;width:78px;height:78px;border-radius:50%;background:#7d3470}
.zen .zg3i{left:173.7px;top:692.1px;width:78px;height:78px;border-radius:50%;background:#4b7188}
.zen .zg3j{left:277.7px;top:501px;width:78px;height:78px;border-radius:50%;background:#b8662c}
.zen .zg3k{left:436px;top:420px;width:78px;height:78px;border-radius:50%;background:#3a3d34}
.zen .zg3l{left:243px;top:737px;width:600px}
.zen .zg3m{left:53px;top:1185px;width:978px;height:156px;border-radius:68px 68px 15px 15px}
.zen .zg3n{left:47px;top:39px;width:78px;height:78px}
.zen .zg3o{left:158px;top:28px;color:var(--ink2)}
.zen .zg3p{right:47px;top:28px;color:var(--ink2)}
.zen .zg3q{left:158px;top:96px;width:680px}
.zen .zg3r{left:158px;top:98px;width:145px}
.zen .zg3s{right:47px;top:84px}
.zen .zg3t{left:53px;top:1347px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg3u{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#537f73}
.zen .zg3v{left:158px;top:28px;color:var(--ink)}
.zen .zg3w{right:47px;top:28px;color:var(--ink)}
.zen .zg3x{left:53px;top:1509px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg3y{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#9b5a3c}
.zen .zg3z{left:158px;top:98px;width:123px}
.zen .zg40{left:53px;top:1671px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg41{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#7d3470}
.zen .zg42{left:158px;top:98px;width:102px}
.zen .zg43{left:53px;top:1833px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg44{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#4b7188}
.zen .zg45{left:158px;top:98px;width:87px}
.zen .zg46{left:53px;top:1995px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg47{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#b8662c}
.zen .zg48{left:158px;top:98px;width:65px}
.zen .zg49{left:53px;top:2157px;width:978px;height:156px;border-radius:15px 15px 15px 15px}
.zen .zg4a{left:47px;top:39px;width:78px;height:78px;border-radius:50%;background:#3a3d34}
.zen .zg4b{left:158px;top:98px;width:51px}
.zen .zg4c{left:53px;top:413px}
.zen .zg4d{left:53px;top:578px;width:517px;height:215px;border-radius:107px}
.zen .zg4e{clip-path:inset(26.1px 0 0 0)}
.zen .zg4f{left:99.27px;top:215.8px;width:86.3px;height:86.3px;color:#ffffff}
.zen .zg4g{left:0;top:0;width:1084px;height:3400px}
.zen .zg4h{left:53px;top:966px;width:978px;height:691px}
.zen .zg4i{left:47px;top:47px}
.zen .zg4j{left:0;top:0;width:1084px;height:2412px}
.zen .zg4k{left:53px;top:1740px;font-size:43px;line-height:56px}
.zen .zg4l{left:53px;top:1832px;width:473px;height:473px}
.zen .zg4m{left:42px;top:268px}
.zen .zg4n{left:42px;top:380px}
.zen .zg4o{left:558px;top:1832px;width:473px;height:473px}
.zen .zg4p{left:53px;top:2337px;width:473px;height:473px}
.zen .zg4q{left:42px;top:332px}
.zen .zg4r{left:558px;top:2337px;width:473px;height:473px}
.zen .zg4s{left:53px;top:2892px;font-size:43px;line-height:56px}
.zen .zg4t{left:53px;top:319px}
.zen .zg4u{left:75px;top:556px;width:935px}
.zen .zg4v{left:94.5px;top:547px;width:20px;height:20px}
.zen .zg4w{left:139.7px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg4x{left:184.8px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg4y{left:229.8px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg4z{left:274.9px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg50{left:319.8px;top:547px;width:20px;height:20px}
.zen .zg51{left:365px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg52{left:410px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg53{left:454.9px;top:547px;width:20px;height:20px}
.zen .zg54{left:500.1px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg55{left:545.2px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg56{left:590.2px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg57{left:635.1px;top:547px;width:20px;height:20px}
.zen .zg58{left:680.3px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg59{left:725.4px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg5a{left:770.4px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg5b{left:815.3px;top:547px;width:20px;height:20px}
.zen .zg5c{left:860.5px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg5d{left:905.6px;top:547.1px;width:19.7px;height:19.7px}
.zen .zg5e{left:950.5px;top:547px;width:20px;height:20px}
.zen .zg5f{left:0;top:0;width:1084px;height:700px}
.zen .zg5g{left:351.6px;top:541px}
.zen .zg5h{left:319.6px;top:476px}
.zen .zg5i{left:22px;top:584px}
.zen .zg5j{left:247.3px;top:584px}
.zen .zg5k{left:472.5px;top:584px}
.zen .zg5l{left:697.8px;top:584px}
.zen .zg5m{left:923px;top:584px}
.zen .zg5n{left:57px;top:636px}
.zen .zg5o{right:57px;top:636px}
.zen .zg5p{width:36px;height:36px;color:var(--accent)}
.zen .zg5q{left:53px;top:757px;width:473px;height:473px}
.zen .zg5r{left:42px;top:62px;width:76px;height:76px;color:var(--accent)}
.zen .zg5s{left:372px;top:72px;width:54px;height:54px;color:var(--ink)}
.zen .zg5t{left:190px;top:437px;width:10px;height:56px;border-radius:5px;background:var(--hist)}
.zen .zg5u{left:205.4px;top:461.8px;width:10px;height:31.2px;border-radius:5px;background:var(--hist)}
.zen .zg5v{left:220.8px;top:465.6px;width:10px;height:27.4px;border-radius:5px;background:var(--hist)}
.zen .zg5w{left:236.2px;top:460.6px;width:10px;height:32.4px;border-radius:5px;background:var(--hist)}
.zen .zg5x{left:251.6px;top:448.2px;width:10px;height:44.8px;border-radius:5px;background:var(--hist)}
.zen .zg5y{left:267px;top:451.9px;width:10px;height:41.1px;border-radius:5px;background:var(--hist)}
.zen .zg5z{left:282.4px;top:445.7px;width:10px;height:47.3px;border-radius:5px;background:var(--hist)}
.zen .zg60{left:297.8px;top:430.8px;width:10px;height:62.2px;border-radius:5px;background:var(--hist)}
.zen .zg61{left:313.2px;top:409.7px;width:10px;height:83.3px;border-radius:5px;background:var(--hist)}
.zen .zg62{left:328.6px;top:382.4px;width:10px;height:110.6px;border-radius:5px;background:var(--hist)}
.zen .zg63{left:344px;top:351.3px;width:10px;height:141.7px;border-radius:5px;background:var(--hist)}
.zen .zg64{left:359.4px;top:299.2px;width:10px;height:193.8px;border-radius:5px;background:var(--accent)}
.zen .zg65{left:374.8px;top:279.3px;width:10px;height:213.7px;border-radius:5px;background:var(--hist-off)}
.zen .zg66{left:390.2px;top:221px;width:10px;height:272px;border-radius:5px;background:var(--hist-off)}
.zen .zg67{left:405.6px;top:302.9px;width:10px;height:190.1px;border-radius:5px;background:var(--hist-off)}
.zen .zg68{left:421px;top:374.9px;width:10px;height:118.1px;border-radius:5px;background:var(--hist-off)}
.zen .zg69{left:436.4px;top:396px;width:10px;height:97px;border-radius:5px;background:var(--hist-off)}
.zen .zg6a{left:558px;top:757px;width:473px;height:473px}
.zen .zg6b{left:190px;top:432.9px;width:10px;height:60.1px;border-radius:5px;background:var(--hist)}
.zen .zg6c{left:205.4px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6d{left:220.8px;top:456.3px;width:10px;height:36.7px;border-radius:5px;background:var(--hist)}
.zen .zg6e{left:236.2px;top:461.3px;width:10px;height:31.7px;border-radius:5px;background:var(--hist)}
.zen .zg6f{left:251.6px;top:453px;width:10px;height:40px;border-radius:5px;background:var(--hist)}
.zen .zg6g{left:267px;top:438px;width:10px;height:55px;border-radius:5px;background:var(--hist)}
.zen .zg6h{left:282.4px;top:441.3px;width:10px;height:51.7px;border-radius:5px;background:var(--hist)}
.zen .zg6i{left:297.8px;top:422.9px;width:10px;height:70.1px;border-radius:5px;background:var(--hist)}
.zen .zg6j{left:313.2px;top:417.9px;width:10px;height:75.1px;border-radius:5px;background:var(--hist)}
.zen .zg6k{left:328.6px;top:371.2px;width:10px;height:121.8px;border-radius:5px;background:var(--accent)}
.zen .zg6l{left:344px;top:329.5px;width:10px;height:163.5px;border-radius:5px;background:var(--hist-off)}
.zen .zg6m{left:359.4px;top:237.7px;width:10px;height:255.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg6n{left:374.8px;top:229.3px;width:10px;height:263.7px;border-radius:5px;background:var(--hist-off)}
.zen .zg6o{left:405.6px;top:241px;width:10px;height:252px;border-radius:5px;background:var(--hist-off)}
.zen .zg6p{left:421px;top:239.4px;width:10px;height:253.6px;border-radius:5px;background:var(--hist-off)}
.zen .zg6q{left:436.4px;top:267.7px;width:10px;height:225.3px;border-radius:5px;background:var(--hist-off)}
.zen .zg6r{left:53px;top:1262px;width:473px;height:473px}
.zen .zg6s{left:190px;top:461.8px;width:10px;height:31.2px;border-radius:5px;background:var(--hist)}
.zen .zg6t{left:220.8px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6u{left:236.2px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6v{left:251.6px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6w{left:267px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6x{left:282.4px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6y{left:297.8px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg6z{left:313.2px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg70{left:328.6px;top:467px;width:10px;height:26px;border-radius:5px;background:var(--hist)}
.zen .zg71{left:344px;top:466.5px;width:10px;height:26.5px;border-radius:5px;background:var(--hist)}
.zen .zg72{left:359.4px;top:464.1px;width:10px;height:28.9px;border-radius:5px;background:var(--hist)}
.zen .zg73{left:374.8px;top:464.1px;width:10px;height:28.9px;border-radius:5px;background:var(--hist)}
.zen .zg74{left:390.2px;top:448.7px;width:10px;height:44.3px;border-radius:5px;background:var(--hist)}
.zen .zg75{left:405.6px;top:422px;width:10px;height:71px;border-radius:5px;background:var(--hist)}
.zen .zg76{left:421px;top:315.4px;width:10px;height:177.6px;border-radius:5px;background:var(--hist)}
.zen .zg77{left:436.4px;top:221px;width:10px;height:272px;border-radius:5px;background:var(--accent)}
.zen .zg78{left:558px;top:1262px;width:473px;height:473px}
.zen .zg79{left:53px;top:1840px;font-size:57.75px}
.zen .zg7a{left:0;top:1542px;width:1084px;height:1300px}
.zen .zg7b{left:53px;top:424px;width:473px;height:816px;border-radius:73.5px}
.zen .zg7c{left:558px;top:424px;width:473px;height:816px;border-radius:73.5px}
.zen .zg7d{left:153px;top:487px;width:273px;height:588.8px}
.zen .zg7e{left:658px;top:487px;width:273px;height:588.8px}
.zen .zg7f{left:116.25px;top:450.25px}
.zen .zg7g{left:13.1px;top:13.1px;width:47.25px;height:47.25px;color:#fff}
.zen .zg7h{left:53.5px;top:1094px}
.zen .zg7i{left:53.5px;top:1151px}
.zen .zg7j{left:558.5px;top:1094px}
.zen .zg7k{left:558.5px;top:1151px}
.zen .zg7l{left:957.5px;top:392.5px}
.zen .zg7m{left:15.75px;top:15.75px;width:52.5px;height:52.5px;color:var(--ink2)}
.zen .zg7n{left:489.5px;top:779.5px}
.zen .zg7o{left:558px;top:0;width:473px;height:1240px;clip-path:inset(1080px 0 0 0)}
.zen .zg7p{left:0;top:1151px;transform:translateY(-186px) scale(0.75);opacity:0.00}
.zen .zg7q{left:0;top:1151px;transform:translateY(-124px) scale(0.75);opacity:0.00}
.zen .zg7r{left:0;top:1151px;transform:translateY(-62px) scale(0.75);opacity:0.42}
.zen .zg7s{left:0;top:1151px;transform:translateY(0px) scale(1);opacity:1.00}
.zen .zg7t{left:0;top:1151px;transform:translateY(62px) scale(0.75);opacity:0.42}
.zen .zg7u{left:0;top:1151px;transform:translateY(124px) scale(0.75);opacity:0.00}
.zen .zg7v{left:452.5px;top:392.5px}
.zen .zg7w{left:724px;top:360px}
.zen .zg7x{left:50px;top:10px;width:40px;height:40px;color:var(--ink)}
.zen .zg7y{left:724px;top:1249px}
.zen .zg7z{left:53px;top:1390px;width:978px;height:153px;border-radius:76.5px;background:var(--chip)}
.zen .zg80{left:0;top:0;width:1127px;height:153px}
.zen .zg81{left:9px;width:236px}
.zen .zg82{width:57px;height:57px;color:currentColor}
.zen .zg83{left:245px;width:334px}
.zen .zg84{left:579px;width:277px}
.zen .zg85{left:856px;width:262px}
.zen .zg86{left:53px;top:1624px;width:978px;height:306px;border-radius:96px;background:#e6e8d8;opacity:1}
.zen .zg87{left:42px;top:43px;color:#56653a}
.zen .zg88{left:42px;top:108px;color:#4a5236}
.zen .zg89{left:53px;top:1624px;width:978px;height:306px;border-radius:96px;background:#e2e9ec;opacity:0}
.zen .zg8a{left:42px;top:43px;color:#4b7188}
.zen .zg8b{left:42px;top:108px;color:#3e5868}
.zen .zg8c{left:53px;top:1624px;width:978px;height:306px;border-radius:96px;background:#efe7dd;opacity:0}
.zen .zg8d{left:42px;top:43px;color:#8a6447}
.zen .zg8e{left:42px;top:108px;color:#69533f}
.zen .zg8f{left:53px;top:1624px;width:978px;height:253px;border-radius:96px;background:#dee9e4;opacity:0}
.zen .zg8g{left:42px;top:43px;color:#46705f}
.zen .zg8h{left:42px;top:108px;color:#3d5a50}
.zen .zg8i{left:53px;top:2009px;width:978px;height:331px}
.zen .zg8j{left:42px;top:28px}
.zen .zg8k{width:46px;height:46px;color:var(--accent)}
.zen .zg8l{left:42px;top:195px}
.zen .zg8m{right:42px;top:18px;opacity:1}
.zen .zg8n{right:42px;top:93px;opacity:1}
.zen .zg8o{right:42px;top:185px;opacity:1}
.zen .zg8p{right:42px;top:260px;opacity:1}
.zen .zg8q{right:42px;top:18px;opacity:0}
.zen .zg8r{right:42px;top:93px;opacity:0}
.zen .zg8s{right:42px;top:185px;opacity:0}
.zen .zg8t{right:42px;top:260px;opacity:0}
.zen .zg8u{left:42px;top:107px}
.zen .zg8v{left:42px;top:274px}
.zen .zg8w{left:42px;top:107px;width:262px}
.zen .zg8x{left:42px;top:274px;width:492px}
.zen .zg8y{left:12.5px;top:12.5px;width:38px;height:38px;color:#262a22}
.zen .zg8z{left:900.25px;top:86.25px;width:51.5px;height:51.5px;color:var(--night-accent)}
.zen .zg90{left:0px;top:0px;width:264px;height:432px;clip-path:path('M76 48H188A64 64 0 0 1 252 112V368A64 64 0 0 1 188 432H76A64 64 0 0 1 12 368V112A64 64 0 0 1 76 48ZM110 0H154A14 14 0 0 1 168 14V14A14 14 0 0 1 154 28H110A14 14 0 0 1 96 14V14A14 14 0 0 1 110 0Z')}
.zen .zg91{clip-path:inset(0px 0 0 0)}
.zen .zg92{left:0;top:184.39px;width:264px;font-size:88px}
.zen .zg93{font-size:34px;margin-left:6px}