.mk-stage-painted{aspect-ratio:4/3;block-size:100%;inline-size:100%;position:relative;overflow:hidden}.mk-stage-painted>.mk-stage-bg{object-fit:cover;block-size:100%;inline-size:100%;max-inline-size:none;position:absolute;inset:0}.mk-stage-painted.mk-stage-pintu{--door-x:42.5%;--door-y:37%;--door-w:15%;--door-h:48%;--door-glow:#ffd9a0;--door-beam:#fff3dc}.mk-door-light,.mk-door-way{inline-size:var(--door-w);block-size:var(--door-h);pointer-events:none;border-radius:50% 50% 0 0/22% 22% 0 0;position:absolute;inset-block-start:var(--door-y);inset-inline-start:var(--door-x)}.mk-door-light{background:radial-gradient(closest-side, color-mix(in srgb, var(--door-glow) 55%, transparent), transparent);opacity:.55;mix-blend-mode:screen;scale:1.6 1.25}.mk-door-way{overflow:hidden}.mk-door-sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--door-beam) 55%, transparent), transparent);opacity:0;inline-size:60%;position:absolute;inset-block:0;inset-inline-start:0;translate:-110%}.mk-door-petal{inline-size:var(--ij-space-3);aspect-ratio:3/4;background:radial-gradient(circle at 35% 30%, var(--mk-card), color-mix(in srgb, var(--mk-card) 78%, var(--door-glow)));box-shadow:0 1px var(--ij-space-1) #00000040;opacity:.9;pointer-events:none;border-radius:50% 50% 50% 0;position:absolute}.mk-door-petal-a{inset-block-start:22%;inset-inline-start:63%;rotate:30deg}.mk-door-petal-b{inline-size:var(--ij-space-2);inset-block-start:34%;inset-inline-start:33%;rotate:-50deg}.mk-motion :is([data-shown],.mk-now) .mk-door-light{animation:mk-door-breathe var(--mk-dur-breathe) var(--ij-ease-standard) 3}.mk-motion :is([data-shown],.mk-now) .mk-door-sweep{animation:mk-door-sweep var(--mk-dur-breathe) var(--ij-ease-standard) .4s 3}.mk-motion :is([data-shown],.mk-now) .mk-door-petal-a{animation:mk-door-drift var(--mk-dur-breathe) var(--ij-ease-standard) 3}.mk-motion :is([data-shown],.mk-now) .mk-door-petal-b{animation:mk-door-drift var(--mk-dur-breathe) var(--ij-ease-standard) 1.2s 3}@keyframes mk-door-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes mk-door-sweep{0%{opacity:0;translate:-110%}20%{opacity:1}60%,to{opacity:0;translate:190%}}@keyframes mk-door-drift{0%,to{opacity:.9;translate:0}50%{translate:calc(var(--ij-space-3) * -1) var(--ij-space-6);opacity:.35}}.mk-stage-painted.mk-stage-swara{place-items:center;display:grid}.mk-stage-painted.mk-stage-swara .mk-echo{--mk-echo-size:62%;position:absolute;inset-block-start:6%;inset-inline-start:50%;translate:-50%}.mk-stage-painted .mk-stage-player{gap:var(--ij-space-3);align-items:center;display:flex;position:absolute;inset-block-end:16%;inset-inline:12%}.mk-stage-painted .mk-stage-player .mk-echo-print{block-size:var(--ij-space-7);flex:1}.mk-stage-play{inline-size:var(--ij-space-7);aspect-ratio:1;border:1px solid var(--mk-swara-gold);background:color-mix(in srgb, var(--mk-swara-gold) 14%, transparent) linear-gradient(var(--mk-swara-gold), var(--mk-swara-gold)) center / 0 0 no-repeat;border-radius:50%;flex:none;position:relative}.mk-stage-play:after{content:"";border-block:var(--ij-space-2) solid transparent;border-inline-start:var(--ij-space-3) solid var(--mk-swara-gold);position:absolute;inset-block-start:50%;inset-inline-start:54%;translate:-50% -50%}.mk-stage-painted.mk-stage-kenangan{--ken-glow:#ffe9d2}.mk-flash{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--ken-glow) 70%, transparent), transparent);opacity:0;mix-blend-mode:screen;pointer-events:none;border-radius:50%;inline-size:80%;position:absolute;inset-block-start:26%;inset-inline-start:50%;translate:-50% -50%}.mk-develop{border-radius:var(--ij-radius-md);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--ken-glow) 55%, transparent), transparent 70%);opacity:.25;mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:32% 20% 30%}.mk-ken-petal-a{--door-glow:var(--mk-rose);inset-block-start:24%;inset-inline-start:78%;rotate:40deg}.mk-ken-petal-b{inline-size:var(--ij-space-2);--door-glow:var(--mk-rose);inset-block-start:22%;inset-inline-start:16%;rotate:-30deg}.mk-motion :is([data-shown],.mk-now) .mk-flash{animation:mk-flash var(--mk-dur-breathe) var(--ij-ease-standard) 3}.mk-motion :is([data-shown],.mk-now) .mk-develop{animation:mk-develop var(--mk-dur-breathe) var(--ij-ease-standard) .3s 3}.mk-motion :is([data-shown],.mk-now) .mk-ken-petal-a{animation:mk-door-drift var(--mk-dur-breathe) var(--ij-ease-standard) .6s 3}.mk-motion :is([data-shown],.mk-now) .mk-ken-petal-b{animation:mk-door-drift var(--mk-dur-breathe) var(--ij-ease-standard) 1.6s 3}@keyframes mk-flash{0%{opacity:0;scale:.8}12%{opacity:1;scale:1}45%,to{opacity:0;scale:1.15}}@keyframes mk-develop{0%,to{opacity:.25}50%{opacity:.9}}