
.lytl-command-interface{
  --lytl-left-width:300px;
  --lytl-right-width:300px;
  --lytl-accent:#c767ff;
  width:100%;
  margin-inline:auto;
  display:grid;
  grid-template-columns:var(--lytl-left-width) minmax(0,1fr) var(--lytl-right-width);
  align-items:stretch;
  box-sizing:border-box;
  position:relative;
  padding:22px;
  background:
    radial-gradient(circle at 18% 36%, rgba(255,55,135,.34), transparent 34%),
    linear-gradient(105deg, #c51f58 0%, #8b246d 42%, #4a1d72 100%);
  border-radius:26px;
}
.lytl-command-interface *{ box-sizing:border-box; }

.lytl-side-panel{
  min-width:0;
  position:relative;
  display:flex;
  flex-direction:column;
  padding:18px;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(38,15,74,.88),rgba(15,7,38,.86));
  border:1px solid rgba(213,164,255,.38);
  border-radius:24px;
  box-shadow:
    0 0 26px rgba(151,65,255,.22),
    inset 0 0 28px rgba(255,255,255,.028);
  overflow:hidden;
}
.lytl-side-panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.05) 12%,
      transparent 24%,
      transparent 74%,
      rgba(193,93,255,.10) 100%);
}
.lytl-side-panel:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
}

.lytl-panel-header,
.lytl-panel-scroll,
.lytl-bottom-input,
.lytl-chat-thread,
.lytl-guided-mode{position:relative;z-index:1;}

.lytl-panel-header{margin-bottom:14px}
.lytl-panel-header h3{margin:0;font-size:1.18rem;line-height:1.15}
.lytl-panel-header p{margin:5px 0 0;font-size:.78rem;opacity:.72}

.lytl-panel-scroll{
  min-height:0;
  flex:1;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:10px;
  padding-right:2px;
}
.lytl-tool-module{
  position:relative;
  border:1px solid rgba(255,255,255,.11);
  background:var(--module-bg,rgba(255,255,255,.07));
  border-color:var(--module-border,rgba(255,255,255,.12));
  color:var(--module-text,#fff);
  border-radius:15px;
  padding:12px;
  outline:none;
  cursor:pointer;
  overflow:hidden;
  transition:
    transform .18s ease,
    filter .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}
.lytl-tool-module:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-55%;
  width:35%;
  height:190%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transition:left .4s ease;
  pointer-events:none;
}
.lytl-tool-module:hover:after,
.lytl-tool-module:focus-visible:after{left:125%}
.lytl-tool-module:hover,
.lytl-tool-module:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.09);
  border-color:color-mix(in srgb,var(--lytl-accent),white 18%);
  box-shadow:0 0 17px color-mix(in srgb,var(--lytl-accent),transparent 68%);
}
.lytl-tool-heading{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:.9rem}
.lytl-tool-icon{
  width:26px;height:26px;border-radius:9px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.lytl-tool-body{font-size:.76rem;opacity:.76;line-height:1.35}


.lytl-myday-flipcards{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  margin-top:10px;
}
.lytl-myday-flipcard{
  position:relative;
  min-height:118px;
}
.lytl-myday-flip-area{
  width:100%;
  height:118px;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  perspective:900px;
  cursor:pointer;
  outline:none;
  display:block;
}
.lytl-myday-flip-inner{
  width:100%;
  height:100%;
  display:block;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .48s cubic-bezier(.2,.75,.2,1);
}
.lytl-myday-flipcard.is-flipped .lytl-myday-flip-inner{
  transform:rotateY(180deg);
}
.lytl-myday-face{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  padding:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 14px rgba(151,65,255,.10);
}
.lytl-myday-face:after{
  content:"";
  position:absolute;
  width:34%;
  height:180%;
  top:-40%;
  left:-60%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transition:left .4s ease;
  pointer-events:none;
}
.lytl-myday-flip-area:hover .lytl-myday-face:after{left:125%}
.lytl-myday-flip-area:hover .lytl-myday-flip-inner{
  transform:translateY(-2px) scale(1.015);
}
.lytl-myday-flipcard.is-flipped .lytl-myday-flip-area:hover .lytl-myday-flip-inner{
  transform:rotateY(180deg) translateY(-2px) scale(1.015);
}
.lytl-myday-front{
  color:var(--myday-front-text,#fff);
  background:
    linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),
    var(--myday-front-image),
    var(--myday-front);
  background-size:cover;
  background-position:center;
}
.lytl-myday-back{
  color:var(--myday-back-text,#fff);
  background:
    linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),
    var(--myday-back-image),
    var(--myday-back);
  transform:rotateY(180deg);
}
.lytl-myday-card-icon{
  font-size:1.2rem;
  margin-bottom:5px;
}
.lytl-myday-face strong{
  font-size:.9rem;
  line-height:1.15;
}
.lytl-myday-face small{
  margin-top:5px;
  font-size:.74rem;
  line-height:1.3;
  opacity:.75;
}
.lytl-myday-empty-hint{
  opacity:.38;
  font-size:.76rem;
  letter-spacing:.04em;
}
.lytl-myday-action{
  position:absolute;
  z-index:3;
  right:9px;
  bottom:9px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  padding:6px 10px;
  color:#fff;
  background:linear-gradient(145deg,var(--lytl-accent),#7252ff);
  box-shadow:
    0 0 12px color-mix(in srgb,var(--lytl-accent),transparent 62%),
    inset 0 1px 0 rgba(255,255,255,.3);
  cursor:pointer;
  font-size:.68rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease,transform .14s ease,filter .14s ease;
}
.lytl-myday-flipcard.is-flipped .lytl-myday-action{
  opacity:1;
  pointer-events:auto;
}
.lytl-myday-action:hover{
  filter:brightness(1.13);
  transform:translateY(-1px);
}
.lytl-myday-action:active{
  transform:translateY(1px) scale(.96);
}

.lytl-bottom-input{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
}
.lytl-bottom-input input{
  min-width:0;
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(3,2,15,.42);
  color:#fff;
  padding:10px 12px;
  outline:none;
  font-size:.78rem;
}
.lytl-bottom-input input:focus{
  border-color:var(--lytl-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--lytl-accent),transparent 82%);
}
.lytl-bottom-input button{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  padding:9px 14px;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(145deg,var(--lytl-accent),#7252ff);
  box-shadow:
    0 0 17px color-mix(in srgb,var(--lytl-accent),transparent 55%),
    inset 0 1px 0 rgba(255,255,255,.36);
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.lytl-bottom-input button:before{
  content:"";
  position:absolute;
  inset:-50%;
  transform:translateX(-75%) rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transition:transform .35s ease;
}
.lytl-bottom-input button:hover:before{transform:translateX(75%) rotate(20deg)}
.lytl-bottom-input button:hover{
  filter:brightness(1.13);
  transform:translateY(-1px);
}
.lytl-bottom-input button:active{
  transform:translateY(1px) scale(.97);
  box-shadow:
    0 0 26px color-mix(in srgb,var(--lytl-accent),transparent 38%),
    inset 0 3px 8px rgba(0,0,0,.24);
}

.lytl-controller-stage{
  min-width:0;
  position:relative;
  align-self:center;
}
.lytl-controller-skin{
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  user-select:none;
  pointer-events:none;
}
.lytl-no-skin{
  min-height:520px;
  display:grid;
  place-content:center;
  text-align:center;
  gap:6px;
  border:1px dashed rgba(196,103,255,.5);
  border-radius:24px;
  background:rgba(28,12,56,.22);
  color:#fff;
}
.lytl-no-skin span{font-size:.8rem;opacity:.68}

.lytl-controller-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.lytl-command-card{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  height:var(--h);
  transform:translate(-50%,-50%);
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  pointer-events:auto;
  cursor:pointer;
  outline:none;
}
.lytl-card-inner{
  display:block;
  width:100%;
  height:100%;
  position:relative;
  transition:transform .18s cubic-bezier(.2,.75,.2,1);
}
.lytl-command-card-face{
  position:absolute;
  inset:0;
  border:1px solid #b975ff;
  border-radius:16px;
  padding:8%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  overflow:hidden;
  box-shadow:
    0 0 16px rgba(157,70,255,.25),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.lytl-command-card-face:after{
  content:"";
  position:absolute;
  top:-45%;
  left:-55%;
  width:35%;
  height:190%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  transition:left .45s ease;
  pointer-events:none;
}
.lytl-command-card:hover .lytl-command-card-face:after{left:125%}
.lytl-command-card:hover .lytl-card-inner{
  transform:translateY(-2%) scale(1.025);
}
.lytl-card-front{
  color:var(--card-text,#fff);
  background:
    linear-gradient(var(--media-overlay,rgba(20,8,45,.36)),var(--media-overlay,rgba(20,8,45,.36))),
    var(--card-image),
    var(--front);
  background-size:cover;
  background-position:center;
}
.lytl-card-back{display:none}
.lytl-card-icon{font-size:clamp(12px,1.35vw,24px);margin-bottom:3%}
.lytl-command-card-face strong{
  font-size:clamp(10px,1.05vw,17px);
  line-height:1.05;
}
.lytl-command-card-face small{
  margin-top:4%;
  font-size:clamp(7px,.72vw,11px);
  line-height:1.15;
  opacity:.75;
}

.lytl-controller-hotspot{
  position:absolute;
  left:var(--hx);
  top:var(--hy);
  width:var(--hs);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  background:rgba(255,255,255,.008);
  padding:0;
  cursor:pointer;
  pointer-events:auto;
  outline:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 1px 1px rgba(255,255,255,.18),
    0 0 0 1px rgba(117,72,255,.10),
    0 1px 3px rgba(0,0,0,.06);
  transition:
    transform .13s cubic-bezier(.2,.8,.2,1),
    filter .13s ease,
    border-color .13s ease,
    box-shadow .13s ease,
    background .13s ease;
}
.lytl-controller-hotspot:before{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  opacity:.42;
  background:transparent;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.12),
    inset 0 -1px 2px rgba(0,0,0,.06);
  transition:opacity .14s ease,box-shadow .14s ease,border-color .14s ease;
  pointer-events:none;
}
.lytl-hotspot-shine{
  position:absolute;
  inset:7%;
  border-radius:50%;
  overflow:hidden;
  pointer-events:none;
}
.lytl-hotspot-shine:before{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  top:8%;
  height:18%;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.04));
  filter:blur(.2px);
  opacity:.72;
}
.lytl-hotspot-shine:after{
  content:"";
  position:absolute;
  width:30%;
  height:170%;
  top:-35%;
  left:-58%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  transition:left .34s ease;
}
.lytl-controller-hotspot:hover,
.lytl-controller-hotspot:focus-visible{
  transform:translate(-50%,-50%) translateY(-1px) scale(1.035);
  filter:brightness(1.08);
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.018);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.34),
    inset 0 -2px 6px rgba(0,0,0,.10),
    0 0 10px rgba(255,255,255,.10),
    0 0 16px color-mix(in srgb,var(--lytl-accent),transparent 82%);
}
.lytl-controller-hotspot:hover:before,
.lytl-controller-hotspot:focus-visible:before{
  opacity:.62;
}
.lytl-controller-hotspot:hover .lytl-hotspot-shine:after,
.lytl-controller-hotspot:focus-visible .lytl-hotspot-shine:after{
  left:128%;
}
.lytl-controller-hotspot:active{
  transform:translate(-50%,-50%) translateY(2px) scale(.955);
  filter:brightness(.98);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.006);
  box-shadow:
    inset 0 4px 9px rgba(0,0,0,.24),
    inset 0 -1px 2px rgba(255,255,255,.12),
    0 0 8px color-mix(in srgb,var(--lytl-accent),transparent 86%);
}
.lytl-controller-hotspot:active:before{
  opacity:.18;
  box-shadow:inset 0 3px 7px rgba(0,0,0,.18);
}
.lytl-controller-hotspot.is-active{
  border-color:rgba(255,255,255,.22);
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.25),
    inset 0 -2px 5px rgba(0,0,0,.10),
    0 0 12px rgba(255,255,255,.08),
    0 0 18px color-mix(in srgb,var(--lytl-accent),transparent 84%);
}
.lytl-controller-hotspot.is-active:before{
  opacity:.43;
}

.lytl-ask-panel .lytl-chat-thread{
  position:relative;
  z-index:1;
  flex:1;
  min-height:220px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.lytl-chat-bubble{
  max-width:92%;
  padding:11px 12px;
  border-radius:15px;
  font-size:.78rem;
  line-height:1.35;
}
.lytl-labby-bubble{
  align-self:flex-start;
  background:rgba(193,95,255,.14);
  border:1px solid rgba(220,172,255,.22);
}
.lytl-user-bubble{
  align-self:flex-end;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.12);
}
.lytl-guided-mode{
  position:relative;
  z-index:1;
  align-self:flex-start;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#fff;
  padding:7px 10px;
  cursor:pointer;
  transition:.16s ease;
}
.lytl-guided-mode:hover,
.lytl-guided-mode[aria-pressed="true"]{
  border-color:var(--lytl-accent);
  box-shadow:0 0 15px color-mix(in srgb,var(--lytl-accent),transparent 58%);
  filter:brightness(1.12);
}

@media(max-width:1180px){
  .lytl-command-interface{
    grid-template-columns:1fr 1fr;
  }
  .lytl-controller-stage{
    grid-column:1/-1;
    grid-row:1;
    width:min(100%,900px);
    justify-self:center;
  }
  .lytl-my-day-panel{grid-column:1;grid-row:2}
  .lytl-ask-panel{grid-column:2;grid-row:2}
}
@media(max-width:767px){
  .lytl-command-interface{grid-template-columns:1fr}
  .lytl-controller-stage,
  .lytl-my-day-panel,
  .lytl-ask-panel{
    grid-column:1;
    grid-row:auto;
  }
  .lytl-controller-stage{width:100%}
  .lytl-side-panel{min-height:360px}
}


.lytl-card-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.lytl-card-media-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:var(--media-overlay,rgba(20,8,45,.36));
  pointer-events:none;
}
.lytl-card-icon,
.lytl-command-card-face strong,
.lytl-command-card-face small{
  position:relative;
  z-index:2;
}


/* v1.1.2 surgical hotspot tuning: clear ring, readable artwork */
.lytl-controller-hotspot{
  background:rgba(255,255,255,.002)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 1px 1px rgba(255,255,255,.22),
    0 0 0 1px rgba(120,83,255,.08),
    0 1px 3px rgba(0,0,0,.05)!important;
}
.lytl-controller-hotspot:before{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.16)!important;
  opacity:.46!important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.14),
    inset 0 -1px 2px rgba(0,0,0,.05)!important;
}
.lytl-controller-hotspot:hover,
.lytl-controller-hotspot:focus-visible{
  background:rgba(255,255,255,.008)!important;
  border-color:rgba(255,255,255,.38)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 1px 2px rgba(255,255,255,.30),
    0 0 10px rgba(255,255,255,.10),
    0 0 18px color-mix(in srgb,var(--lytl-accent),transparent 80%)!important;
}
.lytl-controller-hotspot:active{
  background:rgba(255,255,255,.002)!important;
  transform:translate(-50%,-50%) translateY(2px) scale(.94)!important;
  box-shadow:
    inset 0 4px 9px rgba(0,0,0,.22),
    inset 0 -1px 2px rgba(255,255,255,.10),
    0 0 7px rgba(255,255,255,.05)!important;
}
.lytl-controller-hotspot.is-active{
  background:rgba(255,255,255,.004)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 1px 2px rgba(255,255,255,.26),
    0 0 12px rgba(255,255,255,.07),
    0 0 16px color-mix(in srgb,var(--lytl-accent),transparent 84%)!important;
}

/* richer center-card finish */
.lytl-command-card-face{
  box-shadow:
    0 0 15px rgba(157,70,255,.22),
    inset 0 1px 0 rgba(255,255,255,.24);
}


/* v1.2.0 tuned preset + text containment */
.lytl-card-front{
  color:var(--card-text,#fff)!important;
  background:var(--front)!important;
  background-size:cover!important;
  background-position:center!important;
}
.lytl-command-card.has-card-media .lytl-card-front{
  background:
    linear-gradient(var(--media-overlay,rgba(20,8,45,.24)),var(--media-overlay,rgba(20,8,45,.24))),
    var(--card-image),
    var(--front)!important;
  background-size:cover!important;
  background-position:center!important;
}
.lytl-card-media-overlay{display:none!important;}
.lytl-command-card.has-card-media .lytl-card-media-overlay{display:block!important;}

.lytl-command-card-face{
  padding:5.5%!important;
  overflow:hidden!important;
  gap:0!important;
}
.lytl-card-icon{
  font-size:clamp(10px,.92vw,17px)!important;
  line-height:1!important;
  margin-bottom:2px!important;
  flex:0 0 auto;
}
.lytl-command-card-face strong{
  font-size:clamp(8px,.78vw,13px)!important;
  line-height:1.02!important;
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.lytl-command-card-face small{
  margin-top:2px!important;
  font-size:clamp(6px,.54vw,9px)!important;
  line-height:1.08!important;
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  opacity:.88!important;
}

/* clear-ring controller hotspots: artwork remains crisp */
.lytl-controller-hotspot{
  background:rgba(255,255,255,.002)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.lytl-controller-hotspot:before{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.16)!important;
  opacity:.45!important;
}


/* v1.2.3 center-card readability only */
.lytl-command-card-face strong{
  font-size:clamp(9px,.88vw,15px)!important;
  line-height:1.04!important;
}
.lytl-command-card-face small{
  font-size:clamp(7px,.62vw,10px)!important;
  line-height:1.10!important;
}


/* v1.3.0 My Day 2x2 portal-card grid */
.lytl-myday-quad{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.lytl-myday-quad-card{
  position:relative;
  min-height:82px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:9px 7px;
  color:var(--quad-text,#fff);
  background:
    linear-gradient(rgba(15,6,35,.10),rgba(15,6,35,.10)),
    var(--quad-image),
    var(--quad-bg,#6e46ff);
  background-size:cover;
  background-position:center;
  overflow:hidden;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 12px rgba(120,55,255,.12);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.lytl-myday-quad-card:after{
  content:"";
  position:absolute;
  width:30%;
  height:170%;
  top:-35%;
  left:-55%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .34s ease;
  pointer-events:none;
}
.lytl-myday-quad-card:hover{
  transform:translateY(-2px);
  filter:brightness(1.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 0 16px rgba(151,65,255,.22);
}
.lytl-myday-quad-card:hover:after{left:125%}
.lytl-myday-quad-card:active{transform:translateY(1px) scale(.97)}
.lytl-myday-quad-card > *{position:relative;z-index:1}
.lytl-myday-quad-icon{font-size:1.05rem;line-height:1;margin-bottom:3px}
.lytl-myday-quad-card strong{font-size:.74rem;line-height:1.05}
.lytl-myday-quad-card small{font-size:.62rem;line-height:1.05;opacity:.86;margin-top:2px}
