/* Evolut Studio — opaque surfaces, editorial typography, purposeful motion. */
:root{--surface:#fff;--edge:#dce3eb;--quiet:#627185;--spring:cubic-bezier(.22,1,.36,1)}
body{color:#101f35}
.world-wash{background:linear-gradient(180deg,#f5f9fddd,transparent 64%,#f5f9fd77)}
body[data-stage="ready"] .world-wash{background:linear-gradient(#eff5fcdf,transparent 80%)}
.header{height:88px;max-width:1500px;padding:0 5%;margin:auto}
.header nav{gap:28px}.header .text-button{color:#243b55;font-size:13px;position:relative}
.header .text-button::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--spring)}
.header .text-button:hover::after{transform:scaleX(1)}
.account-button{border:1px solid #cbd8e6;background:#fff;box-shadow:none}
.section-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.7px;font-weight:650;color:#50647b}
.section-kicker>span,.live-dot{width:6px;height:6px;border-radius:50%;background:#008bd2;display:inline-block}
.screen{animation:none}.orbit-connector{display:none!important}
.unlock-screen{grid-template-columns:minmax(0,1fr) minmax(380px,470px);gap:8%;padding:36px 5% 54px;max-width:1420px;margin:auto}
.unlock-intro{padding-top:16px;min-height:550px}
.unlock-intro h1{font-size:clamp(50px,5.2vw,78px);line-height:1.04;letter-spacing:-.058em;font-weight:700;margin-top:24px}
.unlock-intro .subtitle{max-width:360px;font-size:17px;line-height:1.6;color:#465c76;margin-top:24px}
h1 em{color:#008ed2;font-style:normal}
.original-orbit{width:222px;padding:8px 8px 0;margin:36px 0 0;text-align:left;background:#fff;border:1px solid var(--edge);border-radius:14px;box-shadow:0 16px 35px -18px #19354b55}
.portrait-frame{position:relative;overflow:hidden;border-radius:8px}
.original-orbit .portrait{width:204px;height:190px;display:block;object-fit:cover;border:0;border-radius:8px;box-shadow:none}
.portrait-tag{position:absolute;top:9px;left:9px;font-size:8px;letter-spacing:1px;padding:6px 8px;border-radius:4px;background:#fff;color:#263a50}
.identity-caption{padding:15px 8px;display:flex;align-items:center;justify-content:space-between}
.original-orbit strong{font-size:16px;margin:0 0 4px;letter-spacing:-.3px}
.original-orbit .handle{font-size:11px;color:var(--quiet);display:block}.identity-mark .icon{width:16px;height:16px}
.identity-foot{padding:12px 8px;border-top:1px solid #e8edf2;display:flex;gap:8px;align-items:center;color:#627185;font-size:10px}
.studio-panel,.glass{background:#fff;border:1px solid var(--edge);border-radius:16px;box-shadow:0 16px 50px -30px #0c28496b,0 1px 2px #1228440a;backdrop-filter:none;-webkit-backdrop-filter:none}
.unlock-card{position:relative;padding:32px;background:#fff;border-radius:16px;align-self:start}
.panel-heading .section-kicker{color:#718095;font-size:9px;margin-bottom:18px}
.unlock-card h2{font-size:29px;letter-spacing:-1.1px;line-height:1.13;font-weight:650}
.panel-heading>p:last-child{font-size:14px;line-height:1.6;color:var(--quiet);margin-top:10px}
.account-row{margin:24px 0 20px;padding:14px 0;background:none;border:0;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0;border-radius:0;gap:12px}
.account-row .avatar{width:38px;height:38px;border-radius:10px;box-shadow:none}
.account-copy strong{font-size:14px}.account-copy span{font-size:12px;color:var(--quiet)}
.account-row .small-link{margin-left:auto;font-size:11px}
.task-list{gap:0;background:#fff;border:0;border-radius:0}
.task{min-height:88px;padding:16px 0;gap:13px;border:0;border-bottom:1px solid #e8edf2;background:#fff;border-radius:0;transition:background .2s}
.task:last-child{border:0}.task.done{background:#fff}
.task-symbol{position:relative;width:36px;height:36px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;flex-shrink:0;color:#20354e}
.task-symbol>.icon{width:19px;height:19px}.task-number{display:none}
.task-copy{min-width:0}.task-copy strong{font-size:14px;font-weight:600;letter-spacing:-.2px}
.task-copy p{font-size:12px;line-height:1.5;color:var(--quiet);margin-top:4px;max-width:200px}
.task.done .task-symbol{background:#edf8f4;color:#137b61}.done-label{color:#137b61!important}
.progress-labels{font-size:12px;color:#65768b;margin:20px 0 12px}
.progress-labels strong{color:#19324d}.progress-track{height:4px;border-radius:2px;background:#edf1f5;margin-bottom:20px}
.progress-track>span{background:#009bdb;transition:width .5s var(--spring)}
.verification-button{display:flex;align-items:center;gap:5px}.verification-button .icon{width:13px;height:13px}
.button{position:relative;overflow:hidden;min-height:48px;padding:12px 18px;border:1px solid var(--edge);border-radius:9px;background:#fff;color:#233b54;font-size:13px;font-weight:600;box-shadow:none;transition:transform .22s var(--spring),background .2s,border-color .2s,box-shadow .2s}
.button::before,.button::after{display:none}
.button.primary{background:#102c49;border-color:#102c49;color:#fff;box-shadow:0 2px 3px #0b294318}
.button.primary:hover:not(:disabled){background:#164266;border-color:#164266;transform:translateY(-2px);box-shadow:0 7px 15px -9px #092b51aa}
.button.blue{background:#f7f9fc;color:#213b58;border:1px solid #d7e0e9}
.task .button{width:100px;flex:0 0 100px;min-width:100px;min-height:39px;padding:9px 12px;border-radius:8px;font-size:12px;gap:9px}
.button.blue:hover:not(:disabled){background:#e9f3fb;border-color:#83bcdc;transform:translateY(-1px)}
.button .icon{transition:transform .3s var(--spring)}.button.blue:hover .icon{transform:translate(2px,-2px)}
.button.primary:hover .icon:last-child{transform:translateX(3px)}
.button:active:not(:disabled){transform:translateY(0) scale(.975);transition-duration:80ms}
.button:disabled{opacity:1;background:#edf1f5;color:#8593a3;border-color:#e5ebf1;box-shadow:none}
.button.blue.is-visited{background:#edf6fc;border-color:#9ecce4;color:#196b99}
.small-link{font-size:12px;text-decoration:none;color:#267aaa;background:none;transition:color .2s}
.small-link:hover{color:#0e3e65;text-decoration:underline;text-underline-offset:4px}
.small-link:disabled{cursor:wait;opacity:.5}.icon.spin{animation:spin 1s linear infinite}
.under-cta{font-size:11px;color:#67798d;margin-top:12px}
.easter-note{padding-top:18px;margin-top:24px;border-top:1px solid #e8edf2;gap:8px;color:#65768a;font-size:11px}
.easter-note img{width:22px;height:25px}
.connect-block{padding:14px 0 4px}.connect-block>p{font-size:14px;line-height:1.75;color:#5b6d81}
.connection-steps{display:flex;gap:12px;margin:22px 0}.connection-steps span{padding:0;border:0;border-radius:0;background:none;color:#6b7b8e;font-size:11px}
.preview-link{font-size:11px;color:#576f87;margin-top:20px}
.ready-screen{text-align:center;padding:22px 24px 44px}
.ready-screen>.section-kicker{justify-content:center;margin-bottom:18px}
.ready-screen h1{font-size:clamp(40px,4.2vw,62px);line-height:1.1;letter-spacing:-.055em;font-weight:680}
.ready-screen h1 br{display:none}.ready-screen h1 em{margin-left:.15em}
.ready-intro{font-size:16px;color:#455e78;margin-top:16px}
.evolution-console{max-width:640px;margin:27px auto 0;padding:0;overflow:hidden;background:#fff}
.console-toolbar{padding:18px 28px;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}
.console-title{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:600;letter-spacing:1px;color:#5c7186}
.console-title>.icon{width:14px;height:14px}
.console-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#537365}
.console-status .check-disc{width:17px;height:17px;background:#e6f5ef;color:#148160}
.console-status .icon{width:11px;height:11px}
.transformation-card{display:grid;grid-template-columns:180px 48px 180px;justify-content:center;max-width:none;padding:24px 38px;margin:0;gap:20px;background:#fff;box-shadow:none;border:0;border-radius:0;text-align:left}
.preview-label{display:flex;gap:8px;margin-bottom:12px;font-size:9px;color:#62758a;letter-spacing:1px;font-weight:550}
.preview-label>span{color:#9aa8b6}
.input-frame{padding:0;border:1px solid #dae2eb;border-radius:12px;overflow:hidden;background:#f4f7fa}
.input-portrait{display:block;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:0;box-shadow:none;object-fit:cover}
.preview-caption{padding:14px 0 0}.preview-caption strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.preview-caption>span{display:block;margin-top:5px;font-size:12px;color:#657990;overflow-wrap:anywhere}
.transform-bridge{display:flex;align-items:center;justify-content:center;gap:0}.transform-bridge>span{display:none}
.transform-arrow{width:30px;height:30px;color:#7292ac}
.mystery-tile{width:100%;height:auto;aspect-ratio:1;border-radius:12px;border:1px solid #dae5ef;background:#ecf5fc;box-shadow:none;overflow:hidden}
.mystery-tile img{width:55%;height:60%;position:relative;object-fit:contain;filter:none;opacity:1;animation:studio-float 4.8s ease-in-out infinite}
.mystery-tile::after{display:none}.mystery-orbit{position:absolute;inset:15%;border-radius:50%;border:1px solid #d2e7f5}
.mystery-orbit::after{content:"";position:absolute;width:6px;height:6px;background:#059ddd;border-radius:50%;left:12%;top:10%}
.mystery-spark{display:none}.mystery-stamp{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;color:#66849e}
.output-manifest{margin:0 28px 23px;padding:14px 16px;background:#f5f8fb;border:1px solid #e4ebf1;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.output-manifest div{display:flex;align-items:center;gap:10px}.output-manifest .icon{width:17px;height:17px;color:#4484ac}
.output-manifest strong{display:block;font-size:12px;font-weight:600}.output-manifest small{display:block;margin-top:4px;font-size:10px;color:#61758b}
.output-manifest .is-missing small{color:#8c653d}
.console-bottom{padding:0 28px 24px}.completed-tasks{gap:22px;margin:0 0 20px;padding-top:18px;border-top:1px solid #e5eaf0}
.completed-tasks>span{padding:0;border:0;background:none;box-shadow:none;border-radius:0;font-size:11px;color:#688075;gap:5px}
.completed-tasks .check-disc{width:14px;height:14px;padding:0;border:0;background:none;color:#278469;box-shadow:none}
.completed-tasks .icon{width:12px;height:12px}
.console-meta{display:flex;justify-content:center;gap:20px;margin-top:15px;color:#6e8092;font-size:10px}
.console-meta>span{display:flex;gap:5px;align-items:center}.console-meta .icon{width:12px;height:12px}
.ready-screen .ready-disclaimer{max-width:535px;margin:20px auto 0;font-size:11px;line-height:1.7;color:#4f657c}
.ready-screen>.small-link{margin-top:10px;font-size:12px}.ready-screen>.small-link .icon{width:12px;height:12px;margin-left:5px}
.ui-anim-shell{padding:0;margin:0}.ui-anim-btn{min-height:54px;border:1px solid #102c49;border-radius:10px;background:#102c49;color:#fff;box-shadow:0 2px 3px #132c4012;transition:transform .25s var(--spring),background .25s,box-shadow .25s;gap:12px;font-weight:600}
.ui-anim-btn::before,.ui-anim-btn::after{display:none}
.ui-anim-letter{animation:none;color:inherit;transition:none}
.ui-anim-btn-svg{animation:none;filter:none;width:20px;height:20px;fill:currentColor;transition:transform .4s var(--spring)}
.ui-anim-btn:hover:not(:disabled){background:#16496e;border-color:#16496e;transform:translateY(-2px);box-shadow:0 8px 18px -10px #0a365688}
.ui-anim-btn:hover:not(:disabled) .ui-anim-btn-svg{transform:rotate(15deg) scale(1.12);filter:none;fill:white;animation:none}
.ui-anim-btn:active:not(:disabled){transform:scale(.983);transition-duration:80ms}
.ui-anim-btn:disabled:not([data-generating="true"]){opacity:1;background:#edf1f5;color:#8c9bab;border-color:#e2e9f0;box-shadow:none}
.ui-anim-btn[data-generating="true"] .ui-anim-btn-svg{animation:spin 1.8s linear infinite}
.ui-anim-btn[data-generating="true"] .ui-anim-letter{animation:none}
.ui-anim-btn:focus-visible{outline:3px solid #008cd2;outline-offset:4px}
.pearl-button{background:#fff;border:1px solid #d9e2eb;border-radius:9px;color:#213d58;box-shadow:none;transition:background .2s,transform .2s}
.pearl-wrap{padding:11px 16px}.pearl-wrap::before,.pearl-wrap::after,.pearl-stars{display:none}
.pearl-content{font-size:12px;color:inherit;transform:none}.pearl-button:hover{background:#eef5fb;box-shadow:none;transform:translateY(-1px)}.pearl-button:hover .pearl-content{transform:none}
.evolving-screen h1{font-size:clamp(35px,3.5vw,52px);letter-spacing:-.045em}
.loading-copy{background:#fff!important;border:1px solid var(--edge);backdrop-filter:none;border-radius:12px;padding:24px;box-shadow:0 14px 40px -22px #10294355;max-width:520px}
.loading-copy h2{font-size:23px}.loading-copy>p{font-size:13px;color:#60758b}
.job-status{background:#f5f8fb;border:1px solid #e4ebf2;border-radius:8px;font-size:12px;gap:24px}
.result-screen{max-width:1450px;margin:auto;padding:22px 4% 40px}
.result-heading{text-align:left;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.result-heading h1{font-size:clamp(34px,3.5vw,50px);letter-spacing:-.045em}
.status-pill{border:1px solid #d8e9e1;background:#f0f9f4;border-radius:7px;color:#34715c;box-shadow:none;font-size:11px}
.result-heading .status-pill{margin:0}.status-pill .check-disc{width:16px;height:16px;background:none;color:#28765c}.status-pill .icon{width:13px;height:13px}
.result-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:24px;align-items:start}
.profile-card{background:#fff;padding:0;border-radius:14px;box-shadow:0 14px 38px -26px #122d4566}
.profile-banner{aspect-ratio:3;border-radius:13px 13px 0 0;background:#eaf2f9}
.profile-banner>img{display:block}
.view-switch{background:#fff;border:1px solid #d7e1eb;border-radius:8px;padding:3px;backdrop-filter:none;box-shadow:0 2px 8px #142d4415;right:14px;top:14px}
.view-switch button{border-radius:5px;font-size:11px;padding:8px 12px;transition:background .2s,color .2s}
.view-switch button[aria-pressed=true]{background:#102c49;color:#fff;box-shadow:none}
.profile-bottom{padding:0 28px 30px;gap:28px;grid-template-columns:1fr 1fr}
.result-avatar{width:150px;height:150px;border:6px solid #fff;margin-top:-40px;box-shadow:0 0 0 1px #dfe6ed;border-radius:20px}
.profile-name{font-size:27px;margin-top:16px}.profile-handle{font-size:14px;color:#6c7e90}
.archetype{font-size:9px;letter-spacing:1px;border:0;background:#edf3f8;border-radius:5px;color:#496580;padding:7px 10px}
.profile-bio{font-size:14px;line-height:1.7;color:#526a80}.profile-bio small{font-size:9px;letter-spacing:1px;color:#7d8d9e}
.mascot-peek{width:70px;left:auto;right:12px;bottom:-20px;animation:studio-float 5s ease-in-out infinite;filter:drop-shadow(0 5px 4px #17334b15)}
.download-panel,.referral-panel{padding:25px;background:#fff;border-radius:14px}
.download-panel h2{font-size:26px;letter-spacing:-.8px}.referral-panel h3{font-size:21px;letter-spacing:-.6px}
.download-panel>p,.referral-panel>p{font-size:13px;color:#687d91;margin:9px 0 20px}
.download-row{min-height:76px;background:#fff;border:1px solid #e0e6ee;border-radius:9px;padding:13px;box-shadow:none;transition:transform .25s var(--spring),border-color .2s,background .2s}
.download-row img{border-radius:7px}.download-row strong{font-size:13px}.download-row small{font-size:11px;color:#728599}
.download-row>.icon{width:19px;height:19px;color:#365975;transition:transform .3s var(--spring)}
.download-row:hover{background:#f3f8fc;border-color:#8ab8d6;transform:translateY(-2px);box-shadow:none}
.download-row:hover>.icon{transform:translateY(3px)}.download-row:active{transform:scale(.984)}
.download-panel .ui-anim-shell{margin-top:16px}.download-panel .ui-anim-btn{font-size:13px;min-height:48px}
.referral-input{background:#f5f8fb;border:1px solid #dfe7ef;border-radius:8px;padding:12px}
.referral-input input{font-size:12px}.referral-actions{gap:8px;margin-top:14px}.referral-actions .button{min-height:42px;border-radius:8px;font-size:12px}
.result-easter{font-family:inherit;font-style:normal;color:#607b91;font-size:11px;margin-top:30px}
.no-banner{font-size:13px;color:#516e86}
.banner-notice{background:#f8f5f0;border:1px solid #e9dfd0;border-radius:8px;padding:14px;margin:12px 0 16px;color:#735c40;font-size:12px;line-height:1.65}
.banner-notice .small-link{display:block;margin-top:8px}
.banner-notice .banner-create{display:flex;width:100%;margin-top:13px;background:#fff;border-color:#d9ccbb;font-size:12px;min-height:42px;justify-content:space-between}
.studio-footer{padding:18px 5%;max-width:1500px}.footer-note{font-size:8px;letter-spacing:1.5px;color:#5b758d}.private-note{font-size:11px;color:#526c84}
.preview-dock{position:relative;left:auto;bottom:auto;transform:none;margin:0 auto 20px;width:max-content;background:#fff;backdrop-filter:none;border-radius:9px;box-shadow:0 2px 8px #102c4912}
.preview-dock button{border-radius:5px}.preview-dock>span{font-size:8px}
dialog{background:#fff;border:1px solid var(--edge);border-radius:16px;box-shadow:0 25px 80px #102d4955}
dialog::backdrop{background:#10223788;backdrop-filter:none}
.modal-inner h2{font-size:29px}.modal-inner p{font-size:14px;line-height:1.7}
.close-button{border-radius:8px;background:#f0f4f8}
.notice{border-radius:9px;font-size:13px}
@keyframes studio-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(min-width:1600px){.unlock-screen{padding-top:55px}.ready-screen{padding-top:36px}.result-screen{padding-top:35px}}
@media(max-width:1100px){.unlock-screen{gap:5%;grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.unlock-intro h1{font-size:54px}.unlock-card{padding:26px}.header{height:82px}.task-copy p{font-size:11px}.result-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.profile-bottom{grid-template-columns:1fr;gap:14px}.profile-bio{max-width:none}}
@media(max-width:760px){
.header{height:74px;padding:0 20px}.header nav{gap:16px}.header .text-button{font-size:11px}
.unlock-screen{display:block;padding:20px 20px 30px}.unlock-intro{min-height:0;padding:0 0 28px}
.unlock-intro h1{font-size:48px;margin-top:17px}.unlock-intro .subtitle{font-size:14px;margin-top:17px;max-width:330px}
.original-orbit{display:none}.unlock-card{padding:25px 22px;border-radius:14px;max-width:480px;margin:auto}
.unlock-card h2{font-size:27px}.panel-heading .section-kicker{font-size:8px}.panel-heading>p:last-child{font-size:13px}
.task{min-height:83px;gap:10px}.task-symbol{width:29px;height:32px}.task-copy strong{font-size:12px}.task-copy p{font-size:11px;max-width:170px}
.task .button{width:74px;flex-basis:74px;min-width:74px;padding:9px;min-height:39px;font-size:11px}.progress-labels{font-size:11px}
.account-copy strong{font-size:13px}.account-copy span{font-size:11px}
.ready-screen{padding:22px 16px 34px}.ready-screen h1{font-size:39px;max-width:370px;letter-spacing:-.05em}
.ready-screen h1 br{display:initial}.ready-screen h1 em{margin-left:0}
.ready-intro{font-size:13px;line-height:1.6;max-width:300px;margin:13px auto 0}
.evolution-console{margin-top:24px;border-radius:14px}.console-toolbar{padding:16px 18px}.console-title{font-size:8px;letter-spacing:.8px}.console-status{font-size:9px}
.transformation-card{padding:23px 20px;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:10px}.preview-label{font-size:8px;gap:5px;letter-spacing:.7px}
.transform-arrow{width:22px;height:22px}.preview-caption strong{font-size:12px}.preview-caption>span{font-size:10px}
.mystery-stamp{font-size:6px;bottom:10px;letter-spacing:.5px}
.output-manifest{margin:0 18px 18px;padding:12px;gap:8px}.output-manifest strong{font-size:11px}.output-manifest small{font-size:9px}.output-manifest .icon{display:none}
.console-bottom{padding:0 18px 20px}.completed-tasks{gap:16px;padding-top:16px;margin-bottom:18px}.completed-tasks>span{font-size:10px}
.console-meta{font-size:9px;gap:12px}.ready-screen .ready-disclaimer{font-size:10px;max-width:330px}
.evolving-screen h1{font-size:34px}.loading-copy{padding:20px 16px!important;border-radius:12px}
.result-screen{padding:22px 16px 35px}.result-heading{display:block;text-align:left}.result-heading h1{font-size:37px;max-width:none;margin:0}.result-heading .status-pill{margin-top:15px}
.result-grid{grid-template-columns:1fr;gap:20px}.profile-bottom{padding:0 22px 25px}.result-avatar{width:125px;height:125px;border-radius:16px;border-width:5px}
.profile-name{font-size:26px}.profile-bio{font-size:13px;padding-right:15px}.view-switch{top:10px;right:10px}.view-switch button{font-size:10px;padding:7px 10px}
.download-panel,.referral-panel{padding:23px}.download-row strong{font-size:13px}.referral-input input{font-size:12px}
.studio-footer{padding:15px 20px}.preview-dock{max-width:calc(100% - 20px)}.preview-dock>span{font-size:7px;padding:0 6px}
}
@media(max-width:360px){.unlock-screen{padding-inline:14px}.unlock-card{padding:23px 17px}.unlock-intro h1{font-size:43px}.task-copy p{font-size:10px}.ready-screen h1{font-size:35px}.console-title{letter-spacing:0}.preview-dock>span{display:none}}
@media(hover:none){.button:hover:not(:disabled),.ui-anim-btn:hover:not(:disabled),.download-row:hover{transform:none}}
/* A viewport-sized app, not a vertically stacked landing page. */
html,body{height:100%;overflow:hidden}
body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
.header{width:100%;height:72px;flex-shrink:0}
main{width:100%;height:100%;min-height:0;margin:0 auto;position:relative}
.screen{height:100%;min-height:0}
.studio-footer{width:100%;min-height:32px;padding:8px 5%}
#preview-dock:empty{display:none}.preview-dock{margin-bottom:8px;padding-block:3px}
.unlock-screen{padding-top:12px;padding-bottom:12px;align-items:center;gap:6%}
.unlock-intro{min-height:0;padding-top:0}.unlock-intro h1{margin-top:16px}
.unlock-card{align-self:center;padding:24px 28px}.panel-heading .section-kicker{margin-bottom:12px}
.account-row{margin:16px 0 10px;padding:10px 0}.task{min-height:72px;padding:12px 0}
.progress-labels{margin:12px 0 10px}.progress-track{margin-bottom:14px}
.easter-note{margin-top:14px;padding-top:12px}.preview-link{margin-top:12px}
.ready-screen{padding:8px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ready-screen>.section-kicker{margin-bottom:10px}.ready-intro{margin-top:10px}
.evolution-console{width:100%;margin-top:18px;flex-shrink:0}
.ready-screen .ready-disclaimer{margin-top:12px}.ready-screen>.small-link{margin-top:6px}
.result-screen{padding:12px 4%;display:flex;flex-direction:column;justify-content:center}
.result-heading{margin-bottom:18px}.result-easter{margin-top:16px}
.result-tabs{display:none}.evolving-screen{min-height:0;padding:12px 20px;justify-content:space-between}
.loading-copy{padding:16px 24px}.job-status{margin:12px auto}
@media(max-height:850px){
 .header{height:60px}.studio-footer{min-height:26px;padding-block:5px}
 .unlock-intro h1{font-size:clamp(42px,4.5vw,65px)}.unlock-intro .subtitle{font-size:15px;margin-top:16px}
 .original-orbit{width:180px;margin-top:22px}.original-orbit .portrait{width:162px;height:150px}.identity-caption{padding:10px 6px}.identity-foot{display:none}
 .unlock-card{padding:20px 24px}.unlock-card h2{font-size:26px}.task{min-height:63px;padding:9px 0}
 .account-row{margin:12px 0 6px}.easter-note{padding-top:9px;margin-top:10px}.panel-heading>p:last-child{margin-top:6px;font-size:12px}
 .ready-screen h1{font-size:42px}.ready-intro{font-size:13px;margin-top:8px}.ready-screen>.section-kicker{margin-bottom:8px}
 .evolution-console{max-width:560px;margin-top:14px}.console-toolbar{padding:12px 24px}
 .transformation-card{grid-template-columns:130px 40px 130px;padding:14px 24px;gap:22px}.preview-label{margin-bottom:8px}.preview-caption{padding-top:9px}.preview-caption>span{margin-top:3px}
 .output-manifest{margin:0 24px 12px;padding:10px 14px}.console-bottom{padding:0 24px 16px}.completed-tasks{padding-top:12px;margin-bottom:12px}.console-meta{margin-top:10px}
 .ready-screen .ready-disclaimer{margin-top:10px;font-size:10px}.ui-anim-btn{min-height:48px}
 .result-heading h1{font-size:38px}.download-panel,.referral-panel{padding:18px}.download-panel>p,.referral-panel>p{margin:6px 0 12px}
 .download-row{min-height:64px;padding:10px}.result-actions{gap:14px}.result-avatar{width:115px;height:115px}.profile-bottom{padding:0 22px 20px}.result-easter{margin-top:12px}
}
@media(max-width:1000px),(max-height:650px){
 .result-tabs{display:flex;gap:4px;padding:4px;background:#e8eff6;border:1px solid #d9e3ed;border-radius:10px;width:max-content;margin:0 auto 16px}
 .result-tabs button{border:0;border-radius:7px;padding:10px 18px;font:inherit;font-size:12px;font-weight:550;color:#546c83;background:transparent;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
 .result-tabs button[aria-pressed=true]{background:#fff;color:#102c49;box-shadow:0 2px 5px #102c4912}
 .result-grid{display:block;width:100%;max-width:620px;margin:0 auto}.result-actions{display:contents}
 .result-screen .profile-card,.result-screen .download-panel,.result-screen .referral-panel{display:none}
 .result-screen[data-result-view=profile] .profile-card,.result-screen[data-result-view=downloads] .download-panel,.result-screen[data-result-view=invite] .referral-panel{display:block}
 .result-heading{display:block;text-align:center}.result-heading .status-pill{margin:10px auto 0;width:max-content}.result-easter{text-align:center}
 .profile-bottom{grid-template-columns:1fr 1fr;gap:16px}.profile-bio{font-size:12px}.profile-name{font-size:24px}
}
@media(max-width:760px){
 .header{height:58px;padding:0 18px}.header .brand{font-size:25px}.header .brand small,.brand-divider{display:none}.header nav{gap:14px}
 .studio-footer{min-height:26px;padding:5px 18px}.private-note{font-size:9px}
 .unlock-screen{padding:4px 16px 8px;display:flex;flex-direction:column;justify-content:center;gap:16px}
 .unlock-intro{padding:0;text-align:center}.unlock-intro>.section-kicker,.unlock-intro>.subtitle{display:none}
 .unlock-intro h1{font-size:32px;margin:0;letter-spacing:-1.3px}.unlock-intro h1 br{display:none}.unlock-intro h1 em{margin-left:7px}
 .unlock-card{width:100%;max-width:440px;margin:0 auto;padding:20px}.panel-heading .section-kicker{font-size:8px;margin-bottom:9px}
 .unlock-card h2{font-size:24px}.task{min-height:66px;padding:10px 0}.task-copy p{font-size:10px}.task-copy strong{font-size:12px}
 .account-row{margin:12px 0 6px}.easter-note{margin-top:12px;padding-top:10px}.original-orbit{display:none}
 .ready-screen{padding:4px 16px 8px}.ready-screen h1{font-size:32px;max-width:none}.ready-screen h1 br{display:none}.ready-screen h1 em{margin-left:5px}
 .ready-intro{font-size:12px;max-width:320px;margin-top:8px}.ready-screen>.section-kicker{font-size:8px;margin-bottom:8px}
 .evolution-console{max-width:440px;margin-top:14px}.console-toolbar{padding:12px 16px}
 .transformation-card{grid-template-columns:minmax(0,130px) 24px minmax(0,130px);padding:16px;gap:12px}.preview-caption{padding-top:10px}.preview-caption>span{font-size:10px}
 .output-manifest{margin:0 16px 12px;padding:10px 12px}.console-bottom{padding:0 16px 16px}.completed-tasks{margin-bottom:12px;padding-top:12px}.console-meta{margin-top:10px}
 .ready-screen .ready-disclaimer{max-width:360px;font-size:10px;line-height:1.5;margin-top:12px}
 .result-screen{padding:6px 16px 12px;justify-content:center}.result-heading{margin-bottom:14px}.result-heading h1{font-size:32px}.result-heading .status-pill{margin-top:8px}
 .result-grid{max-width:460px}.result-tabs{margin-bottom:16px}.profile-banner{aspect-ratio:2.7}.result-avatar{width:100px;height:100px;margin-top:-25px;border-radius:14px}
 .profile-bottom{padding:0 18px 20px;grid-template-columns:1fr;gap:12px}.profile-name{font-size:24px;margin-top:12px}.profile-bio{line-height:1.55}.profile-bio small{display:none}
 .profile-handle{font-size:12px}.archetype{font-size:8px;margin-top:10px}.mascot-peek{width:50px;bottom:8px;right:10px}.result-easter{font-size:10px}
 .download-panel,.referral-panel{padding:22px}.evolving-screen h1{font-size:30px}.loading-copy{width:100%;max-width:400px;padding:16px!important}.loading-copy h2{font-size:20px}.loading-copy>p{font-size:12px}.job-status{font-size:11px;gap:12px}
}
@media(max-height:700px){
 .ready-intro,.ready-screen>.section-kicker,.console-meta{display:none}.ready-screen h1{font-size:30px}
 .transformation-card{grid-template-columns:100px 24px 100px;padding:10px 16px;gap:12px}.preview-caption>span{display:none}.preview-caption{padding-top:6px}.preview-label{margin-bottom:6px}
 .console-toolbar{padding:10px 16px}.evolution-console{margin-top:10px}.output-manifest{margin-bottom:10px;padding:8px 10px}.console-bottom{padding-bottom:12px}.completed-tasks{padding-top:9px;margin-bottom:10px}
 .unlock-screen{gap:10px}.unlock-intro h1{font-size:28px}.unlock-card{padding:16px 20px}.panel-heading .section-kicker,.panel-heading>p:last-child,.unlock-card .easter-note{display:none}
 .unlock-card h2{font-size:23px}.task{min-height:57px;padding:6px 0}.account-row{padding:8px 0}.under-cta{font-size:10px;margin-top:8px}
 .result-heading h1{font-size:29px}.result-heading .status-pill{display:none}.result-tabs{margin-bottom:12px}.result-avatar{width:85px;height:85px}.profile-banner{max-height:135px}.profile-bio{display:none}.profile-name{font-size:23px;margin-top:10px}
 .result-easter{display:none}.download-panel,.referral-panel{padding:18px}.download-row{min-height:58px}.banner-notice{padding:10px;margin:10px 0;font-size:11px}.banner-notice .banner-create{margin-top:8px}
}
.is-demo .studio-footer{padding-bottom:5px}
.ready-screen .console-meta{display:none}
@media(min-width:761px) and (max-height:850px){
 .unlock-card{padding:16px 22px}.unlock-card .panel-heading .section-kicker{display:none}.unlock-card .easter-note{margin-top:8px;padding-top:8px}
 .ready-screen>.section-kicker,.ready-screen .console-meta,.ready-screen .preview-caption>span{display:none}
 .ready-screen .completed-tasks{padding-top:9px;margin-bottom:10px}.ready-screen .transformation-card{padding-block:10px}
 .result-screen .download-panel,.result-screen .referral-panel{padding:14px 18px}
 .result-screen .download-panel>p,.result-screen .referral-panel>p{margin-bottom:8px}
 .result-screen .result-easter{display:none}.result-screen .result-heading{margin-bottom:12px}
 .result-screen .download-row{min-height:58px}.result-screen .referral-actions{margin-top:10px}
}
.studio-footer{height:32px;min-height:32px;overflow:hidden}
.world-wash{background:linear-gradient(180deg,#f5f9fd88,transparent 54%,#f5f9fd33)}
body[data-stage=ready] .world-wash{background:linear-gradient(#eff5fc99,transparent 75%)}
.ready-screen h1{flex-shrink:0;margin:0}.ready-screen>p,.ready-screen>button{flex-shrink:0}
@media(min-width:761px) and (min-height:851px){
 .transformation-card{grid-template-columns:160px 48px 160px;padding-block:18px}
 .console-toolbar{padding-block:14px}.console-bottom{padding-bottom:18px}.completed-tasks{margin-bottom:14px;padding-top:14px}
 .output-manifest{margin-bottom:16px}.console-meta{margin-top:12px}
}
@media(max-height:700px){
 .studio-footer{display:none}.ready-screen .preview-caption,.ready-screen .completed-tasks{display:none}
 .ready-screen .ready-disclaimer{margin-top:8px;max-width:390px}.ready-screen>.small-link{margin-top:2px}
 .unlock-screen .unlock-intro{display:none}.evolution-console{margin-top:8px}
 .result-heading{margin-bottom:10px}.result-heading h1{max-width:none}
}
/* Reference-led reveal surfaces: luminous edges, broad curves and navy CTAs. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reference-ready{gap:0;padding:8px 20px;justify-content:center}
.reference-ready h1{font-size:clamp(38px,5.5vw,78px);font-weight:750;letter-spacing:-.055em;line-height:1.07;max-width:none;color:#061b43}
.reference-ready .ready-progress,.result-heading .status-pill{background:linear-gradient(120deg,#eefaff,#c8ecff);border:1px solid #a2dcff;border-radius:40px;color:#082a51;box-shadow:inset 0 1px 0 #fff;padding:8px 17px;gap:10px;font-size:13px}
.reference-ready .ready-progress{margin:14px 0 0}.reference-ready .ready-progress .check-disc,.result-heading .status-pill .check-disc{width:23px;height:23px;background:#00a3df;color:white;border-radius:50%}
.reference-ready .ready-progress .icon,.result-heading .status-pill .icon{width:15px;height:15px}
.ready-tagline{font-size:10px;font-weight:500;letter-spacing:3.8px;color:#5288b7;margin:17px 0 0}
.reference-ready .evolution-console,.result-screen .studio-panel{position:relative;background:linear-gradient(130deg,#ffffffed,#f3faffd9 60%,#dff2ffdc);border:1px solid #a9dfff;box-shadow:inset 0 0 0 2px #ffffffba,0 12px 30px -22px #27739f80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.reference-ready .evolution-console{max-width:660px;border-radius:28px;margin:24px auto 0;overflow:visible}
.reference-ready .transformation-card{grid-template-columns:190px 70px 190px;padding:32px 35px 24px;gap:25px;background:none;align-items:center;border-radius:28px}
.reference-ready .form-preview{position:relative;min-width:0}
.reference-ready .original-preview::before{content:"";position:absolute;width:218px;height:218px;left:50%;top:-15px;translate:-50% 0;border:1.5px solid #a3eafa;border-left-color:transparent;border-bottom-color:#d0f2fc;border-radius:50%;rotate:-25deg;pointer-events:none}
.reference-ready .input-frame{position:relative;border-radius:25px;border:2px solid #ffffffc9;box-shadow:0 12px 24px -18px #22567755;overflow:hidden}
.reference-ready .input-portrait{border-radius:23px}
.reference-ready .preview-caption{padding-top:8px;text-align:center}.reference-ready .preview-caption strong{font-size:16px;color:#072b52;letter-spacing:-.4px;font-weight:600}
.reference-ready .transform-arrow{width:62px;height:30px;animation:none;filter:none;opacity:.85}
.reference-ready .mystery-tile{aspect-ratio:1;width:100%;border-radius:30px;border:0;box-shadow:none;background:none;overflow:visible;animation:none;isolation:isolate}
.reference-ready .mystery-tile img{width:116%;height:116%;max-width:none;object-fit:contain;filter:drop-shadow(0 10px 14px #75b6e029);opacity:1;animation:none;transform:none}.reference-ready .mystery-orbit{display:none}
.reference-ready>.completed-tasks{display:flex;gap:10px;margin:20px 0 0;padding:0;border:0}
.reference-ready>.completed-tasks>span{padding:9px 15px;background:linear-gradient(#fff,#eff8ff);border:1px solid white;box-shadow:0 5px 12px -8px #3983b58c;border-radius:30px;color:#102e54;font-size:12px;gap:8px}
.reference-ready>.completed-tasks .check-disc{width:22px;height:22px;background:#00a5df;color:white;border-radius:50%}.reference-ready>.completed-tasks .icon{width:14px;height:14px}
.reference-ready>.ui-anim-shell{width:min(440px,100%);margin-top:18px;flex-shrink:0}
.ui-anim-btn.evolve-cta,.ui-anim-btn.share-cta{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(110deg,#092447,#103a65 50%,#062444);border:1px solid #26719c;box-shadow:inset 0 1px 2px #86d7ff55,0 9px 23px -17px #00528b;transition:transform .3s var(--spring),box-shadow .3s,background .3s}
.ui-anim-btn.evolve-cta::before,.ui-anim-btn.share-cta::before{display:block;content:"";position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 37%,#bfefff20 48%,#ffffff30 50%,transparent 63%);translate:-80% 0;pointer-events:none;animation:cta-sweep 7s ease-in-out 2s infinite;z-index:0}
.ui-anim-btn>*{position:relative;z-index:1}.ui-anim-btn.evolve-cta{border-radius:60px;gap:22px;min-height:65px;font-size:24px;font-weight:650}
.ui-anim-btn.evolve-cta>.ui-anim-btn-svg{display:none}.ui-anim-btn .cta-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#00a7e7;color:#fff;transition:transform .35s var(--spring),background .3s;flex:none}
.cta-arrow svg{width:24px;height:24px;transition:transform .35s var(--spring)}
.ui-anim-btn:hover:not(:disabled){box-shadow:inset 0 1px 2px #c4f0ff88,0 12px 28px -14px #006cac77;transform:translateY(-3px)}
.ui-anim-btn:hover:not(:disabled) .cta-arrow{background:#13b8f0;transform:rotate(-8deg)}.ui-anim-btn:hover:not(:disabled) .cta-arrow svg{transform:translateX(2px)}
.ui-anim-btn:active:not(:disabled){transform:translateY(0) scale(.978)}.ui-anim-btn:disabled::before{animation:none;display:none}
.ui-anim-btn[data-generating=true] .cta-arrow{animation:spin 1.6s linear infinite}
.reference-ready .ready-caption{font-size:15px;line-height:1.4;color:#174374;margin:16px 0 0}
.reference-ready .ready-disclaimer{max-width:590px;color:#557fa4;font-size:10px;line-height:1.5;margin:8px 0 0}
.reference-ready>.small-link{color:#348aca;letter-spacing:.5px;margin-top:13px;font-size:12px}
.result-screen{padding:10px 3% 12px;max-width:1580px}.result-heading{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;margin:0 0 22px}
.result-heading h1{font-size:clamp(34px,4.4vw,64px);letter-spacing:-.045em;max-width:none;line-height:1.1;color:#061b43}
.result-heading .status-pill{margin:0}.result-grid{grid-template-columns:minmax(0,1.95fr) minmax(320px,.9fr);gap:18px;align-items:start}
.result-screen .studio-panel{border-radius:20px}.result-screen .profile-card{padding:5px;border-color:#9ddfff;box-shadow:inset 0 0 0 2px #fff,0 0 20px #7ce0ff26,0 15px 40px -25px #2077a75c}
.profile-banner{border-radius:16px 16px 5px 5px;aspect-ratio:2.9}.view-switch{padding:5px;border-radius:40px;background:#f6fcffe6;border:1px solid white;box-shadow:0 3px 16px #76b2df33;right:17px;top:17px}
.view-switch button{padding:10px 19px;border-radius:30px;color:#133458;font-size:12px}.view-switch button[aria-pressed=true]{background:linear-gradient(120deg,#09b6ef,#0096d8);box-shadow:0 3px 10px #1597d933}
.profile-bottom{padding:0 25px 22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:end}
.profile-bottom>div{text-align:center}.result-avatar{width:clamp(170px,17vw,260px);height:clamp(170px,17vw,260px);margin:-145px auto 0;display:block;border:7px solid white;border-radius:50%;box-shadow:0 0 0 2px #b4e8ff;object-fit:cover;position:relative}
.profile-name{font-size:30px;font-weight:720;margin:12px 0 0;color:#071f48}.profile-handle{font-size:15px;color:#7d97b6}.archetype{background:linear-gradient(#e1f4ff,#c6e8ff);border:1px solid #b4e4ff;border-radius:30px;color:#3c78a2;letter-spacing:3px;padding:7px 15px;font-size:9px}
.profile-bio{padding:0 0 5px;color:#526d96;font-size:14px;line-height:1.6}.profile-bio small{color:#7c9dbd;letter-spacing:2.5px;font-size:8px}
.mascot-peek{width:100px;left:0;right:auto;bottom:-40px;z-index:2}
.result-screen .download-panel,.result-screen .referral-panel{padding:23px}.download-panel h2{font-size:32px;color:#08234b;font-weight:720}.referral-panel h3{font-size:22px;line-height:1.15;color:#08234b;letter-spacing:-.8px}
.download-panel>p,.referral-panel>p{color:#577496;margin:8px 0 16px;font-size:13px}
.download-row{border:1px solid #bddfff;border-radius:18px;background:#ffffffa8;min-height:75px;padding:12px;position:relative;overflow:hidden}
.download-row strong{font-size:13px;color:#08234b}.download-row small{font-size:12px;color:#7b96b5}.download-row img{border-radius:50%}.download-row.banner img{border-radius:9px}
.download-row:hover{background:#fff;border-color:#4dc6f4;box-shadow:0 7px 18px -12px #1288bdb0;transform:translateY(-2px)}
.download-row::after{content:"";position:absolute;inset:-30% -50%;background:linear-gradient(110deg,transparent 43%,#c9f2ff66 50%,transparent 57%);translate:-80% 0;pointer-events:none;transition:translate .8s var(--spring)}.download-row:hover::after{translate:80% 0}
.download-panel .ui-anim-btn.share-cta{min-height:55px;border-radius:17px;font-size:15px;gap:13px}.ui-anim-btn.share-cta .cta-arrow{background:none;width:24px;height:24px}.ui-anim-btn.share-cta .cta-arrow svg{width:19px;height:19px}
.referral-input{background:#f1f9ffc9;border:1px solid #b9ddff;border-radius:12px;padding:12px 15px}.referral-input input{font-size:13px;color:#103767}
.referral-actions .button,.referral-actions .pearl-button{border-radius:13px;border:1px solid #acd8ff;background:#f7fcff;box-shadow:inset 0 1px 0 #fff;font-size:12px;color:#123967}
.referral-actions .pearl-button{border-color:transparent;background:transparent;color:#007cc2}.referral-actions .pearl-wrap{padding:10px}.result-easter{text-align:left;margin:18px 0 0 115px;color:#5481a4;font-size:12px}
.reference-ready .evolution-console::after,.result-screen .profile-card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffffbd;box-shadow:inset 0 0 12px #b7f0ff33;pointer-events:none;animation:edge-breathe 6s ease-in-out infinite}
@keyframes cta-sweep{0%,70%{translate:-80% 0}95%,100%{translate:80% 0}}
@keyframes edge-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes preview-orbit{to{rotate:360deg}}
@keyframes bridge-flow{0%,100%{translate:-3px 0;opacity:.6}50%{translate:3px 0;opacity:1}}
@media(max-height:850px){
 .reference-ready h1{font-size:clamp(34px,4.3vw,58px)}.reference-ready .ready-progress{margin-top:10px;padding:6px 14px;font-size:12px}.ready-tagline{margin-top:12px;font-size:9px}
 .reference-ready .evolution-console{max-width:570px;margin-top:16px}.reference-ready .transformation-card{grid-template-columns:145px 54px 145px;gap:25px;padding:24px 28px 18px}.reference-ready .original-preview::before{width:167px;height:167px;top:-12px}
 .reference-ready>.completed-tasks{margin-top:14px}.reference-ready>.completed-tasks>span{padding:7px 12px;font-size:11px}.reference-ready>.ui-anim-shell{margin-top:13px;width:min(400px,100%)}.reference-ready .ui-anim-btn{min-height:55px;font-size:21px}
 .reference-ready .ready-caption{margin-top:12px;font-size:14px}.reference-ready>.small-link{margin-top:8px}.reference-ready .ready-disclaimer{margin-top:6px}
 .result-heading h1{font-size:42px}.result-heading{margin-bottom:16px;gap:8px}.result-heading .status-pill{padding:6px 13px;font-size:11px}
 .result-screen .download-panel,.result-screen .referral-panel{padding:17px}.download-panel h2{font-size:28px}.referral-panel h3{font-size:19px}.result-screen .download-row{min-height:64px}.profile-bottom{padding:0 20px 18px}.result-avatar{width:190px;height:190px;margin-top:-120px}.profile-name{font-size:27px}.profile-bio{font-size:12px}.result-easter{display:none}
}
@media(max-width:1000px),(max-height:650px){
 .result-grid{display:block;max-width:570px}.result-screen{padding-inline:20px}.result-screen .profile-card,.result-screen .download-panel,.result-screen .referral-panel{display:none}
 .result-screen[data-result-view=profile] .profile-card,.result-screen[data-result-view=downloads] .download-panel,.result-screen[data-result-view=invite] .referral-panel{display:block}
 .result-avatar{width:160px;height:160px;margin-top:-80px}.profile-banner{aspect-ratio:3}.result-easter{display:none}.mascot-peek{left:auto;right:8px;bottom:-15px;width:65px}
}
@media(max-width:760px){
 .reference-ready{padding:5px 16px}.reference-ready h1{font-size:clamp(29px,7.5vw,45px);letter-spacing:-1.5px;max-width:none}.reference-ready .ready-progress{font-size:11px;padding:6px 12px;margin-top:12px}.ready-tagline{font-size:8px;letter-spacing:2px;margin-top:13px}
 .reference-ready .evolution-console{margin-top:20px;width:100%;max-width:440px;border-radius:23px}.reference-ready .transformation-card{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);padding:25px 24px 17px;gap:17px}.reference-ready .original-preview::before{width:calc(100% + 18px);height:auto;aspect-ratio:1;top:-9px}
 .reference-ready .input-frame{border-radius:18px}.reference-ready .input-portrait{border-radius:16px}.reference-ready .mystery-tile{border-radius:23px}.reference-ready .preview-caption strong{font-size:12px}.reference-ready .transform-arrow{width:30px;height:30px}
 .reference-ready>.completed-tasks{gap:7px;margin-top:16px}.reference-ready>.completed-tasks>span{padding:8px 10px;font-size:10px;gap:5px}.reference-ready>.completed-tasks .check-disc{width:17px;height:17px}.reference-ready>.completed-tasks .icon{width:11px;height:11px}
 .reference-ready>.ui-anim-shell{margin-top:16px;max-width:360px}.reference-ready .ui-anim-btn{min-height:57px;font-size:22px}.reference-ready .ready-caption{font-size:12px;text-align:center;max-width:320px;margin-top:15px}.reference-ready .ready-disclaimer{font-size:10px;max-width:360px;margin-top:8px}.reference-ready>.small-link{margin-top:10px}
 .result-screen{padding:6px 16px 12px}.result-heading h1{font-size:32px}.result-heading .status-pill{margin:0}.result-heading{margin-bottom:12px}
 .profile-bottom{grid-template-columns:1fr;padding:0 16px 18px;gap:12px}.result-avatar{width:140px;height:140px;margin-top:-66px;border-width:5px}.profile-name{font-size:25px;margin-top:9px}.profile-bio{text-align:center;font-size:12px;padding:0 20px}.archetype{font-size:8px;letter-spacing:2px}.profile-handle{font-size:12px}
 .view-switch{right:9px;top:9px;padding:3px}.view-switch button{font-size:10px;padding:7px 12px}.mascot-peek{width:55px}.result-screen .download-panel,.result-screen .referral-panel{padding:22px}.result-screen .download-row{min-height:73px}.referral-panel h3{font-size:23px}
}
@media(max-height:700px){
 .reference-ready .ready-tagline{display:none}.reference-ready .ready-progress{margin-top:8px;padding:4px 12px}.reference-ready h1{font-size:31px}.reference-ready .evolution-console{margin-top:12px}.reference-ready .transformation-card{grid-template-columns:100px 28px 100px;padding:18px 16px 13px;gap:20px}.reference-ready .original-preview::before{width:116px;height:116px;top:-8px}
 .reference-ready .preview-caption{display:block;padding-top:6px}.reference-ready .preview-caption strong{font-size:11px}.reference-ready>.completed-tasks{display:flex;margin-top:12px}.reference-ready>.completed-tasks>span{padding:6px 10px;font-size:10px}.reference-ready>.ui-anim-shell{margin-top:11px}.reference-ready .ui-anim-btn{min-height:49px;font-size:20px}.reference-ready .cta-arrow{width:31px;height:31px}
 .reference-ready .ready-caption{margin-top:9px;font-size:12px}.reference-ready .ready-disclaimer{font-size:9px;line-height:1.45;margin-top:6px}.reference-ready>.small-link{margin-top:6px}
 .result-heading h1{font-size:29px}.result-heading .status-pill{display:none}.result-avatar{width:105px;height:105px;margin-top:-53px}.profile-name{font-size:23px}.result-screen .download-panel,.result-screen .referral-panel{padding:17px}.result-screen .download-row{min-height:58px}.profile-bio{display:none}
}
.reference-ready .ui-anim-btn{padding:10px 22px}
.reference-ready .ready-caption{color:#133862;text-shadow:0 1px 5px #fff}
.reference-ready .ready-disclaimer{color:#31597d;background:#f3faffd9;border-radius:8px;padding:5px 10px;text-shadow:none}
.ui-anim-btn:disabled:not([data-generating=true]) .cta-arrow{background:#c2d3e1;color:#7890a4}
@media(min-width:761px) and (max-height:850px){
 .reference-ready h1{font-size:48px}.reference-ready .ui-anim-btn{padding-block:7px}
 .reference-ready .transformation-card{padding-top:18px;padding-bottom:14px}.reference-ready .ready-tagline{margin-top:10px}
 .reference-ready>.completed-tasks{margin-top:12px}.reference-ready>.small-link{margin-top:6px}
}
@media(max-height:700px){.reference-ready .ui-anim-btn{padding-block:7px}.reference-ready .ready-disclaimer{padding:3px 6px}}
@media(min-width:1001px) and (max-height:800px){
 .result-heading h1{font-size:38px}.result-heading .status-pill{padding:4px 12px}.result-heading{gap:6px;margin-bottom:12px}
 .result-screen .download-panel,.result-screen .referral-panel{padding:13px 16px}.result-screen .download-panel>p{display:none}
 .result-screen .download-panel h2{font-size:27px;margin-bottom:12px}.result-screen .download-row{min-height:58px;padding:9px 12px}
 .result-screen .download-panel .ui-anim-btn.share-cta{min-height:48px;padding:10px 18px;font-size:13px}.result-actions{gap:12px}
 .result-screen .referral-panel h3{font-size:18px}.result-screen .referral-panel>p{margin:7px 0 10px}.result-screen .referral-input{padding:10px 12px}
 .result-screen .profile-bottom{padding-bottom:15px}.result-screen .result-avatar{width:170px;height:170px}.result-screen .profile-name{font-size:25px}
}
@media(min-width:1001px) and (min-height:801px) and (max-height:950px){
 .result-heading h1{font-size:52px}.result-heading{margin-bottom:18px}
 .result-easter{display:none}.result-screen .download-panel,.result-screen .referral-panel{padding:20px}
}
/* Tactile navy action: stable label, localized light, rolling arrow, real busy state. */
.ui-anim-btn.evolve-cta{background:linear-gradient(110deg,#092447,#103a65 50%,#062444);border-color:#39799e;box-shadow:inset 0 1px 1px #b4e6ff65,inset 0 -2px 4px #03172a50,0 5px 12px -8px #06294e88;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s,border-color .3s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ui-anim-btn.evolve-cta::before{inset:0;translate:0;animation:none;border-radius:inherit;background:radial-gradient(ellipse 150px 85px at var(--pointer-x,50%) var(--pointer-y,0%),#5dbaff30,transparent 80%);box-shadow:none;opacity:0;transition:opacity .4s;filter:none}
.ui-anim-btn.evolve-cta::after{display:block;inset:0;opacity:1;background:linear-gradient(112deg,transparent 30%,#ddf5ff1c 47%,transparent 64%);transform:translateX(-120%);transition:transform .75s cubic-bezier(.22,1,.36,1);filter:none}
.ui-anim-btn.evolve-cta .ui-anim-txt-wrapper{min-width:0;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.ui-anim-btn.evolve-cta .ui-anim-letter{animation:none;text-shadow:none;filter:none}
.ui-anim-btn .cta-arrow{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff38;transition:transform .38s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s}
.cta-arrow-track{display:block;position:relative;width:24px;height:24px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .18s}
.cta-arrow-track svg{position:absolute;inset:0;transform:none!important;transition:none}
.cta-arrow-track svg+svg{left:-38px}
.cta-spinner{position:absolute;width:17px;height:17px;border:1.8px solid #ffffff48;border-top-color:white;border-right-color:white;border-radius:50%;opacity:0}
.ui-anim-btn.evolve-cta:is(:hover,:focus-visible):not(:disabled){background:linear-gradient(110deg,#092447,#103a65 50%,#062444);border-color:#71bce0;transform:translateY(-2px);box-shadow:inset 0 1px 1px #d2f2ff88,inset 0 -2px 4px #03172a50,0 10px 20px -10px #06294e80}
.ui-anim-btn.evolve-cta:is(:hover,:focus-visible):not(:disabled)::before{opacity:1;box-shadow:none;filter:none}
.ui-anim-btn.evolve-cta:is(:hover,:focus-visible):not(:disabled)::after{transform:translateX(120%);filter:none}
.ui-anim-btn.evolve-cta:is(:hover,:focus-visible):not(:disabled) .ui-anim-txt-wrapper{transform:translateX(-3px)}
.ui-anim-btn.evolve-cta:is(:hover,:focus-visible):not(:disabled) .cta-arrow{background:#00a7e7;transform:translateX(4px);box-shadow:inset 0 1px 0 #ffffff60,0 0 15px #00a7e726}
.ui-anim-btn:is(:hover,:focus-visible):not(:disabled) .cta-arrow-track{transform:translateX(38px)}
.ui-anim-btn.evolve-cta:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 6px #03172a60,0 2px 4px #06294e15;transition-duration:.12s}
.ui-anim-btn.evolve-cta:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #008dcc55}
.ui-anim-btn[data-generating=true] .cta-arrow{animation:none;transform:none}
.ui-anim-btn[data-generating=true] .cta-arrow-track{opacity:0}
.ui-anim-btn[data-generating=true] .cta-spinner{opacity:1;animation:spin .8s linear infinite}
.ui-anim-btn.evolve-cta:disabled:not([data-generating=true]){background:#edf1f5;border-color:#e2e9f0;box-shadow:none;color:#8c9bab}
.ui-anim-btn.evolve-cta:disabled::before,.ui-anim-btn.evolve-cta:disabled::after{display:none}
@media(hover:none){.ui-anim-btn.evolve-cta:hover:not(:disabled){transform:none}.ui-anim-btn.evolve-cta:active:not(:disabled){transform:scale(.985)}}
/* Evolving: open scene composition, not an opaque modal over the film. */
.evolving-screen{padding:10px 20px 12px;justify-content:space-between;text-align:center}
.evolving-screen h1{font-size:clamp(32px,3.7vw,54px);line-height:1.04;letter-spacing:-.045em;color:#061b43;margin:0 auto;text-shadow:0 2px 18px #f4faff99}
.evolving-screen h1 em{color:#008eee}
.evolving-screen .loading-copy{background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;max-width:620px;width:100%;padding:14px 16px 0!important;margin:0 auto;position:relative;isolation:isolate}
.evolving-screen .loading-copy::before{content:"";position:absolute;inset:-24px -12vw -45px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 95%,#eff8fff2 0%,#eff8ffb0 43%,#eff8ff00 73%)}
.evolving-screen .loading-copy h2{font-size:clamp(23px,2.15vw,32px);font-weight:650;letter-spacing:-.04em;color:#061b43;text-shadow:0 1px 12px #fff}
.evolving-screen .loading-copy>p{font-size:15px;letter-spacing:.6px;color:#617faa;margin-top:6px;text-shadow:0 1px 8px #fff}
.evolving-screen .job-status{display:flex;align-items:center;justify-content:center;gap:0;width:min(450px,100%);min-height:48px;padding:10px 18px;margin:20px auto 22px;border:1px solid #cce4fb;border-radius:50px;background:#f4faffb8;box-shadow:inset 0 1px 0 #fff9;font-size:13px;color:#0b3263}
.evolving-screen .job-status>span{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;white-space:nowrap}
.evolving-screen .job-status>span+span{border-left:1px solid #d7e8f8;color:#7489ac;padding-left:14px;margin-left:14px}
.evolving-screen .job-dot{width:10px;height:10px;background:#008ef2;box-shadow:0 0 0 4px #008ef211;animation:profile-beacon 2.8s ease-out infinite}
.evolving-screen .job-dot.queued{background:#98a5bb;box-shadow:none;animation:none}
.evolving-screen .loading-copy>.fine-print{font-size:11px;color:#6183ad;display:inline-flex;align-items:center;gap:7px}
.evolving-screen .loading-copy>.small-link{display:block;margin:7px auto 0;font-size:11px}
@media(max-height:800px){.evolving-screen h1{font-size:36px}.evolving-screen .loading-copy{padding-top:8px!important}.evolving-screen .loading-copy h2{font-size:25px}.evolving-screen .job-status{margin:12px auto 14px;min-height:42px}.evolving-screen .loading-copy>p{font-size:13px}}
@media(max-width:760px){.evolving-screen{padding:12px 18px 6px}.evolving-screen h1{font-size:clamp(27px,6.5vw,36px)}.evolving-screen .loading-copy{padding:8px 0 0!important}.evolving-screen .job-status{font-size:11px;padding:10px 12px}.evolving-screen .loading-copy>p{font-size:12px}.evolving-screen .loading-copy h2{font-size:24px}.evolving-screen .loading-copy>.fine-print{font-size:10px}.evolving-screen .job-status>span+span{padding-left:10px;margin-left:10px}}
/* Generation choreography: continuous work cues, not artificial progress. */
.loading-word{display:inline-block;transform-origin:50% 100%}
.loading-ellipsis{display:inline-flex;min-width:.8em}.loading-ellipsis i{font-style:normal;animation:loading-dot 1.8s ease-in-out infinite}.loading-ellipsis i:nth-child(2){animation-delay:.18s}.loading-ellipsis i:nth-child(3){animation-delay:.36s}
.evolving-screen .job-status{position:relative;isolation:isolate;overflow:hidden}
.evolving-screen .job-status::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffffa6 50%,transparent 75%);transform:translateX(-120%);animation:loading-pill-sheen 5s ease-in-out 1.3s infinite;z-index:-1}
.evolving-screen .job-status>[data-job-part]{position:relative;min-height:26px;transition:color .45s}
.evolving-screen .job-status>[data-state=active]{color:#007dcb}
.evolving-screen .job-status>[data-state=active] .job-dot{position:relative;animation:loading-beacon 2s ease-out infinite}
.evolving-screen .job-status>[data-state=active] .job-dot::after{content:"";position:absolute;inset:-5px;border:1px solid #009ff15c;border-radius:50%;animation:loading-orbit 2.4s linear infinite;border-top-color:#00a7eb;border-right-color:transparent}
.evolving-screen .job-status>[data-state=complete]{color:#228576}
.evolving-screen .job-status>[data-state=complete] .job-dot{background:#228576;animation:none;box-shadow:none}
.evolving-screen .job-status>[data-state=failed]{color:#a9574e}
.evolving-screen .job-status>[data-state=failed] .job-dot{background:#a9574e;animation:none;box-shadow:none}
.evolving-screen .job-status>[data-state=queued] .job-dot{animation:none;box-shadow:none}
.evolving-screen .job-status-text{display:inline-block}
@keyframes loading-dot{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
@keyframes loading-beacon{0%,100%{box-shadow:0 0 0 0 #00a7eb22}65%{box-shadow:0 0 0 6px #00a7eb00}}
@keyframes loading-orbit{to{transform:rotate(360deg)}}
@keyframes loading-pill-sheen{0%,45%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
/* The original bio stays readable and unchanged in both comparison views. */
.result-screen .profile-bottom>.profile-bio{display:block;min-width:0;text-align:left;padding:6px 0 12px;border-top:1px solid #bddff2;margin-top:14px;color:#143b60}
.profile-bio .bio-label{display:block;font-size:9px;font-weight:600;letter-spacing:2.4px;color:#578ab1;margin:12px 0}
.profile-bio .bio-text{font-size:clamp(17px,1.4vw,21px);font-weight:450;line-height:1.55;letter-spacing:-.3px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.bio-word{display:inline-block;max-width:100%;vertical-align:top;overflow-wrap:anywhere}
@media(max-width:1000px){.result-screen .profile-bottom>.profile-bio{padding:0 4px 4px;margin-top:0}.profile-bio .bio-text{font-size:17px}.profile-bio .bio-label{margin:9px 0}}
@media(max-width:760px){.result-screen .profile-bottom>.profile-bio{text-align:center;padding:0 8px 2px}.profile-bio .bio-text{font-size:16px;line-height:1.45}.profile-bio .bio-label{font-size:8px;margin:9px 0 7px}.result-screen .profile-bottom{gap:10px}}
@media(max-height:750px){.profile-bio .bio-text{font-size:15px;line-height:1.4}.profile-bio .bio-label{margin:8px 0 6px}.result-screen .profile-bottom>.profile-bio{padding-bottom:2px}.result-screen .profile-bottom{gap:8px}}
@media(max-width:760px) and (max-height:650px){.result-screen .profile-banner{max-height:95px}.result-screen .result-avatar{width:76px;height:76px;margin-top:-36px}.result-screen .profile-name{font-size:21px;margin-top:5px}.result-screen .archetype{margin-top:5px;padding:4px 10px}.result-screen .profile-bottom{padding-bottom:12px}.profile-bio .bio-text{font-size:14px;line-height:1.4}}
/* Persistent two-position selection; the images crossfade independently. */
.result-screen .view-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;isolation:isolate;position:absolute;--switch-inset:5px;padding:var(--switch-inset)}
.result-screen .view-switch::before{content:"";position:absolute;z-index:-1;left:var(--switch-inset);top:var(--switch-inset);bottom:var(--switch-inset);width:calc((100% - var(--switch-inset)*2)/2);border-radius:inherit;background:linear-gradient(120deg,#09b6ef,#0096d8);box-shadow:inset 0 1px 0 #ffffff55,0 3px 10px #1597d933;transform:translateX(0);transition:transform .42s cubic-bezier(.22,1,.36,1)}
.result-screen .view-switch:has([data-action=evolved][aria-pressed=true])::before{transform:translateX(100%)}
.result-screen .view-switch button{min-width:86px;position:relative;background:transparent;box-shadow:none;border-radius:30px;transition:color .22s,transform .16s;color:#133458}
.result-screen .view-switch button[aria-pressed=true]{background:transparent;box-shadow:none;color:#fff}
.result-screen .view-switch button:active{transform:scale(.96)}
.result-screen .view-switch button:focus-visible{outline:2px solid #086ca8;outline-offset:2px}
@media(max-width:760px){.result-screen .view-switch{--switch-inset:3px}.result-screen .view-switch button{min-width:69px}}
/* Compact, separate music/effect controls; never native video controls. */
.studio-audio-controls{display:flex;align-items:center;gap:5px}
.studio-audio-button{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:6px;border-radius:50%;border:1px solid #b4d8ec;background:#f5fbffd9;color:#28648b;transition:background .2s,transform .2s}
.studio-audio-button svg{width:17px;height:17px}
.studio-audio-button:hover{background:#fff;transform:translateY(-1px)}
.studio-audio-button[aria-pressed=false]{color:#8196a7;background:#ecf4f8}
.studio-audio-button[aria-pressed=false]::after{content:"";position:absolute;width:18px;height:1px;background:currentColor;rotate:-45deg;box-shadow:0 1px #f5fbff}
@media(max-width:480px){.header{padding-inline:12px;gap:8px}.header nav{gap:8px}.header nav>[data-action=how]{display:none}.header nav>.text-button{font-size:10px}.header .brand{font-size:23px}.header .account-button{width:30px;height:30px}.studio-audio-controls{gap:3px}.studio-audio-button{width:26px;height:26px;padding:4px}}
/* Unlock choreography: finite text reveal + a quiet, tangible profile card. */
.hero-word{display:inline-block;transform-origin:50% 100%}
.unlock-intro h1{perspective:900px}
.unlock-intro h1 em .hero-word{background:linear-gradient(110deg,#008ed2 25%,#008ed2 40%,#32bbed 50%,#008ed2 60%,#008ed2 75%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:hero-sheen 9s ease-in-out 1.5s infinite}
.original-orbit{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-origin:50% 55%;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .4s;animation:profile-drift 6.4s ease-in-out 1.5s infinite;isolation:isolate}
.original-orbit::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff99;pointer-events:none}
@media(hover:hover) and (pointer:fine){.original-orbit:hover{box-shadow:0 24px 40px -20px #173f6270;transition-duration:.2s}}
.original-orbit .portrait{transform-origin:center}
.original-orbit .identity-foot .live-dot{box-shadow:0 0 0 0 #008bd224;animation:profile-beacon 3.5s ease-out 1.8s infinite}
@keyframes profile-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -6px;rotate:-.45deg}}
@keyframes profile-beacon{0%,60%,100%{box-shadow:0 0 0 0 #008bd200}12%{box-shadow:0 0 0 0 #008bd238}48%{box-shadow:0 0 0 5px #008bd200}}
@keyframes hero-sheen{0%,65%{background-position:100% 50%}90%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.original-orbit{transform:none!important;translate:none;rotate:none}.unlock-intro h1 em .hero-word{background:none;color:#008ed2}}