.mofang-shell.svelte-1yp1kgx{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:transparent}.mofang-stage.svelte-1yp1kgx{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(148,163,184,.36);border-radius:1rem;background:radial-gradient(circle at 18% 16%,rgba(125,211,252,.32),transparent 34%),radial-gradient(circle at 82% 72%,rgba(196,181,253,.28),transparent 36%),linear-gradient(135deg,#fff,#f8fafc 48%,#eef2ff);box-shadow:inset 0 0 0 1px #ffffffc7,inset 0 -24px 70px #94a3b824}.mofang-stage.is-grabbing{cursor:grabbing}.mofang-canvas.svelte-1yp1kgx{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.mofang-status.svelte-1yp1kgx{position:absolute;top:1rem;right:1rem;z-index:2;min-width:8.5rem;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.32);background:#ffffffc2;color:#0f172ac7;font-size:.8rem;text-align:center;box-shadow:0 10px 28px #0f172a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:640px){.mofang-status.svelte-1yp1kgx{top:.75rem;right:.75rem;bottom:auto;min-width:6.8rem;padding:.45rem .65rem;font-size:.72rem}}.readalong-layout-shell:has(.mofang-page){padding:0;background:hsl(var(--background));overflow:hidden}.readalong-layout-shell:has(.mofang-page)>.min-h-screen{display:flex;height:100dvh;min-height:100dvh;flex-direction:column;overflow:hidden}.readalong-layout-shell:has(.mofang-page) .readalong-shell-inner{width:100%;max-width:none;padding:max(.55rem,env(safe-area-inset-top,0px)) max(.55rem,env(safe-area-inset-right,0px)) .55rem max(.55rem,env(safe-area-inset-left,0px))}.readalong-layout-shell:has(.mofang-page) header{margin-bottom:0}.mofang-page.svelte-dwed18{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,hsl(var(--background)),hsl(var(--muted) / .46))}.mofang-stage-shell.svelte-dwed18{display:flex;flex:1;min-height:0;flex-direction:column;gap:.65rem;padding:0 0 .6rem;overflow:hidden}.mofang-hero.svelte-dwed18{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;width:100%;padding:.15rem max(.25rem,env(safe-area-inset-right,0px)) 0 max(.25rem,env(safe-area-inset-left,0px))}.mofang-actions.svelte-dwed18{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.mofang-actions-group.svelte-dwed18{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.mofang-face-option.svelte-dwed18{display:flex;width:100%;align-items:center;gap:.6rem;border-radius:.75rem;padding:.55rem .7rem;text-align:left;font-size:.9rem;transition:background-color .15s ease,transform .15s ease}.mofang-face-option.svelte-dwed18:hover{background:hsl(var(--accent) / .8)}.mofang-face-option.is-active.svelte-dwed18{background:hsl(var(--accent))}.mofang-face-swatch.svelte-dwed18{display:inline-flex;width:.95rem;height:.95rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 0 0 1px #ffffff47;flex-shrink:0}.mofang-play-area.svelte-dwed18{flex:1;min-height:0;overflow:hidden;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));box-shadow:0 1px 2px #0f172a14,0 18px 44px #0f172a1f}@media(max-width:640px){.readalong-layout-shell:has(.mofang-page) .readalong-shell-inner{padding:max(.45rem,env(safe-area-inset-top,0px)) max(.45rem,env(safe-area-inset-right,0px)) .45rem max(.45rem,env(safe-area-inset-left,0px))}.mofang-stage-shell.svelte-dwed18{gap:.5rem;padding-bottom:.45rem}.mofang-hero.svelte-dwed18{align-items:flex-start;flex-direction:column}.mofang-actions.svelte-dwed18{gap:.4rem}.mofang-actions-group.svelte-dwed18{gap:.35rem}}