.sakinah{--sk-ivory:oklch(98.2% .009 90);--sk-cream:oklch(96.2% .016 92);--sk-sage:oklch(66% .06 158);--sk-sage-deep:oklch(50% .07 160);--sk-sage-soft:oklch(93% .028 155);--sk-lavender:oklch(80% .045 305);--sk-lavender-deep:oklch(60% .07 305);--sk-lavender-soft:oklch(95% .02 305);--sk-ink:oklch(30% .02 250);--sk-ink-soft:oklch(48% .02 250);--sk-line:oklch(90% .012 110);--sk-shadow:0 18px 50px -22px oklch(50% .05 160/.35);background:radial-gradient(1200px 600px at 85% -10%, var(--sk-lavender-soft), transparent 60%), radial-gradient(1000px 520px at -10% 110%, var(--sk-sage-soft), transparent 55%), var(--sk-ivory);color:var(--sk-ink)}.sakinah .sk-surface{border:1px solid var(--sk-line);box-shadow:var(--sk-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(100% 0 0/.72);border-radius:1.5rem}.sakinah .sk-muted{color:var(--sk-ink-soft)}.sakinah .sk-line{border-color:var(--sk-line)}.sakinah-orb{position:relative}.sakinah-orb-core,.sakinah-orb-rim{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sakinah-orb-core{-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 63%);mask-image:radial-gradient(circle,#000 52%,#0000 63%)}.sakinah-orb-rim{will-change:transform;transition:transform 1s cubic-bezier(.37,0,.63,1);-webkit-mask-image:radial-gradient(circle,#0000 50%,#000 61%);mask-image:radial-gradient(circle,#0000 50%,#000 61%)}.sakinah-orb[data-state=idle] .sakinah-orb-rim,.sakinah-orb[data-state=done] .sakinah-orb-rim{animation:4s ease-in-out infinite sk-orb-rim-pulse}.sakinah-orb[data-state=inhale] .sakinah-orb-rim{transition-duration:4s}.sakinah-orb[data-state=hold] .sakinah-orb-rim{transition-duration:2s}.sakinah-orb[data-state=exhale] .sakinah-orb-rim{transition-duration:6s}@keyframes sk-orb-rim-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.sakinah .sk-fade-in{animation:.5s both sk-fade-in}@keyframes sk-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sakinah-orb-rim{transition:none!important;animation:none!important}.sakinah .sk-fade-in{animation:none}}
