.mm-aura{background:radial-gradient(60% 50% at 75% 20%, color-mix(in oklab, var(--a) 55%, transparent), transparent 70%), radial-gradient(70% 60% at 20% 35%, color-mix(in oklab, var(--b) 90%, transparent), transparent 75%), var(--color-ink);transition:background 1s;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.mm-glass{background:#141210b8;box-shadow:inset 0 0 0 1px #ffffff12}.mm-glass:hover{background:#282420b3}.chip.mm-glass[aria-pressed=true]{background:var(--color-paper);color:var(--color-ink)}.mm-bubble{box-shadow:inset 0 0 0 1px #ffffff1a, 0 20px 60px -20px color-mix(in oklab, var(--a) 50%, transparent);background:#141210c7;transition:box-shadow .4s}.mm-bubble:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--a) 80%, white), 0 24px 80px -20px color-mix(in oklab, var(--a) 70%, transparent)}.mm-tile{text-align:left;transition:transform .5s var(--ease-out-expo), box-shadow .4s;touch-action:manipulation;background:#141210c2;border-radius:18px;padding:1.25rem 1.35rem 1.5rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.mm-tile-glow{background:radial-gradient(90% 90% at var(--mx,85%) var(--my,0%), color-mix(in oklab, var(--a) 34%, transparent), transparent 62%), radial-gradient(80% 80% at 0% 100%, color-mix(in oklab, var(--b) 70%, transparent), transparent 70%);opacity:.55;transition:opacity .4s;position:absolute;inset:0}.mm-dot{background:var(--a);width:.6rem;height:.6rem;box-shadow:0 0 14px 2px var(--a);border-radius:999px}.mm-tile:hover,.mm-tile:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--a) 45%, transparent), 0 24px 60px -24px var(--a);transform:translateY(-3px)}.mm-tile:hover .mm-tile-glow,.mm-tile:focus-visible .mm-tile-glow{opacity:1}.mm-tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--a), 0 24px 70px -20px var(--a)}.mm-tile[aria-pressed=true] .mm-tile-glow{opacity:1}.mm-reading-card{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--a) 25%, transparent);background:#100e0cbd}.mm-dose{text-align:left;touch-action:manipulation;background:#ffffff0a;border-radius:14px;padding:1rem 1.1rem;transition:background-color .3s,box-shadow .3s,color .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.mm-dose:hover{background:#ffffff14}.mm-dose[aria-pressed=true]{background:linear-gradient(135deg, var(--a), color-mix(in oklab, var(--a) 55%, var(--b)));color:var(--color-ink);box-shadow:0 16px 40px -18px var(--a)}.mm-dose[aria-pressed=true] .mm-dose-note{color:#0b0a09bf}.mm-feature{isolation:isolate;border-radius:20px;position:relative;overflow:hidden}.mm-feature-bg{z-index:-1;position:absolute;inset:0}.mm-feature-bg img{object-fit:cover;width:100%;height:100%}.mm-feature-bg:after{content:"";background:linear-gradient(90deg, #0b0a09f5 0%, #0b0a09c7 45%, #0b0a094d 100%), linear-gradient(0deg, color-mix(in oklab, var(--b) 60%, transparent), transparent 60%);position:absolute;inset:0}@media (width<=767px){.mm-feature-bg:after{background:linear-gradient(#0b0a098c 0%,#0b0a09f7 70%)}}.mm-bloom{z-index:80;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y), var(--a), color-mix(in oklab, var(--a) 40%, var(--b)) 45%, var(--b));position:fixed;inset:0}.mm-skeleton{border-radius:var(--radius-card);background:linear-gradient(100deg,#ffffff0a 30%,#ffffff17 50%,#ffffff0a 70%) 0 0/300% 100%;animation:1.4s linear infinite mm-shimmer}@keyframes mm-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}
