/* CapWords-inspired onboarding: airy paper, object stickers and rounded controls. */
.shell:not(.workspace) { --bg:#faf9f6; --text:#242424; --text-3:#81817c; --brand:#282826; --brand-line:#e8e7e1; background:var(--bg); }
.shell:not(.workspace) .screen { background:var(--bg); padding-left:28px; padding-right:28px; }
.shell:not(.workspace) .title { font-size:38px; letter-spacing:-1.7px; line-height:1.12; text-align:left; margin:22px 0 12px; }
.shell:not(.workspace) .title em { color:inherit; }
.shell:not(.workspace) .sub { text-align:left; font-size:16px; line-height:1.6; }
.shell:not(.workspace) .circle-icon { background:#efeee9; color:#65675b; border-radius:26px; width:76px; height:76px; margin:30px 0 0; transform:rotate(-7deg); }
.shell:not(.workspace) .btn { border-radius:999px; min-height:58px; font-size:16px; }
.shell:not(.workspace) .btn-primary { background:#292a27; color:white; }
.shell:not(.workspace) .btn-primary:disabled { background:#e6e6df; color:#999a91; opacity:1; }
.shell:not(.workspace) .footer-cta { background:var(--bg); padding-top:20px; padding-bottom:max(24px,env(safe-area-inset-bottom)); }
.shell:not(.workspace) input:not([type=file]) { background:#efeee9; border:1px solid transparent; border-radius:18px; min-height:58px; padding:16px 20px; color:#242424; }
.shell:not(.workspace) .wear-card { border:2px solid transparent; border-radius:26px; background:#efeee9; min-height:200px; }
.shell:not(.workspace) .wear-card::before { content:''; display:block; width:110px; height:120px; margin:12px auto; background:url('/assets/illust-blouse.png') center/contain no-repeat; transform:rotate(-9deg); }
.shell:not(.workspace) .wear-card[data-wear=menswear]::before { background-image:url('/assets/illust-hoodie.png'); transform:rotate(8deg); }
.shell:not(.workspace) .wear-card.selected,.shell:not(.workspace) .wear-card.on { border-color:#676f4d; background:#e9eddc; }
.shell:not(.workspace) .chip { border-radius:999px; padding:13px 18px; background:#efeee9; border-color:transparent; }
.shell:not(.workspace) .chip.on { background:#e4eacb; color:#343d20; }
.shell:not(.workspace) .auth-wrap { max-width:420px; text-align:center; padding:22px 0; }
.shell:not(.workspace) .auth-wrap .workspace-brand { font-size:25px; margin:0 0 24px; }
.shell:not(.workspace) .auth-poster { height:300px; background:transparent; padding:0; overflow:visible; }
.shell:not(.workspace) .auth-poster svg { display:none; }
.onboarding-objects { height:100%; position:relative; }
.onboarding-objects img { position:absolute; object-fit:contain; filter:drop-shadow(0 12px 9px #292a2714); }
.onboarding-objects img:nth-child(1) { width:55%; height:78%; left:0; top:0; transform:rotate(-14deg); }
.onboarding-objects img:nth-child(2) { width:48%; height:66%; right:0; top:28%; transform:rotate(13deg); }
.onboarding-objects img:nth-child(3) { width:34%; height:35%; left:14%; bottom:0; transform:rotate(-8deg); }
.object-label { position:absolute; right:5%; top:8%; background:#e7edca; border-radius:12px; padding:10px 16px; font-size:13px; transform:rotate(8deg); }
.shell:not(.workspace) .auth-wrap h1 { font-size:38px; letter-spacing:-1.8px; line-height:1.12; margin:22px auto 14px; max-width:360px; }
.shell:not(.workspace) .auth-intro { font-size:16px; line-height:1.6; max-width:320px; margin:0 auto 28px; }
.shell:not(.workspace) .auth-wrap .btn-soft { background:#292a27; color:white; border:0; }
.shell:not(.workspace) .auth-privacy { font-size:11px; margin:18px auto; max-width:310px; }
.shell:not(.workspace) .auth-back { font-size:12px; }
@media(min-width:760px) { .shell:not(.workspace) { max-width:560px; border-left:1px solid #eeede7; border-right:1px solid #eeede7; } }
@media(max-height:740px) { .shell:not(.workspace) .auth-poster { height:210px; } .shell:not(.workspace) .auth-wrap h1 { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { .shell:not(.workspace) .screen.active { animation:none; } }