
#sailLight{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
#letterfield{position:fixed;inset:0;width:100%;height:100%;z-index:26;pointer-events:none}
.formation-tools{margin:18px 0 0 4vw;display:flex;align-items:center;gap:18px}
.formation-tools span{font:9px Consolas,monospace;letter-spacing:.06em;opacity:.6}
#replayFormation{font-size:9px;padding:7px 0;color:var(--accent);border-bottom:1px solid #dfd6bc55;transition:opacity .3s}
#replayFormation:disabled{opacity:.4;cursor:default}
body:not([data-world=home]) .formation-tools{display:none}
html.formation-ready [data-assemble-wait]{opacity:0}
body[data-world=home] .journey-copy.appear{animation:none;transform:none;filter:none;opacity:1}
body.forming-home .composer{border-top-color:transparent}
body.forming-home .composer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#efe1c380,#ffe8ba,#efe1c380);transform-origin:right;animation:assembleLine 3.5s .4s both}
@keyframes assembleLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
body[data-world=home] .idea-summary,body[data-world=home] .more-worlds{background:linear-gradient(90deg,#eeeade 0%,#eeeadefa 50%,#eeeadee5 78%,#eeeadeb8 100%)}
@media(max-width:700px){.formation-tools{margin:16px 0 0;gap:13px;flex-wrap:wrap}.formation-tools span{font-size:8px}#replayFormation{font-size:8px}body[data-world=home] .hero-copy{margin-top:34px}body[data-world=home] .idea-summary,body[data-world=home] .more-worlds{background:#eeeadef0}}
@media(prefers-reduced-motion:reduce){[data-assemble-wait]{opacity:1!important}.composer:before{animation:none!important}}

/* Assembly keeps the real elements in place and leaves their hit areas intact. */
html.formation-ready [data-surface-wait]{clip-path:inset(0 100% 0 0)}
html.formation-ready [data-surface-building]{will-change:clip-path}
html.formation-ready [data-surface-building=image]{will-change:mask-image}
html.formation-ready .journey-copy.appear{animation:none;transform:none;filter:none;opacity:1}
body.paused [data-surface-wait],body.paused [data-surface-building]{clip-path:none!important;mask-image:none!important}
@media(prefers-reduced-motion:reduce){
 [data-surface-wait],[data-surface-building]{clip-path:none!important;mask-image:none!important;will-change:auto!important}
}

header[data-surface-building=rule]{border-bottom-color:transparent}

/* Real placeholder coordinates, with a native fallback and immediate focus access. */
.input-row{position:relative}
.business-prompt{display:none;position:absolute;left:0;right:47px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:hidden;pointer-events:none;color:#eeeee4a3;font-size:clamp(17px,1.9vw,28px);line-height:normal}
html.formation-ready .business-prompt{display:block}
html.formation-ready #business::placeholder{color:transparent}
html.formation-ready #business:focus::placeholder{color:#eeeee4a3}
#business:not(:placeholder-shown)~.business-prompt,#business:focus~.business-prompt{display:none}
body.compact .business-prompt{font-size:13px}
#sailLight{z-index:2}
@media(max-width:700px){.business-prompt{font-size:16px}}
@media(prefers-reduced-motion:reduce){html.formation-ready #business::placeholder{color:#eeeee4a3}html.formation-ready .business-prompt{display:none}}

html[data-title-boot="pending"] body[data-world="home"] header,html[data-title-boot="pending"] body[data-world="home"] #ideaForm{border-color:transparent}
