.page-module__yhS7_W__page{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-2xl);position:relative;overflow:hidden}.page-module__yhS7_W__page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#9333ea14 0%,#0000 70%);width:800px;height:800px;position:fixed;top:-40%;left:50%;transform:translate(-50%)}.page-module__yhS7_W__page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);width:600px;height:600px;position:fixed;bottom:-30%;right:-10%}.page-module__yhS7_W__wrapper{z-index:1;max-width:760px;position:relative}.page-module__yhS7_W__progress{margin-bottom:var(--space-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#ffffff08;border:1px solid #ffffff0f;justify-content:center;align-items:center;gap:0;width:fit-content;margin-left:auto;margin-right:auto;padding:12px 20px;display:flex}.page-module__yhS7_W__progressStep{align-items:center;display:flex}.page-module__yhS7_W__progressDot{width:30px;height:30px;color:var(--text-muted);transition:all var(--transition-base);background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.page-module__yhS7_W__progressDotActive{background:var(--accent-gradient);color:#fff;box-shadow:0 0 20px var(--accent-glow),0 4px 12px #9333ea4d;border-color:#0000}.page-module__yhS7_W__progressLine{width:32px;height:2px;transition:background var(--transition-base);background:#ffffff14;border-radius:1px;margin:0 6px}.page-module__yhS7_W__progressLineActive{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.page-module__yhS7_W__header{text-align:center;margin-bottom:var(--space-xl)}.page-module__yhS7_W__title{font-size:var(--font-size-3xl);letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f7 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-weight:800}.page-module__yhS7_W__subtitle{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:400}.page-module__yhS7_W__content{margin-bottom:var(--space-xl);animation:.35s ease-out page-module__yhS7_W__fadeInUp}@keyframes page-module__yhS7_W__fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-module__yhS7_W__stepContent{flex-direction:column;display:flex}.page-module__yhS7_W__textarea{width:100%;padding:var(--space-lg)var(--space-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);resize:none;transition:all var(--transition-base);background:#ffffff0a;border:1px solid #ffffff14;outline:none;min-height:160px;line-height:1.8;box-shadow:0 4px 24px #0003}.page-module__yhS7_W__textarea::placeholder{color:var(--text-muted);font-style:italic}.page-module__yhS7_W__textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow),0 4px 24px #0003;background:#ffffff0f}.page-module__yhS7_W__charCount{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-top:8px}.page-module__yhS7_W__charCountValid{color:var(--success);font-weight:700}.page-module__yhS7_W__styleGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.page-module__yhS7_W__styleCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 8px;display:flex;position:relative;box-shadow:0 2px 12px #00000026}.page-module__yhS7_W__styleCard:hover{background:#ffffff12;border-color:#9333ea4d;transform:translateY(-3px);box-shadow:0 8px 24px #00000040,0 0 24px #9333ea14}.page-module__yhS7_W__styleCardSelected{transform:translateY(-2px);border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#9333ea1f,#7c3aed0f)!important;box-shadow:0 0 24px #9333ea33,0 8px 24px #0003!important}.page-module__yhS7_W__styleEmoji{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.75rem;line-height:1}.page-module__yhS7_W__styleName{color:var(--text-primary);letter-spacing:-.01em;font-size:12px;font-weight:600;line-height:1.2}.page-module__yhS7_W__checkmark{background:var(--accent-gradient);color:#fff;width:20px;height:20px;animation:page-module__yhS7_W__pop .25s var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #9333ea66}@keyframes page-module__yhS7_W__pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.page-module__yhS7_W__subHeading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:700}.page-module__yhS7_W__optional{color:#71717a99;text-transform:none;letter-spacing:0;font-weight:400}.page-module__yhS7_W__sizeRow{margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.page-module__yhS7_W__sizeCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;display:flex;box-shadow:0 2px 12px #00000026}.page-module__yhS7_W__sizeCard:hover{background:#ffffff12;border-color:#9333ea4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.page-module__yhS7_W__sizeCardSelected{border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#9333ea1f,#7c3aed0f)!important;box-shadow:0 0 24px #9333ea33,0 8px 24px #0003!important}.page-module__yhS7_W__sizeName{font-weight:700;font-size:var(--font-size-sm)}.page-module__yhS7_W__sizeDesc{color:var(--text-muted);font-size:11px}.page-module__yhS7_W__placementGrid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.page-module__yhS7_W__placementCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;display:flex;box-shadow:0 2px 12px #00000026}.page-module__yhS7_W__placementCard:hover{background:#ffffff12;border-color:#9333ea4d;transform:translateY(-2px)}.page-module__yhS7_W__placementCardSelected{border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#9333ea1f,#7c3aed0f)!important;box-shadow:0 0 24px #9333ea33,0 6px 20px #0003!important}.page-module__yhS7_W__placementIcon{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.3rem}.page-module__yhS7_W__placementName{letter-spacing:-.01em;font-size:11px;font-weight:600}.page-module__yhS7_W__colorModeToggle{margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;gap:12px;display:grid}.page-module__yhS7_W__modeBtn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;padding:20px 16px;box-shadow:0 4px 16px #00000026}.page-module__yhS7_W__modeBtn:hover{background:#ffffff12;border-color:#9333ea4d;transform:translateY(-2px)}.page-module__yhS7_W__modeBtnActive{color:#e4d0ff;border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#9333ea26,#7c3aed14)!important;box-shadow:0 0 30px #9333ea33,0 8px 24px #0003!important}.page-module__yhS7_W__colorHint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.page-module__yhS7_W__colorGrid{border-radius:var(--radius-xl);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:wrap;gap:12px;padding:20px;display:flex}.page-module__yhS7_W__colorSwatch{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.page-module__yhS7_W__colorSwatch:hover{transform:scale(1.15)}.page-module__yhS7_W__colorDot{width:36px;height:36px;transition:all var(--transition-fast);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 12px #0006}.page-module__yhS7_W__colorSwatchSelected .page-module__yhS7_W__colorDot{box-shadow:0 0 0 3px var(--accent-primary),0 4px 16px #0006;border-color:#fff;transform:scale(1.05)}.page-module__yhS7_W__colorLabel{color:var(--text-muted);text-align:center;max-width:48px;font-size:10px;font-weight:500;line-height:1.1}.page-module__yhS7_W__bwPreview{align-items:center;gap:var(--space-lg);padding:var(--space-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;display:flex}.page-module__yhS7_W__bwPreview p{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:380px;line-height:1.6}.page-module__yhS7_W__bwGradient{border-radius:var(--radius-full);background:linear-gradient(90deg,#0a0a0a,#2a2a2a,#555,#888,#bbb,#eee);width:100%;max-width:320px;height:28px;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff1a}.page-module__yhS7_W__moodGrid{margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.page-module__yhS7_W__moodCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;background:#ffffff0a;border:1.5px solid #ffffff14;flex-direction:column;align-items:center;gap:8px;padding:20px 10px;display:flex;box-shadow:0 2px 12px #00000026}.page-module__yhS7_W__moodCard:hover{background:#ffffff12;border-color:#9333ea4d;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.page-module__yhS7_W__moodCardSelected{transform:translateY(-2px);border-color:var(--accent-primary)!important;background:linear-gradient(135deg,#9333ea1f,#7c3aed0f)!important;box-shadow:0 0 24px #9333ea33,0 8px 24px #0003!important}.page-module__yhS7_W__moodEmoji{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.75rem}.page-module__yhS7_W__moodName{letter-spacing:-.01em;font-size:12px;font-weight:600}.page-module__yhS7_W__summary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:var(--space-xl);background:#ffffff0a;border:1px solid #ffffff14;box-shadow:0 4px 24px #0003}.page-module__yhS7_W__summaryGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.page-module__yhS7_W__summaryItem{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.page-module__yhS7_W__summaryLabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.page-module__yhS7_W__summaryValue{font-size:var(--font-size-sm);color:var(--text-primary);text-transform:capitalize;font-weight:600}.page-module__yhS7_W__nav{align-items:center;gap:var(--space-md);padding-top:var(--space-xl);border-top:1px solid #ffffff0f;display:flex}.page-module__yhS7_W__spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.6s linear infinite page-module__yhS7_W__spin;display:inline-block}@keyframes page-module__yhS7_W__spin{to{transform:rotate(360deg)}}@media (max-width:768px){.page-module__yhS7_W__title{font-size:var(--font-size-2xl)}.page-module__yhS7_W__styleGrid{grid-template-columns:repeat(3,1fr)}.page-module__yhS7_W__sizeRow{grid-template-columns:repeat(2,1fr)}.page-module__yhS7_W__placementGrid{grid-template-columns:repeat(3,1fr)}.page-module__yhS7_W__moodGrid{grid-template-columns:repeat(2,1fr)}.page-module__yhS7_W__progressLine{width:16px}.page-module__yhS7_W__progressDot{width:26px;height:26px;font-size:10px}.page-module__yhS7_W__summaryGrid{grid-template-columns:1fr}.page-module__yhS7_W__progress{padding:8px 14px}}@media (max-width:480px){.page-module__yhS7_W__styleGrid{grid-template-columns:repeat(2,1fr)}.page-module__yhS7_W__placementGrid{grid-template-columns:repeat(3,1fr)}.page-module__yhS7_W__colorModeToggle{grid-template-columns:1fr}}