@font-face{font-family:Nanum Pen Script;src:local(Nanum Pen Script Regular),local(Nanum Pen Script),url(../fonts/nanum-pen-script.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:Nanum Pen Script Fallback\: BlinkMacSystemFont;src:local(BlinkMacSystemFont);size-adjust:113.805%;ascent-override:70.296%;descent-override:17.574%;line-gap-override:21.9675%}@font-face{font-family:Nanum Pen Script Fallback\: Segoe UI;src:local(Segoe UI);size-adjust:106.911%;ascent-override:74.8286%;descent-override:18.7071%;line-gap-override:23.3839%}@font-face{font-family:Nanum Pen Script Fallback\: Helvetica Neue;src:local(Helvetica Neue);size-adjust:105.333%;ascent-override:75.9494%;descent-override:18.9873%;line-gap-override:23.7342%}@font-face{font-family:Nanum Pen Script Fallback\: Arial;src:local(Arial);size-adjust:106.325%;ascent-override:75.2406%;descent-override:18.8102%;line-gap-override:23.5127%}@font-face{font-family:Nanum Pen Script Fallback\: Noto Sans;src:local(Noto Sans);size-adjust:100%;ascent-override:80%;descent-override:20%;line-gap-override:25%}.mock-stage-frame{isolation:isolate;justify-content:center;width:100%;padding:34px;display:flex;position:relative}.mock-stage-frame.has-note.is-top-left,.mock-stage-frame.has-note.is-top-right{padding-top:104px}.mock-stage-frame.has-note.is-bottom-left,.mock-stage-frame.has-note.is-bottom-right{padding-bottom:104px}.mock-stage-frame .ms-dots{z-index:-2;color:var(--muted-2);opacity:.62;background-image:radial-gradient(currentColor 1.1px,#0000 1.1px);background-size:var(--ms-dot-gap,24px) var(--ms-dot-gap,24px);position:absolute;inset:-26px -22px;-webkit-mask-image:radial-gradient(88% 78% at 62% 42%,#000 28%,#0000 86%);mask-image:radial-gradient(88% 78% at 62% 42%,#000 28%,#0000 86%)}.mock-stage-frame.is-bottom-left .ms-dots,.mock-stage-frame.is-top-left .ms-dots{-webkit-mask-image:radial-gradient(88% 78% at 38% 42%,#000 28%,#0000 86%);mask-image:radial-gradient(88% 78% at 38% 42%,#000 28%,#0000 86%)}.mock-stage-frame .ms-glow{z-index:-3;background:linear-gradient(118deg,color-mix(in srgb,var(--orange) 34%,transparent),color-mix(in srgb,var(--orange) 6%,transparent) 72%);filter:blur(48px);opacity:.6;will-change:rotate,scale;border-radius:46% 54% 58% 42%/52% 44% 56% 48%;animation:34s linear infinite ms-drift,11s ease-in-out infinite ms-breathe;position:absolute;inset:6% 2%}@keyframes ms-drift{to{rotate:1turn}}@keyframes ms-breathe{0%,to{opacity:.52;scale:1}50%{opacity:.72;scale:1.13}}@media (prefers-reduced-motion:reduce){.mock-stage-frame .ms-glow{animation:none}}.mock-stage-frame .ms-card{z-index:1;filter:drop-shadow(0 26px 44px #14100c29);justify-content:center;width:100%;display:flex;position:relative}:root[data-theme=dark] .mock-stage-frame .ms-card{filter:drop-shadow(0 26px 50px #0000008c)}.mock-stage-frame .ms-overlay{z-index:3;background:var(--panel);border:1px solid var(--line);width:min(60%,268px);font-family:var(--font-body);color:var(--ink-soft);border-radius:13px;padding:14px 16px;font-size:.84rem;line-height:1.5;position:absolute;box-shadow:0 22px 44px -18px #14100c4d}:root[data-theme=dark] .mock-stage-frame .ms-overlay{box-shadow:0 22px 48px -16px #000000bf}.mock-stage-frame .ms-overlay.at-top-right{top:8%;right:-4px}.mock-stage-frame .ms-overlay.at-top-left{top:8%;left:-4px}.mock-stage-frame .ms-overlay.at-bottom-right{bottom:8%;right:-4px}.mock-stage-frame .ms-overlay.at-bottom-left{bottom:8%;left:-4px}.mock-stage-frame .ms-pill{z-index:3;white-space:nowrap;background:var(--panel);border:1px solid var(--line);font-family:var(--mock-note-font,var(--font-mono));color:var(--orange);border-radius:999px;padding:9px 16px;font-size:.8rem;font-style:italic;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 16px 32px -14px #14100c4d}@media (width<=640px){.mock-stage-frame .ms-overlay,.mock-stage-frame .ms-pill{display:none}}.mock-stage-frame .ms-note{z-index:2;color:var(--mock-arrow-color,var(--orange));pointer-events:none;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute}.mock-stage-frame .ms-note-text{font-family:"Nanum Pen Script", "Nanum Pen Script Fallback: BlinkMacSystemFont", "Nanum Pen Script Fallback: Segoe UI", "Nanum Pen Script Fallback: Helvetica Neue", "Nanum Pen Script Fallback: Arial", "Nanum Pen Script Fallback: Noto Sans",var(--font-mono);text-wrap:balance;max-width:22ch;color:#0284c7;transform-origin:100% 100%;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.2;translate:0 2.5rem;rotate:-3.5deg}.mock-stage-frame.is-bottom-left .ms-note-text,.mock-stage-frame.is-top-left .ms-note-text{transform-origin:0 100%;rotate:3deg}.mock-stage-frame .ms-arrow{opacity:.9;width:156px;height:156px;margin:-26px 0 -34px -34px;translate:-2.5rem 2.5rem;rotate:-20deg}.mock-stage-frame.is-top-right .ms-note{align-items:flex-end;top:calc(-6px - 1rem);right:0}.mock-stage-frame.is-top-right .ms-note-text{text-align:right}.mock-stage-frame.is-top-right .ms-arrow{align-self:flex-start;margin-left:4px}.mock-stage-frame.is-top-left .ms-note{top:calc(-6px - 1rem);left:0}.mock-stage-frame.is-top-left .ms-arrow{align-self:flex-end;margin-right:4px;transform:scaleX(-1)}.mock-stage-frame.is-bottom-right .ms-note{align-items:flex-end;bottom:-6px;right:0}.mock-stage-frame.is-bottom-right .ms-note-text{text-align:right;order:2}.mock-stage-frame.is-bottom-right .ms-arrow{align-self:flex-start;margin-left:4px;transform:scaleY(-1)}.mock-stage-frame.is-bottom-left .ms-note{bottom:-6px;left:0}.mock-stage-frame.is-bottom-left .ms-note-text{order:2}.mock-stage-frame.is-bottom-left .ms-arrow{align-self:flex-end;margin-right:4px;transform:scale(-1)}@media (width<=640px){.mock-stage-frame{padding:18px 0}.mock-stage-frame .ms-note{display:none}}