.create-profile-page{--create-ink:#21433c;--create-ink-muted:#21433cb8;--create-ink-subtle:#21433c94;--create-paper:#fff1d6;--create-accent:var(--os-papaya-glow,#f7a65a);--create-accent-hover:color-mix(in srgb, var(--os-papaya-glow,#f7a65a) 88%, white);--create-error:var(--os-sunberry-blush,#d4748f);--create-border:#5a3a1e29;min-height:100%;color:var(--create-paper);background:radial-gradient(90% 70% at 50% -10%,#83d3c824 0%,#0000 55%),radial-gradient(circle at 12% 88%,#f7a65a14 0%,#0000 35%),linear-gradient(175deg,#1a1008 0%,#2b160c 38%,#1f1209 100%);padding-block:clamp(72px,8vw,104px) clamp(64px,8vw,96px)}.create-profile-shell{width:min(100% - 48px,1280px);margin-inline:auto}.create-profile-header{text-align:center;max-width:52ch;margin:0 auto clamp(28px,4vw,44px)}.create-profile-header__eyebrow{color:color-mix(in srgb, var(--create-paper) 55%, var(--os-lagoon-mist,#83d3c8));font-family:var(--os-font-body,system-ui, sans-serif);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:800}.create-profile-header__title{color:var(--create-paper);font-family:var(--os-font-display,system-ui, sans-serif);margin:0 0 12px;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.12}.create-profile-header__intro{color:#fff1d6c7;font-family:var(--os-font-body,system-ui, sans-serif);margin:0;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.6}[data-create-profile-workspace][hidden]{display:none!important}.create-profile-card{width:min(100% - 96px,1280px);color:var(--create-ink);box-shadow:0 40px 110px #0000006b, inset 0 0 0 1px var(--create-border);background:linear-gradient(#fff1d6f5,#e6c78cf0);border-radius:36px;grid-template-columns:minmax(360px,.9fr) minmax(380px,.8fr);align-items:center;gap:clamp(32px,5vw,72px);margin-inline:auto;padding:clamp(28px,4vw,56px);display:grid}.avatar-preview{gap:clamp(14px,2vw,20px);display:grid}.avatar-preview__title{font-family:var(--os-font-display,system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:800}.avatar-preview__stage{background:radial-gradient(circle at 50% 42%,#83d3c833,#0000 42%),linear-gradient(#fff1d68a,#fff1d638);border:1px solid #21433c24;border-radius:30px;place-items:center;min-height:clamp(280px,34vw,440px);display:grid}.avatar-preview__stack{aspect-ratio:236.477/255.357;isolation:isolate;filter:drop-shadow(0 20px 28px #0000002e);place-items:center;width:min(76%,340px);display:grid}.avatar-preview__panda-color,.avatar-preview__panda-lines{object-fit:fill;grid-area:1/1;width:100%;height:100%}.avatar-preview__panda-color{z-index:1}.avatar-preview__panda-lines{z-index:2;pointer-events:none}.avatar-preview__color-name{text-align:center;letter-spacing:.04em;color:var(--create-ink-muted);margin:0;font-size:.92rem;font-weight:800}.color-picker{border:none;margin:0;padding:0}.color-picker__legend{color:var(--create-ink);letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}.color-picker__grid{flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.8vw,16px);display:flex}.color-picker__option{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;justify-items:center;gap:6px;padding:6px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.color-picker__option:hover{transform:translateY(-2px)}.color-picker__option:focus-visible{outline:3px solid var(--os-focus-ring);outline-offset:3px}.color-picker__option[aria-pressed=true]{border-color:color-mix(in srgb, var(--os-mango-milk,#ffd979) 85%, var(--create-ink));box-shadow:0 0 0 3px #f7a65a38,0 6px 16px #8a60482e}.color-picker__swatch{object-fit:contain;filter:drop-shadow(0 4px 8px #8a604838);border-radius:999px;width:clamp(52px,7vw,68px);height:clamp(52px,7vw,68px)}.color-picker__label{color:var(--create-ink);letter-spacing:.03em;text-align:center;font-size:.74rem;font-weight:800}.color-picker__error{color:var(--create-error);text-align:center;margin:10px 0 0;font-size:.82rem;font-weight:700;line-height:1.4}.color-picker__error[hidden]{display:none}.profile-form{gap:clamp(16px,2.5vw,24px);display:grid}.profile-form__title{font-family:var(--os-font-display,system-ui, sans-serif);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:800}.profile-form__fields{gap:16px;display:grid}.profile-form__field{gap:6px;display:grid}.profile-form__label{color:var(--create-ink);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:900}.profile-form__input{border-radius:var(--os-radius-soft,12px);width:100%;min-height:46px;color:var(--create-ink);font:inherit;background:#fffcf48c;border:1px solid #8a604838;border-bottom-width:2px;padding-inline:14px;font-weight:600;box-shadow:inset 0 1px 2px #8a60480f}.profile-form__input:focus{outline:2px solid var(--os-focus-ring);outline-offset:1px;border-color:color-mix(in srgb, var(--create-accent) 55%, var(--create-ink))}.profile-form__input[aria-invalid=true]{border-color:color-mix(in srgb, var(--create-error) 65%, var(--create-ink))}.profile-form__error{color:var(--create-error);margin:0;font-size:.82rem;font-weight:700;line-height:1.4}.profile-form__error[hidden]{display:none}.profile-form__notice{border:1px solid var(--create-line,#1a332e2e);color:var(--create-ink-muted);background:0 0;border-radius:12px;gap:8px;margin:0;padding:12px 14px;font-size:.9rem;line-height:1.5;display:grid}.profile-form__notice h3{color:var(--create-ink);margin:0;font-size:.95rem}.profile-form__notice p{margin:0}.profile-form__notice a{color:var(--create-ink);text-underline-offset:3px;font-weight:800}.profile-form__notice a:hover{color:var(--create-accent)}.profile-form__actions{gap:10px;display:grid}.profile-form__submit{border-radius:var(--os-radius-pill,999px);background:var(--create-accent);min-height:52px;color:var(--create-ink);font-family:var(--os-font-body,system-ui, sans-serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;padding-inline:28px;font-size:.92rem;font-weight:800;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 4px #21433c33}.profile-form__submit:hover{background:var(--create-accent-hover);transform:translateY(-1px)}.profile-form__submit:focus-visible{outline:3px solid var(--os-focus-ring);outline-offset:3px}.profile-form__microcopy{color:var(--create-ink-subtle);text-align:center;margin:0;font-size:.82rem;line-height:1.5}.create-profile-success[hidden]{display:none!important}.create-profile-success{width:min(100% - 96px,640px);color:var(--create-ink);box-shadow:0 40px 110px #0000006b, inset 0 0 0 1px var(--create-border);text-align:center;background:linear-gradient(#fff1d6f5,#e6c78cf0);border-radius:36px;justify-items:center;gap:20px;margin-inline:auto;padding:clamp(28px,4vw,44px);display:grid}.create-profile-success__cover-wrap{border-radius:var(--os-radius-soft,12px);background:#fffcf4b8;width:min(100%,280px);padding:12px;box-shadow:0 18px 40px #0000002e}.create-profile-success__cover{width:100%;height:auto;display:block}.create-profile-success__title{font-family:var(--os-font-display,system-ui, sans-serif);margin:0;font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:800}.create-profile-success__body{max-width:44ch;color:var(--create-ink-muted);margin:0;font-size:1rem;line-height:1.6}.create-profile-success__home{border-radius:var(--os-radius-pill,999px);min-height:48px;color:var(--create-ink);letter-spacing:.06em;text-transform:uppercase;background:#fffcf473;border:1.5px solid #21433c47;justify-content:center;align-items:center;padding-inline:24px;font-size:.88rem;font-weight:800;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.create-profile-success__home:hover{border-color:var(--os-lagoon-mist,#83d3c8);background:#83d3c826}.create-profile-success__home:focus-visible{outline:3px solid var(--os-focus-ring);outline-offset:3px}@media (width<=980px){.create-profile-card{grid-template-columns:1fr;width:min(100% - 48px,100%)}.create-profile-success{width:min(100% - 48px,100%)}}@media (width<=560px){.create-profile-page{padding-block:64px 48px}.create-profile-shell{width:min(100% - 28px,100%)}.create-profile-card{border-radius:28px;width:min(100% - 28px,100%);padding:22px}.avatar-preview__stage{min-height:260px}.avatar-preview__stack{width:min(82%,280px)}.profile-form__actions button{width:100%;min-height:52px}.create-profile-success{border-radius:28px;width:min(100% - 28px,100%);padding:22px}}@media (prefers-reduced-motion:reduce){.color-picker__option,.profile-form__submit{transition:none}.color-picker__option:hover,.profile-form__submit:hover{transform:none}}