.avatar-scene{color:#f5f0ffeb;width:100%;min-height:100vh;padding:calc(var(--cae-page-top) + 8px) 24px 96px;background:radial-gradient(circle at 15% 18%,#966ee62e 0%,#0000 45%),radial-gradient(circle at 85% 78%,#508cdc24 0%,#0000 50%),#04060f;position:relative;overflow:hidden}.avatar-shell{flex-direction:column;gap:40px;max-width:1180px;margin:0 auto;display:flex}.avatar-header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.avatar-kicker{letter-spacing:.32em;text-transform:uppercase;color:#dcc8ffb3;font-size:12px}.avatar-title{letter-spacing:-.005em;background:linear-gradient(#fff 0%,#dcc8ffd9 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,5vw,52px);font-weight:300}.avatar-sub{color:#dcd7f0c7;max-width:560px;margin:0;font-size:15px;line-height:1.55}.avatar-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:36px;display:grid}@media (max-width:920px){.avatar-grid{grid-template-columns:1fr;gap:24px}}.avatar-col{flex-direction:column;gap:20px;display:flex}.avatar-card{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #dcc8ff24;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.avatar-card-step{letter-spacing:.32em;text-transform:uppercase;color:#dcc8ffb3;font-size:11px}.avatar-card-title{color:#fff;margin:0;font-size:18px;font-weight:400}.avatar-card-hint{color:#dcd7f0b3;margin:0;font-size:13px;line-height:1.5}.avatar-selfie-drop{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:1px dashed #dcc8ff4d;border-radius:16px;justify-content:center;align-items:center;max-width:280px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.avatar-selfie-drop.has-selfie{border-style:solid;border-color:#dcc8ff80}.avatar-selfie-drop.is-drag{background:#dcc8ff14;border-color:#dcc8ffb3}.avatar-selfie-preview{object-fit:cover;width:100%;height:100%;display:block}.avatar-selfie-glyph{color:#dcc8ff80;font-size:42px}.avatar-selfie-actions{flex-wrap:wrap;gap:8px;display:flex}.avatar-btn{appearance:none;color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:#dcc8ff1f;border:1px solid #dcc8ff66;border-radius:999px;padding:10px 18px;font-size:12px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.avatar-btn:hover:not(:disabled){background:#dcc8ff33;border-color:#dcc8ffb3;transform:translateY(-1px)}.avatar-btn:disabled{opacity:.45;cursor:not-allowed}.avatar-btn--ghost{background:0 0}.avatar-btn--primary{background:linear-gradient(135deg,#966ee68c,#508cdc8c);border-color:#dcc8ffb3}.avatar-privacy{color:#dcd7f08c;font-size:12px;line-height:1.5}.avatar-error{color:#ffb4b4f2;background:#ff505014;border:1px solid #ff78784d;border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.avatar-zodiacs{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.avatar-zodiac{appearance:none;color:#dcd7f0d9;letter-spacing:.05em;cursor:pointer;background:#ffffff0a;border:1px solid #dcc8ff24;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.avatar-zodiac:hover{background:#ffffff14;border-color:#dcc8ff52;transform:translateY(-1px)}.avatar-zodiac.active{color:#fff;background:linear-gradient(135deg,#966ee652,#508cdc52);border-color:#dcc8ffb3}.avatar-zodiac-glyph{font-size:18px}.avatar-cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.avatar-result-card{background:#0000002e;border:1px solid #dcc8ff29;border-radius:22px;flex-direction:column;flex:1;gap:14px;min-height:420px;padding:22px;display:flex}.avatar-result-frame{background:#ffffff08;border:1px solid #dcc8ff1f;border-radius:16px;flex:1;justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.avatar-result-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-result-placeholder{color:#dcd7f080;text-align:center;padding:24px;font-size:13px;line-height:1.6}.avatar-shimmer{background:linear-gradient(90deg,#fff0 0%,#dcc8ff1f 50%,#fff0 100%) 0 0/200% 100%;animation:1.6s linear infinite avatar-shimmer;position:absolute;inset:0}@keyframes avatar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar-result-meta{letter-spacing:.16em;text-transform:uppercase;color:#dcc8ffb3;justify-content:space-between;gap:12px;font-size:12px;display:flex}.avatar-saved-banner{letter-spacing:.18em;text-transform:uppercase;color:#96dcb4e6;background:#508c6414;border:1px solid #96dcb466;border-radius:10px;padding:8px 12px;font-size:12px}.avatar-input{display:none}.avatar-back-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.avatar-back-link{color:#dcc8ffb3;letter-spacing:.16em;text-transform:uppercase;font-size:12px;text-decoration:none}.avatar-back-link:hover{color:#fff;text-decoration:underline}.avatar-canvases{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.avatar-canvas-chip{color:inherit;text-align:left;cursor:pointer;background:#0f0c1c8c;border:1px solid #dcc8ff29;border-radius:14px;flex-direction:column;gap:10px;padding:10px;font-family:inherit;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.avatar-canvas-chip:hover{border-color:#dcc8ff66;transform:translateY(-2px)}.avatar-canvas-chip.active{background:#1c1234b3;border-color:#dcc8ffe6;box-shadow:0 0 0 1px #dcc8ff99,0 12px 28px #966ee652}.avatar-canvas-thumb{aspect-ratio:2/3;object-fit:cover;background:#0a0814;border:1px solid #dcc8ff1f;border-radius:10px;width:100%}.avatar-canvas-meta{flex-direction:column;gap:4px;padding:0 4px 4px;display:flex}.avatar-canvas-label{color:#f5f0fff5;letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.avatar-canvas-badge{letter-spacing:.18em;text-transform:uppercase;color:#96dcb4f2;background:#50b48c29;border:1px solid #96dcb466;border-radius:999px;padding:2px 6px;font-size:9px;line-height:1.3}.avatar-canvas-hint{color:#dcd7f099;font-size:11px;line-height:1.4}@media (max-width:720px){.avatar-canvases{grid-template-columns:1fr}.avatar-canvas-chip{flex-direction:row;align-items:center}.avatar-canvas-thumb{aspect-ratio:2/3;flex-shrink:0;width:92px}.avatar-canvas-meta{padding:4px 0}}.avatar-deprecation-banner{-webkit-backdrop-filter:blur(8px);background:linear-gradient(120deg,#966ee61f 0%,#508cdc1a 100%);border:1px solid #dcc8ff47;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;max-width:920px;margin:0 auto 28px;padding:14px 22px;display:flex}.avatar-deprecation-text{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.avatar-deprecation-text strong{letter-spacing:.01em;color:#f1e8d3;font-size:14px;font-weight:500}.avatar-deprecation-text span{color:#f5f0ff9e;letter-spacing:.01em;font-size:12px}.avatar-deprecation-cta{font-family:var(--font-mono,"Space Mono", ui-monospace, monospace);letter-spacing:.28em;text-transform:uppercase;color:#f1e8d3;white-space:nowrap;background:#0b0a1f80;border:1px solid #e6c0898c;border-radius:999px;padding:10px 20px;font-size:11px;text-decoration:none;transition:all .25s}.avatar-deprecation-cta:hover{background:#e6c08929;border-color:#e6c089d9;transform:translateY(-1px)}@media (max-width:600px){.avatar-deprecation-banner{border-radius:14px;padding:12px 16px}.avatar-deprecation-cta{text-align:center;width:100%}}.avatar-tabbar{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.avatar-tabbar-btn{color:#f5f0ffd9;cursor:pointer;text-align:left;background:#1410208c;border:1px solid #b4a0e62e;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px;transition:border-color .18s,background .18s,transform .12s;display:flex}.avatar-tabbar-btn:hover{background:#241c38a6;border-color:#dcc8ff73}.avatar-tabbar-btn.active{background:linear-gradient(135deg,#7850b452,#281e4680);border-color:#dcc8ffd9;box-shadow:0 0 0 1px #dcc8ff40,0 18px 60px #7850b438}.avatar-tabbar-label{letter-spacing:.02em;font-size:16px;font-weight:500}.avatar-tabbar-hint{letter-spacing:.18em;text-transform:uppercase;color:#beb4dc99;font-size:11px}@media (max-width:720px){.avatar-tabbar{grid-template-columns:1fr;gap:8px}}.avatar-flow{flex-direction:column;gap:28px;display:flex}.ab-shell{grid-template-columns:minmax(280px,1fr) 1.5fr;align-items:start;gap:32px;display:grid}@media (max-width:920px){.ab-shell{grid-template-columns:1fr}}.ab-preview-col{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}@media (max-width:920px){.ab-preview-col{position:static}}.ab-preview-frame{aspect-ratio:3/4;background:radial-gradient(at top,#3c285a8c,#08060f);border:1px solid #b4a0e638;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #7850b459}.ab-preview-frame:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 55%,#00000073 100%);position:absolute;inset:0}.ab-preview-actions{flex-wrap:wrap;gap:10px;display:flex}.ab-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120e1e8c;border:1px solid #b4a0e629;border-radius:22px;flex-direction:column;gap:18px;padding:24px 22px;display:flex}.ab-controls-title{letter-spacing:.02em;color:#f5f0fff2;margin:0;font-size:18px;font-weight:500}.ab-tabs{border-bottom:1px solid #b4a0e61f;flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.ab-tab{color:#dcd7f099;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:13px;transition:color .16s,border-color .16s,background .16s}.ab-tab:hover{color:#f5f0ffeb;border-color:#b4a0e640}.ab-tab.active{color:#fff;background:linear-gradient(135deg,#7850b473,#503c8c59);border-color:#dcc8ff8c;box-shadow:0 0 0 1px #dcc8ff33}.ab-section-label{letter-spacing:.22em;text-transform:uppercase;color:#beb4dcad;margin:8px 0 6px;font-size:11px}.ab-group-label{letter-spacing:.28em;text-transform:uppercase;color:#dcc8ff8c;margin:12px 0 6px;font-size:10px}.ab-swatch-section{flex-direction:column;display:flex}.ab-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;display:grid}.ab-swatch{cursor:pointer;color:#dcd7f0c7;background:#14102073;border:1px solid #b4a0e624;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:border-color .14s,transform .1s,background .14s;display:flex}.ab-swatch:hover{border-color:#dcc8ff66;transform:translateY(-1px)}.ab-swatch.active{background:linear-gradient(#7850b440,#281e4666);border-color:#dcc8ffd9;box-shadow:0 0 0 1px #dcc8ff47}.ab-swatch-dot{border-radius:999px;width:32px;height:32px;box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 4px #ffffff2e,0 1px 4px #0006}.ab-swatch-label{letter-spacing:.04em;text-align:center;color:inherit;font-size:10px;line-height:1.2}.ab-chip-row{flex-wrap:wrap;gap:8px;display:flex}.ab-chip{color:#dcd7f0d9;cursor:pointer;background:#14102073;border:1px solid #b4a0e62e;border-radius:999px;padding:9px 16px;font-size:13px;transition:border-color .14s,background .14s}.ab-chip:hover{border-color:#dcc8ff73}.ab-chip.active{color:#fff;background:linear-gradient(135deg,#7850b473,#503c8c59);border-color:#dcc8ffb3}.ab-chip-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.ab-chip-card{cursor:pointer;text-align:left;color:#dcd7f0d9;background:#14102073;border:1px solid #b4a0e62e;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .14s,background .14s,transform .12s;display:flex}.ab-chip-card:hover{border-color:#dcc8ff73;transform:translateY(-1px)}.ab-chip-card.active{color:#fff;background:linear-gradient(135deg,#7850b466,#503c8c52);border-color:#dcc8ffbf;box-shadow:0 0 0 1px #dcc8ff40}.ab-chip-card-label{letter-spacing:.02em;font-size:14px}.ab-chip-card-hint{color:#beb4dc9e;letter-spacing:.04em;font-size:11px}.ab-freq-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.ab-freq-chip{cursor:pointer;text-align:left;color:#dcd7f0e6;background:#1410208c;border:1px solid #b4a0e62e;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .14s,background .14s;display:flex}.ab-freq-chip:hover{background:#281e4699}.ab-freq-chip.active{color:#fff;background:linear-gradient(135deg,#7850b466,#503c8c52)}.ab-freq-label{letter-spacing:.04em;font-size:14px;font-weight:500}.ab-freq-mood{color:#beb4dcb3;font-size:11px}.ab-hint{color:#beb4dcb3;margin-top:8px;font-size:12px;font-style:italic}.ab-btn{color:#f5f0ffeb;letter-spacing:.05em;cursor:pointer;background:#1410208c;border:1px solid #b4a0e64d;border-radius:999px;padding:10px 16px;font-size:13px;transition:background .14s,border-color .14s,transform .12s}.ab-btn:hover{background:#281e46b3;border-color:#dcc8ff99}.ab-btn--ghost{background:0 0}.ab-btn--primary{background:linear-gradient(135deg,#b482e6d9,#7850b4d9);border-color:#dcc8ffcc;font-weight:500}.ab-btn--primary:hover{background:linear-gradient(135deg,#c896fa,#8c64c8)}.ab-portrait-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.ab-generating-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;pointer-events:none;text-align:center;background:linear-gradient(#080612a6 0%,#2819468c 100%);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.ab-generating-text{letter-spacing:.1em;color:#f5f0fff2;margin:0;font-size:16px;font-weight:400}.ab-generating-hint{letter-spacing:.16em;text-transform:uppercase;color:#dcc8ffb3;margin:0;font-size:11px}.ab-generating-shimmer{pointer-events:none;background:linear-gradient(#0000 0%,#dcc8ff2e 45%,#fff0c852 50%,#dcc8ff2e 55%,#0000 100%);animation:2.4s ease-in-out infinite ab-shimmer-sweep;position:absolute;inset:0}@keyframes ab-shimmer-sweep{0%{opacity:.4;transform:translateY(-100%)}50%{opacity:1}to{opacity:.4;transform:translateY(100%)}}.avatar-meta-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;display:flex}.avatar-meta-pill{color:#dcd7f0c7;letter-spacing:.22em;text-transform:uppercase;background:#1410208c;border:1px solid #b4a0e638;border-radius:999px;padding:6px 12px;font-size:10px}