/* True Akrobat ExtraBold SVG glyph outlines, generated from the provided OTF.
   No font files or font dependencies are distributed with the app.
   All eight user-supplied grid paths and clock motion are retained. */
@media(min-width:721px){
  .sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-top:18px;padding-bottom:14px}
  .sidebar .brand.brand-animated{margin-bottom:4px}
  .sidebar .brand-animation{height:clamp(108px,14.5vh,150px)}
  .sidebar .side-label,.sidebar .nav-label{padding:3px 11px 7px;font-size:11px}
  .sidebar .nav{gap:2px;flex-shrink:0}
  .sidebar .nav-item,.sidebar .nav button{min-height:41px;height:41px;padding:7px 12px;gap:10px;font-size:15px;border-radius:11px}
  .sidebar .nav-icon,.sidebar .nav svg{width:19px;height:19px;font-size:19px}
  .sidebar .side-bottom,.sidebar .sidebar-bottom{margin-top:auto}
}
.emal-clock{
  display:block;position:relative;isolation:isolate;flex:none;
  width:min(100%,clamp(202px,26vh,244px));aspect-ratio:1/1;
  margin:11px auto 15px;overflow:visible;
  container-type:inline-size;user-select:none;pointer-events:none;
  color:#191e24;font-family:'Akrobat ExtraBold','Akrobat','Arial Narrow',Arial,sans-serif;font-weight:800;
  font-variant-numeric:tabular-nums;
  filter:drop-shadow(0 6px 11px rgba(68,78,94,.09));
}
.emal-clock-shapes{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;z-index:0}
.emal-clock-shapes path{stroke-linejoin:round;stroke-linecap:round;stroke-width:5.37}
.emal-grid-outer{fill:url(#emalOuter);stroke:#d4d8de}
.emal-grid-track{fill:url(#emalFace);stroke:#bfc5ce}
.emal-grid-well{fill:url(#emalRecess);stroke:#cfd4db}
.emal-grid-tile{fill:url(#emalTile);stroke:#c9cfd7;filter:url(#emalTileShadow)}
/* The moving dot follows THIS very same visible path, no second hidden track. */
.emal-clock-dot{fill:#0574ff;filter:drop-shadow(0 0 9px rgba(12,109,245,.25))}
.emal-clock-hm{position:absolute;z-index:3;overflow:hidden;pointer-events:none}
/* Upper button outer bounds, computed directly from the supplied path commands. */
.emal-clock-hm.hour{left:12.488484%;top:12.543564%;width:34.172853%;height:38.929698%;border-radius:16.946711% / 14.875791%}
.emal-clock-hm.minute{left:53.338175%;top:12.543564%;width:34.172853%;height:38.929698%;border-radius:16.946711% / 14.875791%}
.emal-flip-tile{position:relative;width:100%;height:100%;overflow:hidden;perspective:440px;border-radius:inherit}
.emal-flip-tile:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;z-index:6;background:rgba(109,118,131,.45);box-shadow:0 1px rgba(255,255,255,.6)}
.emal-clock-hinge{position:absolute;z-index:8;top:calc(50% - 4px);width:3px;height:8px;background:linear-gradient(90deg,#5b636e,#e1e4e9,#606a74);border:1px solid #8b939c;border-radius:2px}
.emal-clock-hinge.left{left:0}.emal-clock-hinge.right{right:0}
.emal-flip-half,.emal-flip-flap{position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.emal-flip-half.top,.emal-flip-flap.top{top:0;transform-origin:bottom center}
.emal-flip-half.bottom,.emal-flip-flap.bottom{bottom:0;transform-origin:top center}
.emal-flip-half .v,.emal-flip-flap .v{position:absolute;left:0;width:100%;height:200%;display:flex;justify-content:center;align-items:center;white-space:nowrap;
  font-family:'Akrobat ExtraBold','Akrobat','Arial Narrow',Arial,sans-serif;
  font-size:35cqw;font-weight:800;line-height:1;letter-spacing:-.04em;color:#1a1e23;
  /* Align visible glyph ink, not the line box; dynamic --optical-y from Canvas text metrics. */
  transform:translateY(var(--optical-y,0px)) scaleX(var(--fit-scale-x,1))}
.emal-flip-half.top .v,.emal-flip-flap.top .v{top:0}
.emal-flip-half.bottom .v,.emal-flip-flap.bottom .v{bottom:0}
.emal-flip-flap{z-index:5;display:none}
.emal-flip-flap.top{background:linear-gradient(#fdfefe,#f0f2f5)}
.emal-flip-flap.bottom{background:linear-gradient(#eff1f5,#e9edf2)}
.emal-flip-tile.is-flipping .emal-flip-flap{display:block}
.emal-flip-tile.is-flipping .emal-flip-flap.top{animation:emal-flip-top .24s ease-in forwards}
.emal-flip-tile.is-flipping .emal-flip-flap.bottom{animation:emal-flip-bottom .27s ease-out .24s both}
@keyframes emal-flip-top{from{transform:rotateX(0)}to{transform:rotateX(-90deg)}}
@keyframes emal-flip-bottom{from{transform:rotateX(90deg)}to{transform:rotateX(0)}}
.emal-colons{position:absolute;z-index:4;left:47.6%;top:24%;height:16%;width:4.8%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.emal-colons i{display:block;width:3cqw;height:3cqw;max-width:9px;max-height:9px;border-radius:50%;background:#5d646d;box-shadow:inset 0 1px 1px rgba(255,255,255,.3)}
.emal-clock-date{position:absolute;inset:0;z-index:3;pointer-events:none}
.emal-clock-date-cell{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-family:'Akrobat ExtraBold','Akrobat','Arial Narrow',Arial,sans-serif;font-weight:800;font-size:16cqw;letter-spacing:-.03em;
  color:#282d34;line-height:1;white-space:nowrap}
.emal-clock-date-cell span{display:block;transform:translateY(var(--optical-y,0px)) scaleX(var(--fit-scale-x,1))}
.emal-clock-date-cell:after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(144,151,163,.2)}
.emal-clock-date-cell[data-clock-date="day"]{left:7.931974%;top:59.688921%;width:24.935050%;height:21.132596%;border-radius:23.2305% / 27.4040%}
.emal-clock-date-cell[data-clock-date="month"]{left:35.629786%;top:59.688921%;width:28.505973%;height:21.132596%;border-radius:20.3156% / 27.4040%}
.emal-clock-date-cell[data-clock-date="weekday"]{left:67.132489%;top:59.688921%;width:24.935050%;height:21.132596%;border-radius:23.2305% / 27.4040%}
.emal-clock-date-cell.date-flip span{animation:emal-date-roll .35s ease-out}
@keyframes emal-date-roll{from{transform:translateY(calc(var(--optical-y,0px) - 12%)) scaleX(var(--fit-scale-x,1));opacity:.5}to{transform:translateY(var(--optical-y,0px)) scaleX(var(--fit-scale-x,1));opacity:1}}
.emal-clock-signature{position:absolute;z-index:3;top:85.4%;width:100%;left:0;text-align:center;color:#949ba5;
  font-family:'Akrobat ExtraBold','Akrobat','Arial Narrow',Arial,sans-serif;font-size:4.1cqw;font-weight:800;letter-spacing:.39em;padding-left:.39em}
@media(min-width:721px) and (max-height:760px){.sidebar .brand-animation{height:110px}.emal-clock{width:min(100%,208px)}.sidebar .nav-item,.sidebar .nav button{min-height:40px;height:40px}}
@media(max-width:720px){.sidebar .emal-clock{display:none}}
@media(prefers-reduced-motion:reduce){.emal-clock .emal-flip-flap,.emal-clock-date-cell span{animation:none!important}}

/* v0.4.8: true vector outlines centered by visible path bounds; font metrics never used. */
.emal-flip-half .v,.emal-flip-flap .v{
  transform:none!important;font-size:0!important;letter-spacing:0!important;
  display:block;overflow:visible;line-height:normal;
}
.emal-flip-half .v .emal-ink-svg,.emal-flip-flap .v .emal-ink-svg{
  width:100%;height:100%;display:block;overflow:visible;
}
.emal-clock-date-cell span{
  display:block;width:100%;height:100%;transform:none!important;
}
.emal-clock-date-cell span .emal-ink-svg{
  display:block;width:100%;height:100%;overflow:visible;
}
.emal-clock-signature{
  height:5.4%;display:block;line-height:0;
  padding:0!important;letter-spacing:0!important;
}
.emal-clock-signature .emal-ink-svg{
  width:100%;height:100%;display:block;
}
.emal-clock-date-cell.date-flip span {animation:emal-vector-date-roll .35s ease-out!important;}
@keyframes emal-vector-date-roll{
  from{transform:translateY(-9%);opacity:.5}
  to{transform:translateY(0);opacity:1}
}

/* v0.4.9: restore original lightweight MAGACCI signature from v0.4.4.
   The signature is not part of the flip counters or Akrobat vector glyphs. */
.emal-clock-signature {
  height:auto;
  display:block;
  line-height:1.15;
  font-family:Arial, Helvetica, sans-serif;
  font-size:4.1cqw;
  font-weight:400;
  letter-spacing:.39em !important;
  padding-left:.39em !important;
  color:#949ba5;
}