.three-stage{position:relative;height:calc(100vh - var(--f7-navbar-height,56px) - var(--f7-toolbar-height,44px));border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--fever-border);box-shadow:var(--fever-shadow-soft);margin:0}.three-stage canvas{width:100%;height:100%;display:block}.three-overlay{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(255,255,255,.85);border-radius:14px;padding:10px 12px;backdrop-filter:blur(8px);text-align:center}.three-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--fever-secondary);color:var(--fever-ink);font-size:12px}.three-title{font-weight:700;margin-top:6px;color:var(--fever-ink)}.three-subtitle{color:var(--fever-muted);font-size:12px}.page[data-name=three],.page[data-name=three] .page-content{background:0 0!important;backdrop-filter:blur(30px)}.page[data-name=three-onboarding],.page[data-name=three-onboarding] .page-content{background:0 0!important;backdrop-filter:blur(30px)}.page[data-name=three] .page-content{padding:0}.page[data-name=three] .block.three-stage{padding:0}.page[data-name=three-onboarding] .page-content{padding:0}.page[data-name=three-onboarding] .block.three-stage{padding:0}body.three-fullscreen .three-stage{height:calc(100vh - var(--f7-navbar-height,56px));border-radius:0;border:none;box-shadow:none}