.creation-journey{position:fixed;inset:54px 0 auto;height:calc(var(--account-height,100dvh) - 54px);z-index:8;background:transparent;color:#aabfc8;font-family:Oxanium,sans-serif;overflow:hidden}.creation-journey[hidden]{display:none}.creation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.creation-body{position:absolute;width:min(48vw,310px);aspect-ratio:1;top:4%;left:50%;transform:translateX(-50%);pointer-events:none}.creation-copy{position:absolute;top:47%;left:50%;transform:translateX(-50%);width:min(440px,84vw);max-height:calc(53% - 95px);overflow:auto;scrollbar-width:thin;text-align:left;padding:0 3px 6px}.creation-copy h1{font:400 20px Oxanium,sans-serif;letter-spacing:.05em;margin:0 0 8px;line-height:1.4}.creation-copy label{display:block;font-size:12px;letter-spacing:.05em;margin:10px 0 3px;color:#8195a0}.creation-copy input,.creation-copy textarea{width:100%;box-sizing:border-box;border:0;border-bottom:.5px solid #abc3;outline:0;background:transparent;color:#d6e4e9;font:400 16px Oxanium,sans-serif;padding:7px 0;caret-color:#f9a14d;border-radius:0}.creation-copy textarea{resize:vertical;min-height:90px}.creation-copy input:focus,.creation-copy textarea:focus{border-bottom-color:#c4d7e080}.creation-copy .line-action{font:400 14px Oxanium,sans-serif;padding:8px 0;margin-right:22px;letter-spacing:.04em}.creation-close{position:absolute;right:5%;bottom:30px;font:20px Oxanium,sans-serif;padding:10px}.creation-note,.creation-error{font:12px/1.5 Oxanium,sans-serif;letter-spacing:.025em;color:#8195a0;margin:7px 0}.creation-error:empty{display:none}.creation-error{color:#b4c8d1}.creation-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.creation-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;margin:10px 0}.creation-platforms .line-action{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;margin:0;padding:6px 0;color:#8a9aa4}.creation-platforms img,.creation-current-icon{object-fit:contain;filter:url(#creation-ink);opacity:.65}.creation-platforms [aria-pressed=true]{color:#e8f4f7;text-shadow:0 0 8px #c2e8ff60}.creation-platforms [aria-pressed=true] img{opacity:1}.creation-link-caption{display:flex;justify-content:space-between;align-items:center;gap:18px}.creation-link-caption h1{margin-bottom:0}.creation-review>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0}.creation-review span{font-size:12px;overflow-wrap:anywhere}.creation-review .line-action{margin:0;flex-shrink:0}.creation-choices{display:flex;gap:24px}.creation-choices .line-action{margin:0}body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) #owner-miniature{position:fixed;left:calc(50% - 40px);bottom:30px;z-index:9;margin-left:var(--creation-drift-x,0px);margin-bottom:var(--creation-drift-y,0px)}
@media(max-width:480px){.creation-journey{top:50px;height:calc(var(--account-height,100dvh) - 50px)}.creation-copy{top:42%;max-height:calc(58% - 100px)}.creation-copy h1{font-size:17px}.creation-body{top:3%}.creation-platforms{gap:7px}}
@media(max-height:560px){.creation-body{width:120px;top:1%}.creation-copy{top:35%;max-height:calc(65% - 85px)}.creation-copy label{margin-top:5px}.creation-copy input{padding:5px 0}.creation-copy .line-action{padding:6px 0}}
@media(prefers-reduced-motion:reduce){.creation-journey *{scroll-behavior:auto}}
/* Creation owns a quiet focus space; unrelated account controls return on close. */
body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) .referral-panel,body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) #settings-toggle,body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) #preview-toggle{visibility:hidden;pointer-events:none}
body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) #owner-miniature{top:auto!important;width:80px!important;height:80px!important;left:calc(50% - 40px)}
.creation-platforms{max-height:clamp(120px,23vh,260px);overflow:auto;scrollbar-width:thin}
@media(max-height:460px){.creation-body{width:74px;top:0;left:85%;opacity:.35}.creation-copy{top:9%;max-height:calc(91% - 25px)}.creation-note{margin:4px 0}.creation-close{right:2%;bottom:4px}}
.creation-url-row{display:flex;align-items:center;gap:16px}.creation-url-row input{min-width:0;flex:1}.creation-current-icon{flex:0 0 32px}
.creation-copy input:focus-visible,.creation-copy textarea:focus-visible{outline:none!important;border-bottom-color:#d2e4ed99;text-shadow:0 0 5px #a6c9db22}
/* The upper object is the landing/public particle renderer, never the companion. */
.creation-body{width:min(100%,700px);height:42%;aspect-ratio:auto;top:0;border:0;pointer-events:auto;background:transparent}
@media(max-height:460px){.creation-body{width:150px;height:100px;top:0;left:85%;opacity:.35;pointer-events:none}}
/* Visual-viewport layout: native keyboards do not change iOS media queries.
   Keep the complete form in the visible band; longer content scrolls within it. */
.creation-journey .creation-copy{top:47%;bottom:34px;max-height:none;padding-bottom:12px;overscroll-behavior:contain;scroll-padding-block:12px;overflow-x:hidden;overflow-y:auto}
.creation-journey .creation-body{top:0;left:50%;width:min(100%,700px);height:42%;opacity:1}
.creation-journey .creation-close{bottom:4px;right:3%}
@media(max-width:480px){.creation-journey .creation-copy{top:42%}}
.creation-journey[data-compact=true] .creation-body{top:0;left:50%;width:100%;height:104px;opacity:1;pointer-events:none}
.creation-journey[data-compact=true] .creation-copy{top:110px;bottom:32px;width:min(440px,84vw)}
.creation-journey[data-compact=true] .creation-copy h1{font-size:16px;margin-bottom:3px}
.creation-journey[data-compact=true] .creation-copy label{margin:5px 0 2px}
.creation-journey[data-compact=true] .creation-copy input{padding:5px 0}
.creation-journey[data-compact=true] .creation-copy .line-action{padding:5px 0}
.creation-journey[data-compact=true] .creation-note{margin:3px 0}
.creation-journey[data-tight=true] .creation-body{height:66px;left:50%}
.creation-journey[data-tight=true] .creation-copy{top:70px}
@media(min-width:760px){.creation-journey .creation-close{right:calc(50% - 244px)}}

/* The bank remains a quiet background object while links are forming. */
body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) .bank-button{visibility:visible;filter:blur(4px);opacity:.25;pointer-events:none}

/* Formation uses its own shared preview; hide duplicate ink instead of a black face. */
body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) .creator-preview,body[data-creation]:not([data-creation=closed]):not([data-creation=complete]) .account-lower{visibility:hidden;pointer-events:none}