.kids-viewport-modal[data-v-bf0957b4]{--modal-surface:#fffdf9;--modal-ink:#534166;--modal-line:#decfe7;--modal-accent:#735597;--modal-top-gap:max(12px, env(safe-area-inset-top));--modal-bottom-gap:max(12px, env(safe-area-inset-bottom));--modal-left-gap:max(12px, env(safe-area-inset-left));--modal-right-gap:max(12px, env(safe-area-inset-right));box-sizing:border-box;inset:auto;top:calc(var(--kids-viewport-top,0px) + var(--modal-top-gap) + (var(--kids-viewport-height,100dvh) - var(--modal-top-gap) - var(--modal-bottom-gap))/2);left:calc(var(--kids-viewport-left,0px) + var(--modal-left-gap) + (var(--kids-viewport-width,100vw) - var(--modal-left-gap) - var(--modal-right-gap))/2);width:min(var(--kids-modal-max-width),calc(var(--kids-viewport-width,100vw) - var(--modal-left-gap) - var(--modal-right-gap)));max-width:none;max-height:calc(var(--kids-viewport-height,100dvh) - var(--modal-top-gap) - var(--modal-bottom-gap));overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--modal-line);color:var(--modal-ink);background:var(--modal-surface);border-radius:24px;margin:0;padding:0;position:fixed;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #2d21394d}.kids-modal-frame[data-v-bf0957b4]{transform-origin:50%;min-width:0;display:flow-root}.modal-mint[data-v-bf0957b4]{--modal-ink:#4a5f59;--modal-line:#d5e3df;--modal-accent:#487c6b}.modal-warm[data-v-bf0957b4]{--modal-surface:#fffaf1;--modal-line:#ebdccb}.kids-viewport-modal[data-v-bf0957b4]::backdrop{background:#34284499}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.kids-viewport-modal[data-v-bf0957b4]{background:color-mix(in srgb,var(--modal-surface) 96%,transparent);-webkit-backdrop-filter:blur(18px)}.kids-viewport-modal[data-v-bf0957b4]::backdrop{-webkit-backdrop-filter:blur(8px);background:#34284480}}.kids-modal-footer[data-v-bf0957b4],.kids-modal-header[data-v-bf0957b4]{z-index:1;background:var(--modal-surface);padding:12px 18px;position:sticky}.kids-modal-header[data-v-bf0957b4]{border-bottom:1px solid var(--modal-line);justify-content:space-between;align-items:center;gap:12px;display:flex;top:0}.kids-modal-header>div[data-v-bf0957b4]{min-width:0}.kids-modal-header small[data-v-bf0957b4]{color:var(--modal-accent);font-size:13px}.kids-modal-header h2[data-v-bf0957b4]{overflow-wrap:anywhere;margin:0;font-size:clamp(20px,3vw,28px);line-height:1.35}.kids-modal-controls[data-v-bf0957b4]{flex:none;gap:6px;display:flex}.kids-modal-close[data-v-bf0957b4],.kids-modal-skip[data-v-bf0957b4]{border:1px solid var(--modal-line);width:48px;height:48px;color:inherit;cursor:pointer;background:#fff;border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.kids-modal-content[data-v-bf0957b4]{padding:12px 18px}.kids-modal-prompt[data-v-bf0957b4]{overflow-wrap:anywhere;background:#eee8f480;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:16px;font-weight:700;line-height:1.5}.kids-modal-footer[data-v-bf0957b4]{border-top:1px solid var(--modal-line);letter-spacing:normal;color:inherit;margin:0;font-size:16px;display:block;bottom:0}.kids-viewport-modal[data-v-bf0957b4] :is(button,a,input,select,summary):focus-visible{outline-offset:2px;outline:3px solid #5f7f9e}.kids-viewport-modal[data-compact][data-v-bf0957b4] :is(.kids-modal-header,.kids-modal-footer,.kids-modal-content){padding:8px 12px}@media (prefers-reduced-transparency:reduce){.kids-viewport-modal[data-v-bf0957b4]{background:var(--modal-surface);-webkit-backdrop-filter:none}.kids-viewport-modal[data-v-bf0957b4]::backdrop{-webkit-backdrop-filter:none;background:#342844cc}}@media (forced-colors:active){.kids-modal-close[data-v-bf0957b4],.kids-modal-content[data-v-bf0957b4],.kids-modal-footer[data-v-bf0957b4],.kids-modal-header[data-v-bf0957b4],.kids-viewport-modal[data-v-bf0957b4]{color:canvastext;-webkit-backdrop-filter:none;box-shadow:none;background:canvas;border-color:canvastext}.kids-viewport-modal[data-v-bf0957b4]::backdrop{opacity:.8;-webkit-backdrop-filter:none;background:canvas}}