.m-card-body{padding:28px}
@media(max-width:768px){.m-card-body{padding:20px}}
.mm-center{text-align:center}
.mm-duration-toggle{display:inline-flex;gap:.5rem;margin-bottom:2rem}
.mm-dur-btn{padding:.45rem 1.2rem;border:1px solid #e5e7eb;border-radius:99px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}
.mm-dur-active{background:#635bff;color:#fff;border-color:#635bff}
.mm-circle-wrap{display:flex;align-items:center;justify-content:center;height:240px;margin-bottom:1rem}
.mm-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#c4b5fd,#818cf8);display:flex;align-items:center;justify-content:center;transition:transform 4s ease-in-out;box-shadow:0 0 40px rgba(129,140,248,.3)}
.mm-circle.mm-inhale{transform:scale(1.8)}
.mm-circle.mm-exhale{transform:scale(1)}
.mm-label{font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.06em}
.mm-timer{font-size:2rem;font-weight:700;color:#334155;margin-bottom:1.5rem;font-variant-numeric:tabular-nums}
/* Fullscreen button */
.mm-fs-btn{padding:.4rem .9rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .2s;margin-top:.75rem;display:inline-flex;align-items:center;gap:.35rem}
.mm-fs-btn:hover{border-color:#635bff;color:#635bff;background:#f5f3ff}
.mm-fs-btn svg{width:14px;height:14px}
/* Fullscreen mode */
.mm-fullscreen{position:fixed;inset:0;z-index:9999;background:#0f0a1e;display:flex;align-items:center;justify-content:center;flex-direction:column}
.mm-fullscreen .m-card{background:transparent;border:none;box-shadow:none;max-width:480px;width:100%}
.mm-fullscreen .m-card-body{padding:2rem}
.mm-fullscreen .mm-dur-btn{border-color:rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.7)}
.mm-fullscreen .mm-dur-active{background:#635bff;color:#fff;border-color:#635bff}
.mm-fullscreen .mm-circle{box-shadow:0 0 60px rgba(129,140,248,.5)}
.mm-fullscreen .mm-timer{color:#e2e8f0}
.mm-fullscreen .m-btn{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.8);background:transparent}
.mm-fullscreen .m-btn-primary{background:#635bff;border-color:#635bff;color:#fff}
.mm-fullscreen .mm-fs-btn{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6);background:transparent}
.mm-fullscreen .mm-fs-btn:hover{border-color:#635bff;color:#fff}