/* User supplied 1001.mp4. Full-bleed within the intake viewport; no image frame. */
.immersive:has(>.intake-video){height:100dvh;min-height:0;isolation:isolate}
.intake-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border:0;border-radius:0;pointer-events:none;z-index:-1}
.ask:has(>.intake-video) #wizard{flex:0 1 auto;min-height:0;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:28px;background:linear-gradient(transparent,rgba(25,23,22,.86) 24%,rgba(25,23,22,.94));scroll-padding-bottom:20px}
.ask:has(>.intake-video) .ask-header{flex-shrink:0;background:linear-gradient(rgba(0,0,0,.25),transparent)}
.entrance:has(>.intake-video) .entry-actions{left:0;right:0;bottom:0;padding:48px 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(25,23,22,.88))}
/* 첫 화면(enter)과 입력 화면(ask)은 같은 규칙을 쓴다: 9:16 원본을 확대·축소 없이 꽉 채움. 온비가 가운데 오도록 영상 자체를 맞춰 둠. */
/* 입력 화면 하단 버튼: 3D 느낌 — 위는 밝고 아래는 짙은 면, 테두리는 위에서 아래로 옅어지는 아이보리 선, 바깥쪽으로 갈수록 옅어지는 빛 */
#stage .coral,.ask .coral,.entrance .coral{position:relative;font-weight:700;border:2px solid transparent;
 background:linear-gradient(180deg,#36594b 0%,#243E35 48%,#1a2d26 100%) padding-box,linear-gradient(180deg,rgba(255,250,240,.98) 0%,rgba(255,250,240,.55) 45%,rgba(255,250,240,.18) 100%) border-box;
 box-shadow:inset 0 1px 0 rgba(255,250,240,.38),inset 0 -4px 8px rgba(0,0,0,.35),0 0 0 3px rgba(255,250,240,.16),0 0 10px rgba(255,250,240,.28),0 0 26px rgba(255,250,240,.16),0 0 48px rgba(255,250,240,.08),0 10px 18px rgba(0,0,0,.38);
 text-shadow:0 1px 2px rgba(0,0,0,.45);transition:transform .12s ease,box-shadow .12s ease}
#stage .coral:hover:not(:disabled),.ask .coral:hover:not(:disabled),.entrance .coral:hover:not(:disabled){box-shadow:inset 0 1px 0 rgba(255,250,240,.48),inset 0 -4px 8px rgba(0,0,0,.3),0 0 0 3px rgba(255,250,240,.24),0 0 14px rgba(255,250,240,.4),0 0 34px rgba(255,250,240,.22),0 0 60px rgba(255,250,240,.1),0 10px 18px rgba(0,0,0,.38)}
#stage .coral:active:not(:disabled),.ask .coral:active:not(:disabled),.entrance .coral:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 6px rgba(0,0,0,.45),0 0 0 3px rgba(255,250,240,.16),0 0 14px rgba(255,250,240,.22),0 4px 8px rgba(0,0,0,.35)}
#stage .coral:disabled,.ask .coral:disabled,.entrance .coral:disabled{background:linear-gradient(180deg,#2c4a3f,#1f342c) padding-box,linear-gradient(180deg,rgba(255,250,240,.4),rgba(255,250,240,.12)) border-box;box-shadow:none;opacity:.7}
/* 다음 버튼 높이 고정: 화면이 바뀌어도 버튼이 같은 높이에 있도록, 아래 보조 링크("태어난 시간은 몰라" 등) 자리를 항상 같은 높이(48px)로 비워 둔다. */
.ask #stage .skip{box-sizing:border-box;height:48px;padding:0 8px;display:flex;align-items:center;justify-content:center}
.ask #stage:not(:has(.skip)){padding-bottom:48px}