.onboarding-page{--font-title: "FZQingKe", "Noto Serif SC", serif;--font-tech: "Cormorant Garamond", serif;--font-body: "Noto Serif SC", serif;--font-body-sm: "Noto Serif SC", serif;--font-latin: "Cormorant Garamond", serif;--otome-gold: #D4A060;--otome-text-light: #FFFCFA;--otome-bg-deep: #08061A;--fs-xs: clamp(8px, 2.3cqi, 9px);--fs-sm: clamp(9px, 2.8cqi, 11px);--fs-md: clamp(11px, 3.56cqi, 14px);--fs-lg: clamp(13px, 4.07cqi, 16px);--fs-xl: clamp(15px, 4.8cqi, 19px);--ob-card-bg: #FFFCFA08;--ob-card-border: linear-gradient(180deg, #D4A06018 0%, #FFFCFA08 50%, #D4A06010 100%);--ob-card-blur: 8px;--ob-card-radius: 10px;--ob-btn-gold-bg: linear-gradient(180deg, #D4A060, #B8884C);--ob-btn-gold-border: linear-gradient(180deg, #FFE0B040, #D4A06000);--ob-btn-gold-text: var(--otome-bg-deep);--ob-btn-gold-shadow: 0 4px 20px #D4A06030;--ob-btn-height: clamp(44px, 13.2cqi, 52px);--ob-btn-radius: 8px;--ob-btn-ghost-bg: #FFFCFA05;--ob-btn-ghost-border: #FFFCFA10;--ob-btn-ghost-text: #FFFCFA60;--ob-btn-ghost-height: clamp(38px, 11.2cqi, 44px);--ob-dot-done: #D4A06060;--ob-dot-active: #D4A060;--ob-dot-inactive: #FFFCFA25;--ob-dot-size: clamp(4px, 1.5cqi, 6px);--ob-dot-gap: clamp(4px, 1.5cqi, 6px);--ob-tag-border: #D4A06030;--ob-tag-text: #FFFCFA80;--ob-tag-radius: clamp(14px, 4.3cqi, 17px);--ob-tag-height: clamp(28px, 8.7cqi, 34px);--ob-tag-selected-bg: #D4A06018;--ob-tag-selected-border: #D4A06060;--ob-tag-selected-text: #D4A060;--ob-tag-selected-shadow: 0 0 12px #D4A06020;--ob-persona-bg: #FFFCFA05;--ob-persona-border: #FFFCFA0A;--ob-persona-radius: clamp(3px, 1cqi, 4px);--ob-persona-height: clamp(64px, 19.3cqi, 76px);--ob-persona-selected-bg: #D4A06012;--ob-persona-selected-border: linear-gradient(180deg, #D4A06050, #D4A06018);--ob-persona-selected-shadow: 0 0 20px #D4A06020;--ob-input-bg: #FFFCFA04;--ob-input-border: #D4A06018;--ob-input-radius: 7px;--ob-input-height: clamp(40px, 12.2cqi, 48px);--ob-textarea-min-h: clamp(80px, 25.4cqi, 100px);--ob-title-en-size: var(--fs-xs);--ob-title-cn-size: clamp(20px, 6.1cqi, 24px);--ob-title-cn-shadow: 0 0 20px #D4A06030;--ob-content-pad: clamp(22px, 7.1cqi, 28px);--ob-section-gap: clamp(8px, 2.7cqi, 10.7px)}.ob-btn.svelte-as9cvv{width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:scale .12s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.ob-btn.svelte-as9cvv:active:not(.disabled){scale:.95}.ob-btn.gold.svelte-as9cvv{height:var(--ob-btn-height);background:var(--ob-btn-gold-bg);border:1px solid #F0D09A90;border-radius:var(--ob-btn-radius);box-shadow:var(--ob-btn-gold-shadow);color:var(--ob-btn-gold-text);font-family:var(--font-body-sm);font-size:var(--fs-lg);font-weight:500;letter-spacing:.12em;position:relative;overflow:hidden}.ob-btn.gold.svelte-as9cvv:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,#FFFCF030 40%,#FFFCF050 50%,#FFFCF030 60%,transparent 100%);animation:svelte-as9cvv-btn-shine 4s ease-in-out infinite}@keyframes svelte-as9cvv-btn-shine{0%,to{left:-100%}50%{left:100%}}.ob-btn.ghost.svelte-as9cvv{height:var(--ob-btn-ghost-height);background:var(--ob-btn-ghost-bg);border:1px solid var(--ob-btn-ghost-border);border-radius:var(--ob-btn-radius);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--ob-btn-ghost-text);font-family:var(--font-body-sm);font-size:var(--fs-md);font-weight:300;letter-spacing:.08em}.ob-btn.disabled.svelte-as9cvv{opacity:.35;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.ob-btn.svelte-as9cvv{transition:none}.ob-btn.gold.svelte-as9cvv:after{animation:none;display:none}}.auth-overlay.svelte-1vwqqfy{position:absolute;inset:0;background:linear-gradient(180deg,#08061ac0,#08061a30 24%,#08061a50 60%,#08061af2);pointer-events:none;z-index:1}.auth-content.svelte-1vwqqfy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:0 var(--ob-content-pad)}.auth-spacer-top.svelte-1vwqqfy{flex:.6;min-height:18px}.auth-spacer-mid.svelte-1vwqqfy{height:clamp(14px,4cqi,20px);flex-shrink:0}.auth-icon.svelte-1vwqqfy{margin-bottom:10px;opacity:.8}.auth-title-block.svelte-1vwqqfy{display:flex;flex-direction:column;align-items:center;gap:5px}.auth-title-en.svelte-1vwqqfy{font-family:var(--font-tech);font-size:9px;letter-spacing:.22em;color:#d4a060a0}.auth-title-cn.svelte-1vwqqfy{margin:0;font-family:FZQingKe,"Noto Serif SC",serif;font-size:clamp(22px,7cqi,28px);font-weight:400;letter-spacing:.18em;color:#f1dec0}.auth-desc.svelte-1vwqqfy{margin:4px 0 0;font-family:var(--font-body);font-size:11px;color:#fffcfa90;letter-spacing:.05em}.auth-actions.svelte-1vwqqfy{width:100%;display:flex;flex-direction:column;gap:9px}.field.svelte-1vwqqfy{display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);font-size:10px;color:#d8c9b3b0;letter-spacing:.06em}.field.svelte-1vwqqfy input:where(.svelte-1vwqqfy){width:100%;height:40px;border:1px solid #d4a06035;border-radius:7px;background:#0d0c19cf;color:#fffaf1;padding:0 12px;font:13px var(--font-body);outline:none}.field.svelte-1vwqqfy input:where(.svelte-1vwqqfy):focus{border-color:#d4a06090;box-shadow:0 0 0 2px #d4a06012}.field.svelte-1vwqqfy input.invalid:where(.svelte-1vwqqfy){border-color:#ed8585b5;box-shadow:0 0 0 2px #ed858512}.field-error.svelte-1vwqqfy{color:#ed9a9a;font:9px/1.35 var(--font-body);letter-spacing:.02em}.password-control.svelte-1vwqqfy{position:relative;width:100%}.password-control.svelte-1vwqqfy input:where(.svelte-1vwqqfy){padding-right:44px}.password-toggle.svelte-1vwqqfy{position:absolute;top:50%;right:3px;width:38px;height:34px;display:grid;place-items:center;translate:0 -50%;border:0;border-radius:6px;background:transparent;color:#fffaf1c8;transition:color .14s ease,background .14s ease}.password-toggle.svelte-1vwqqfy:hover,.password-toggle.svelte-1vwqqfy:focus-visible{color:#fffaf1;background:#d4a06012;outline:none}.password-toggle.svelte-1vwqqfy svg:where(.svelte-1vwqqfy){width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.primary-btn.svelte-1vwqqfy{width:100%;height:44px;margin-top:3px;border:1px solid #f0d09a90;border-radius:8px;background:linear-gradient(135deg,#c19758,#e3c083);color:#171019;font:600 14px var(--font-body);letter-spacing:.06em}button.svelte-1vwqqfy{cursor:pointer}button.svelte-1vwqqfy:disabled,.primary-btn.loading.svelte-1vwqqfy{opacity:.55;cursor:not-allowed}.mode-links.svelte-1vwqqfy{display:flex;justify-content:center;align-items:center;gap:10px;min-height:24px}.mode-links.svelte-1vwqqfy button:where(.svelte-1vwqqfy),.dev-skip-btn.svelte-1vwqqfy{border:0;background:none;color:#d4a060b5;font:11px var(--font-body)}.auth-error.svelte-1vwqqfy{margin:0;min-height:16px;color:#ed8585;text-align:center;font:11px var(--font-body)}.guest-note.svelte-1vwqqfy{margin:0;color:#d8c9b3b0;text-align:center;font:10px/1.55 var(--font-body)}.local-note.svelte-1vwqqfy{color:#fffcfa90;text-align:center;font:12px/1.6 var(--font-body)}.dev-skip-btn.svelte-1vwqqfy{margin-top:5px}.auth-safe.svelte-1vwqqfy{height:max(env(safe-area-inset-bottom,0px),18px);flex-shrink:0}.step-dots.svelte-1b5dt08{display:flex;align-items:center;gap:var(--ob-dot-gap)}.dot.svelte-1b5dt08{border-radius:50%;transition:background .2s ease,border-color .2s ease,width .2s ease,height .2s ease}.dot.done.svelte-1b5dt08{width:var(--ob-dot-size);height:var(--ob-dot-size);background:var(--ob-dot-done)}.dot.active.svelte-1b5dt08{width:var(--ob-dot-size);height:var(--ob-dot-size);background:var(--ob-dot-active);animation:svelte-1b5dt08-dot-pulse 2s ease-in-out infinite}@keyframes svelte-1b5dt08-dot-pulse{0%,to{box-shadow:0 0 #d4a06040}50%{box-shadow:0 0 0 3px #d4a06020}}.dot.inactive.svelte-1b5dt08{width:calc(var(--ob-dot-size) * .67);height:calc(var(--ob-dot-size) * .67);background:var(--ob-dot-inactive)}@media(prefers-reduced-motion:reduce){.dot.svelte-1b5dt08{transition:none}.dot.active.svelte-1b5dt08{animation:none}}.ob-overlay.svelte-paay95{position:absolute;inset:0;background:linear-gradient(180deg,#08061ab0,#08061a60 15%,#08061a30 35%,#08061a50 60%,#08061aa0,#08061ae0);pointer-events:none;z-index:1}.ob-step-wrap.svelte-paay95{position:absolute;top:calc(var(--safe-top) + clamp(24px,7.3cqi,29px));right:clamp(80px,25.4cqi,100px);z-index:10}.ob-content.svelte-paay95{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;min-height:0;padding:0 var(--ob-content-pad);padding-top:calc(var(--safe-top) + clamp(56px,17cqi,68px))}.ob-title-block.svelte-paay95{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.5cqi,6px);margin-bottom:clamp(16px,5.4cqi,21px)}.ob-title-en.svelte-paay95{font-family:var(--font-tech);font-size:var(--ob-title-en-size);font-weight:400;letter-spacing:.18em;color:#d4a060a0}.ob-title-zh.svelte-paay95{font-family:FZQingKe,"Noto Serif SC",serif;font-size:var(--ob-title-cn-size);font-weight:400;letter-spacing:.22em;background:linear-gradient(90deg,#c9a96e,#fffcf0,#e8d5b0 30%,#c9a96e,#e8d5b0 70%,#fffcf0,#c9a96e);background-size:200% 100%;animation:svelte-paay95-ob-title-shimmer 6s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 18px #D4A06025) drop-shadow(0 0 6px #FFFCF015)}@keyframes svelte-paay95-ob-title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ob-body.svelte-paay95{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.ob-body.svelte-paay95::-webkit-scrollbar{display:none}.ob-body--center.svelte-paay95{justify-content:center}.ob-body--end.svelte-paay95{justify-content:flex-end}.ob-footer.svelte-paay95{width:100%;display:flex;flex-direction:column;gap:clamp(8px,3.05cqi,12px);padding:clamp(4px,2cqi,8px) 0}.ob-safe-bottom.svelte-paay95{height:max(env(safe-area-inset-bottom,0px),18px);flex-shrink:0}@media(max-height:780px){.ob-content.svelte-paay95{padding-top:calc(var(--safe-top) + 46px)}.ob-title-block.svelte-paay95{margin-bottom:10px}.ob-body--end.svelte-paay95{justify-content:flex-start}}@media(max-height:660px){.ob-body--center.svelte-paay95{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.ob-title-zh.svelte-paay95{animation:none}}.glass-card.svelte-11vcw9k{background:var(--ob-card-bg);border:1px solid #D4A06024;border-image:none;border-radius:var(--ob-card-radius);backdrop-filter:blur(var(--ob-card-blur));-webkit-backdrop-filter:blur(var(--ob-card-blur));box-shadow:inset 0 1px #ffffff08;overflow:hidden;animation:svelte-11vcw9k-card-fade-in .6s cubic-bezier(.16,1,.3,1) both}@keyframes svelte-11vcw9k-card-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.glass-card.svelte-11vcw9k{animation:none}}.avatar-section.svelte-10j0gj2{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,2.5cqi,10px)}.avatar-ring.svelte-10j0gj2{width:clamp(76px,24.4cqi,96px);height:clamp(76px,24.4cqi,96px);border-radius:50%;border:1px solid;border-image:linear-gradient(180deg,#d4a06080,#d4a06020) 1;border:1px solid #D4A06040;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 20px #d4a06015;transition:scale .12s ease;-webkit-tap-highlight-color:transparent;animation:svelte-10j0gj2-ring-breathe 3s ease-in-out infinite}@keyframes svelte-10j0gj2-ring-breathe{0%,to{box-shadow:0 0 20px #d4a06015}50%{box-shadow:0 0 30px #d4a06030,0 0 60px #d4a06010}}.avatar-ring.svelte-10j0gj2:active{scale:.95}.avatar-ring.has-avatar.svelte-10j0gj2{animation:none;box-shadow:0 0 24px #d4a06025}.avatar-preview.svelte-10j0gj2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:0}.avatar-icon.svelte-10j0gj2{width:clamp(14px,4.6cqi,18px);height:clamp(14px,4.6cqi,18px);color:#d4a06050;position:relative;z-index:1}.avatar-hint.svelte-10j0gj2{font-family:var(--font-body-sm);font-size:var(--fs-sm);font-weight:300;color:#fffcfa70}.file-hidden.svelte-10j0gj2{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.id-spacer-top.svelte-10j0gj2,.id-spacer-bottom.svelte-10j0gj2{display:none}.id-spacer.svelte-10j0gj2{height:clamp(28px,7dvh,64px);flex:0 0 auto}.avatar-section.svelte-10j0gj2{flex-shrink:0}.id-form-card{width:100%;margin-bottom:clamp(16px,2.2dvh,20px);flex-shrink:0}.form-inner.svelte-10j0gj2{display:flex;flex-direction:column;gap:clamp(14px,5.1cqi,20px);padding:clamp(16px,6.1cqi,24px) clamp(14px,5.1cqi,20px);max-height:none;overflow:visible}.field-group.svelte-10j0gj2{display:flex;flex-direction:column;gap:clamp(4px,2cqi,8px)}.field-label.svelte-10j0gj2{font-family:var(--font-body-sm);font-size:var(--fs-sm);font-weight:400;letter-spacing:.06em;color:#d4a060b0}.input-wrap.svelte-10j0gj2{height:var(--ob-input-height);background:var(--ob-input-bg);border:1px solid var(--ob-input-border);border-radius:var(--ob-input-radius);display:flex;align-items:center;padding:0 clamp(10px,3.56cqi,14px);transition:border-color .15s ease}.input-wrap.error.svelte-10j0gj2{border-color:#ff6b6b40}.ob-input.svelte-10j0gj2{width:100%;background:none;border:none;outline:none;color:var(--otome-text-light);font-family:var(--font-body);font-size:var(--fs-md);font-weight:300}.ob-input.svelte-10j0gj2::placeholder{color:#fffcfa40}.field-error.svelte-10j0gj2{font-family:var(--font-body-sm);font-size:var(--fs-xs);color:#ff6b6b90}.field-divider.svelte-10j0gj2{height:1px;background:linear-gradient(90deg,transparent,#D4A06020 50%,transparent)}.code-wrap.svelte-10j0gj2{height:var(--ob-input-height);background:#d4a06008;border-radius:var(--ob-input-radius);display:flex;align-items:center;padding:0 clamp(10px,3.56cqi,14px)}.code-value.svelte-10j0gj2{font-family:var(--font-tech);font-size:var(--fs-md);font-weight:400;letter-spacing:.06em;color:#d4a06090}@media(prefers-reduced-motion:reduce){.avatar-ring.svelte-10j0gj2{animation:none}}@media(max-height:780px){.avatar-ring.svelte-10j0gj2{width:68px;height:68px}.id-spacer.svelte-10j0gj2{height:16px}}.ob-tag.svelte-8ma1em{height:clamp(36px,11cqi,42px);padding:0 clamp(16px,5cqi,20px);border-radius:clamp(18px,5.5cqi,21px);border:1px solid var(--ob-tag-border);background:transparent;color:var(--ob-tag-text);font-family:var(--font-body-sm);font-size:var(--fs-md);font-weight:300;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.ob-tag.svelte-8ma1em:active{scale:.92}.ob-tag.selected.svelte-8ma1em{border-color:var(--ob-tag-selected-border);background:var(--ob-tag-selected-bg);color:var(--ob-tag-selected-text);box-shadow:var(--ob-tag-selected-shadow);animation:svelte-8ma1em-tag-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-8ma1em-tag-pop{0%{scale:.92}60%{scale:1.05}to{scale:1}}@media(prefers-reduced-motion:reduce){.ob-tag.svelte-8ma1em{transition:none}}.appear-spacer-top.svelte-1j0bodq{height:0}.appear-spacer-bottom.svelte-1j0bodq{height:clamp(16px,2.2dvh,20px);flex:0 0 auto}.appear-form-card{display:flex;flex:1 0 360px;min-height:360px;width:100%}.form-inner.svelte-1j0bodq{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;gap:clamp(10px,4.07cqi,16px);padding:clamp(14px,5.1cqi,20px) clamp(12px,4.6cqi,18px)}.field-group.svelte-1j0bodq{display:flex;flex:1;min-height:0;flex-direction:column;gap:clamp(4px,2cqi,8px)}.field-label.svelte-1j0bodq{font-family:var(--font-body-sm);font-size:var(--fs-sm);font-weight:400;letter-spacing:.06em;color:#d4a060a8}.textarea-wrap.svelte-1j0bodq{display:flex;flex:1;min-height:clamp(180px,55cqi,220px);background:var(--ob-input-bg);border:1px solid #D4A06015;border-radius:var(--ob-input-radius);padding:clamp(8px,3.05cqi,12px) clamp(10px,3.56cqi,14px)}.ob-textarea.svelte-1j0bodq{flex:1;width:100%;min-height:0;background:none;border:none;outline:none;resize:none;color:var(--otome-text-light);font-family:var(--font-body);font-size:16px;font-weight:300;line-height:1.7}.ob-textarea.svelte-1j0bodq::placeholder{color:#fffcfa45}.char-counter.svelte-1j0bodq{font-family:var(--font-tech);font-size:var(--fs-xs);color:#fffcfa25;text-align:right}.tags-section.svelte-1j0bodq{display:flex;flex-direction:column;gap:clamp(6px,2.5cqi,10px)}.tags-label.svelte-1j0bodq{font-family:var(--font-body-sm);font-size:clamp(8px,2.5cqi,10px);font-weight:400;letter-spacing:.06em;color:#fffcfa60}.tags-row.svelte-1j0bodq{display:flex;flex-wrap:wrap;align-content:flex-start;gap:clamp(8px,2.5cqi,10px)}.tags-scroll.svelte-1j0bodq{max-height:none;overflow:visible;padding-right:2px}@media(max-height:780px){.textarea-wrap.svelte-1j0bodq{min-height:160px}.ob-textarea.svelte-1j0bodq{min-height:108px}}.persona-spacer-top.svelte-1jt5d58{height:0}.persona-spacer-bottom.svelte-1jt5d58{height:clamp(16px,2.2dvh,20px);flex:0 0 auto}.persona-form-card{display:flex;flex:1 0 360px;min-height:360px;width:100%}.form-inner.svelte-1jt5d58{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;gap:clamp(10px,4.07cqi,16px);padding:clamp(14px,5.1cqi,20px) clamp(12px,4.6cqi,18px)}.field-group.svelte-1jt5d58{display:flex;flex:1;min-height:0;flex-direction:column;gap:clamp(4px,2cqi,8px)}.field-label.svelte-1jt5d58{font-family:var(--font-body-sm);font-size:var(--fs-sm);font-weight:400;letter-spacing:.06em;color:#d4a060a8}.textarea-wrap.svelte-1jt5d58{display:flex;flex:1;min-height:clamp(180px,55cqi,220px);background:var(--ob-input-bg);border:1px solid #D4A06015;border-radius:var(--ob-input-radius);padding:clamp(8px,3.05cqi,12px) clamp(10px,3.56cqi,14px)}.ob-textarea.svelte-1jt5d58{flex:1;width:100%;min-height:0;background:none;border:none;outline:none;resize:none;color:var(--otome-text-light);font-family:var(--font-body);font-size:16px;font-weight:300;line-height:1.7}.ob-textarea.svelte-1jt5d58::placeholder{color:#fffcfa45}.char-counter.svelte-1jt5d58{font-family:var(--font-tech);font-size:var(--fs-xs);color:#fffcfa25;text-align:right}.tags-section.svelte-1jt5d58{display:flex;flex-direction:column;gap:clamp(6px,2.5cqi,10px)}.tags-label.svelte-1jt5d58{font-family:var(--font-body-sm);font-size:clamp(8px,2.5cqi,10px);font-weight:400;letter-spacing:.06em;color:#fffcfa60}.tags-row.svelte-1jt5d58{display:flex;flex-wrap:wrap;align-content:flex-start;gap:clamp(8px,2.5cqi,10px)}.tags-scroll.svelte-1jt5d58{max-height:none;overflow:visible;padding-right:2px}@media(max-height:780px){.textarea-wrap.svelte-1jt5d58{min-height:160px}.ob-textarea.svelte-1jt5d58{min-height:108px}}.spacer-top.svelte-1et644w{height:0}.spacer-bottom.svelte-1et644w{height:clamp(16px,2.2dvh,20px);flex:0 0 auto}.attr-card{width:100%;flex-shrink:0}.card-inner.svelte-1et644w{display:flex;flex-direction:column;padding:clamp(14px,5cqi,20px) clamp(12px,4.5cqi,18px)}.subtitle.svelte-1et644w{text-align:center;color:#fffcfa99;font-family:var(--font-body);font-size:clamp(13px,3.2cqi,15px);margin-block:clamp(4px,1.2cqi,8px) clamp(2px,.5cqi,4px);letter-spacing:.04em}.subtitle-desc.svelte-1et644w{text-align:center;color:#fffcfa50;font-family:var(--font-body);font-size:clamp(10px,2.5cqi,12px);line-height:1.6;margin-block:0 clamp(10px,2.8cqi,16px);padding-inline:clamp(8px,2cqi,12px)}.points-counter.svelte-1et644w{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1cqi,6px);padding-block:clamp(8px,2cqi,12px);font-family:var(--font-tech);font-size:var(--fs-md)}.points-label.svelte-1et644w{color:#fffcfacc}.points-value.svelte-1et644w{color:#d4a060;font-weight:700;font-size:var(--fs-lg);min-width:1.6em;text-align:center}.points-total.svelte-1et644w{color:#fffcfa66}.divider.svelte-1et644w{height:1px;background:linear-gradient(90deg,transparent 0%,#d4a06030 20%,#d4a06030 80%,transparent 100%);margin-block:clamp(4px,1cqi,8px)}.attr-row.svelte-1et644w{display:flex;align-items:center;gap:clamp(6px,1.6cqi,10px);padding-block:clamp(6px,1.6cqi,10px)}.attr-label.svelte-1et644w{color:#fffcfacc;font-family:var(--font-body);font-size:var(--fs-sm);width:clamp(32px,9cqi,44px);flex-shrink:0;text-align:right;letter-spacing:.06em}.attr-value.svelte-1et644w{color:#fffcfa;font-family:var(--font-tech);font-size:var(--fs-sm);width:clamp(20px,5.5cqi,28px);flex-shrink:0;text-align:center}.attr-row--fixed.svelte-1et644w{opacity:.7}.fixed-bar-wrap.svelte-1et644w{flex:1;min-width:0}.fixed-bar-track.svelte-1et644w{width:100%;height:clamp(3px,.8cqi,4px);background:#fffcfa08;border-radius:999px;overflow:hidden}.fixed-bar-fill.svelte-1et644w{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4a060,#e8c48a)}.lock-icon.svelte-1et644w{width:clamp(14px,3.6cqi,18px);height:clamp(14px,3.6cqi,18px);flex-shrink:0}.adj-btn.svelte-1et644w{display:flex;align-items:center;justify-content:center;width:clamp(22px,6cqi,26px);height:clamp(22px,6cqi,26px);border-radius:50%;border:1px solid #d4a06025;background:#fffcfa08;color:#fffcfacc;font-family:var(--font-tech);font-size:var(--fs-sm);line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.adj-btn.svelte-1et644w:active:not(:disabled){background:#d4a06020;border-color:#d4a06050}.adj-btn.svelte-1et644w:disabled{opacity:.3;cursor:default}.slider-wrap.svelte-1et644w{flex:1;min-width:0;display:flex;align-items:center}.attr-slider.svelte-1et644w{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:clamp(14px,3.6cqi,18px);background:transparent;cursor:pointer;margin:0}.attr-slider.svelte-1et644w::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#d4a060 0%,#e8c48a var(--pct, 0%),#fffcfa10 var(--pct, 0%),#fffcfa10 100%)}.attr-slider.svelte-1et644w::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:clamp(14px,3.6cqi,18px);height:clamp(14px,3.6cqi,18px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0b898,#d4a060);border:2px solid #08061a;box-shadow:0 0 8px #d4a06060;margin-top:calc((3px - clamp(14px,3.6cqi,18px))/2);cursor:pointer}.attr-slider.svelte-1et644w::-moz-range-track{height:3px;border-radius:999px;background:#fffcfa10;border:none}.attr-slider.svelte-1et644w::-moz-range-progress{height:3px;border-radius:999px;background:linear-gradient(90deg,#d4a060,#e8c48a)}.attr-slider.svelte-1et644w::-moz-range-thumb{width:clamp(12px,3cqi,16px);height:clamp(12px,3cqi,16px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0b898,#d4a060);border:2px solid #08061a;box-shadow:0 0 8px #d4a06060;cursor:pointer}.hint.svelte-1et644w{text-align:center;color:#d4a060cc;font-family:var(--font-body);font-size:clamp(11px,2.8cqi,13px);margin-top:clamp(8px,2cqi,12px);letter-spacing:.03em;animation:svelte-1et644w-hint-pulse 2s ease-in-out infinite}@keyframes svelte-1et644w-hint-pulse{0%,to{opacity:1}50%{opacity:.6}}.subtitle.svelte-ihcsq5{text-align:center;color:#fffcfa70;font-size:clamp(13px,3.2cqi,15px);margin:0 0 clamp(12px,3cqi,18px);letter-spacing:.04em}.card-list.svelte-ihcsq5{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:clamp(10px,2.5cqi,14px);padding:clamp(4px,1cqi,8px) clamp(2px,.5cqi,4px);min-height:0}.card-list.svelte-ihcsq5::-webkit-scrollbar{width:3px}.card-list.svelte-ihcsq5::-webkit-scrollbar-track{background:transparent}.card-list.svelte-ihcsq5::-webkit-scrollbar-thumb{background:#d4a06030;border-radius:2px}.prologue-card.svelte-ihcsq5{display:flex;align-items:center;gap:clamp(12px,3cqi,16px);padding:clamp(14px,3.5cqi,18px) clamp(16px,4cqi,20px);border-radius:clamp(12px,3cqi,16px);border:1px solid #d4a06018;background:linear-gradient(135deg,#1a152880,#1a152850);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;text-align:left;width:100%;outline:none;flex-shrink:0}.prologue-card.svelte-ihcsq5:active{transform:scale(.98)}.prologue-card.locked.svelte-ihcsq5{cursor:not-allowed;opacity:.42;filter:grayscale(.72)}.prologue-card.locked.svelte-ihcsq5:active{transform:none}.prologue-card.selected.svelte-ihcsq5{border-color:#d4a06060;background:linear-gradient(135deg,#d4a06012,#1a152870);box-shadow:0 0 20px #d4a06018,0 0 40px #d4a06008,inset 0 1px #d4a06020}.card-text.svelte-ihcsq5{flex:1;display:flex;flex-direction:column;gap:clamp(4px,1cqi,6px);min-width:0}.card-title.svelte-ihcsq5{font-size:clamp(15px,3.8cqi,18px);font-weight:600;color:#fffcfae0;letter-spacing:.03em;line-height:1.3}.prologue-card.selected.svelte-ihcsq5 .card-title:where(.svelte-ihcsq5){color:#fffcfa}.card-subtitle.svelte-ihcsq5{font-size:clamp(12px,2.8cqi,14px);color:#fffcfa50;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-character.svelte-ihcsq5{font-size:clamp(12px,2.8cqi,13px);color:#d4a060;font-weight:500;letter-spacing:.04em;display:flex;align-items:baseline;gap:6px}.card-character-en.svelte-ihcsq5{font-size:clamp(10px,2.2cqi,11px);color:#f0b89850;font-family:Cinzel,serif;font-weight:400;letter-spacing:.06em}.card-coming-soon.svelte-ihcsq5{width:fit-content;margin-top:2px;padding:2px 8px;border:1px solid #d4a06030;border-radius:999px;color:#d4a06090;font-size:clamp(10px,2.3cqi,11px);letter-spacing:.08em}.card-avatar-wrap.svelte-ihcsq5{flex-shrink:0;width:clamp(52px,14cqi,64px);height:clamp(52px,14cqi,64px);border-radius:50%;padding:2px;background:linear-gradient(135deg,#d4a06060,#d4a06030)}.prologue-card.selected.svelte-ihcsq5 .card-avatar-wrap:where(.svelte-ihcsq5){background:linear-gradient(135deg,#d4a060a0,#d4a06060);box-shadow:0 0 12px #d4a06030}.card-avatar.svelte-ihcsq5{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}