:root{--color-bg-primary:#0f0e17;--color-bg-secondary:#1a1825;--color-bg-card:#232136;--color-bg-card-hover:#2a2745;--color-bg-input:#1e1c2e;--color-accent-warm:#ff8a5c;--color-accent-glow:#ffb088;--color-accent-purple:#b8a9f0;--color-accent-teal:#7ec8c8;--color-accent-pink:#f0a9c5;--color-accent-gold:#ffd97d;--color-text-primary:#fffffe;--color-text-secondary:#a7a0c0;--color-text-muted:#6b6488;--color-text-warm:#ffd4be;--color-crisis-bg:#2d1b1b;--color-crisis-border:#ff6b6b;--color-crisis-text:#ffb4b4;--color-distress-bg:#2d2b1b;--color-distress-border:#ffd93d;--color-distress-text:#fff0b4;--gradient-warm:linear-gradient(135deg,#ff8a5c 0%,#f0a9c5 50%,#b8a9f0 100%);--gradient-card:linear-gradient(145deg,#232136 0%,#2a2745 100%);--gradient-hero:radial-gradient(ellipse at 20% 50%,#ff8a5c26 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,#b8a9f01a 0%,transparent 50%);--font-display:"Outfit",sans-serif;--font-body:"Outfit",sans-serif;--font-serif:"Crimson Text",serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d,0 0 0 1px #ffffff08;--shadow-glow:0 0 40px #ff8a5c26;--shadow-hover:0 8px 32px #0006,0 0 60px #ff8a5c1a;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}.safe-space{min-height:100vh;padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.safe-space:before{content:"";background:var(--gradient-hero);z-index:0;animation:8s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.safe-space-content{z-index:1;text-align:center;width:100%;max-width:620px;position:relative}.safe-space-title{font-family:var(--font-display);margin-bottom:var(--space-lg);background:var(--gradient-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15}.safe-space-subtitle{font-family:var(--font-serif);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7}.safe-space-stat{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);padding:var(--space-xs)var(--space-lg);color:var(--color-accent-glow);margin-bottom:var(--space-2xl);background:#ff8a5c14;border:1px solid #ff8a5c26;font-size:.875rem;display:inline-flex}.safe-space-stat:before{content:"✦";font-size:.75rem}.thought-input-wrapper{width:100%;position:relative}.thought-input{background:var(--color-bg-input);border-radius:var(--radius-lg);width:100%;min-height:120px;padding:var(--space-lg);font-family:var(--font-body);color:var(--color-text-primary);resize:none;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);border:1px solid #ffffff0f;font-size:1.05rem;line-height:1.7}.thought-input::placeholder{color:var(--color-text-muted);font-style:italic}.thought-input:focus{box-shadow:var(--shadow-glow);border-color:#ff8a5c4d;outline:none}.submit-btn{margin-top:var(--space-lg);align-items:center;gap:var(--space-sm);background:var(--gradient-warm);color:var(--color-bg-primary);font-family:var(--font-display);padding:var(--space-md)var(--space-2xl);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-spring),box-shadow var(--transition-smooth);border:none;min-height:44px;font-size:1rem;font-weight:600;display:inline-flex}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.privacy-note{margin-top:var(--space-xl);color:var(--color-text-muted);justify-content:center;align-items:center;gap:var(--space-xs);font-size:.8rem;display:flex}.privacy-note:before{content:"🔒";font-size:.7rem}.generation-screen{min-height:100vh;padding:var(--space-xl);background:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.generation-orb{background:var(--gradient-warm);width:160px;height:160px;margin-bottom:var(--space-2xl);opacity:.7;filter:blur(1px);border-radius:50%;animation:3s ease-in-out infinite pulse-morph}@keyframes pulse-morph{0%,to{opacity:.7;border-radius:50%;transform:scale(1)}33%{opacity:.9;border-radius:45% 55% 50% 50%;transform:scale(1.15)}66%{opacity:.6;border-radius:55% 45% 48% 52%;transform:scale(.9)}}.generation-text{font-family:var(--font-serif);color:var(--color-text-secondary);text-align:center;font-size:1.2rem;font-style:italic;animation:4s ease-in-out infinite fade-text}@keyframes fade-text{0%,to{opacity:.5}50%{opacity:1}}.generation-progress{margin-top:var(--space-lg);gap:var(--space-sm);display:flex}.progress-dot{background:var(--color-accent-warm);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite dot-bounce}.progress-dot:nth-child(2){animation-delay:.2s}.progress-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.character-reveal{min-height:100vh;padding:var(--space-3xl)var(--space-xl);flex-direction:column;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.character-card{background:var(--gradient-card);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-card);animation:1s cubic-bezier(.16,1,.3,1) .3s both card-entrance;overflow:hidden}@keyframes card-entrance{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.character-image-wrapper{aspect-ratio:1;background:linear-gradient(135deg,#fff5e1,#ffe0b2);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.character-image-wrapper img{object-fit:cover;width:100%;height:100%}.character-info{padding:var(--space-xl)}.character-meet{color:var(--color-accent-warm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:.85rem;font-weight:500}.character-name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:2rem;font-weight:700}.character-height{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.85rem}.character-description{font-family:var(--font-serif);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1.05rem;line-height:1.7}.character-traits{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.trait-badge{color:var(--color-accent-purple);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);background:#b8a9f01f;border:1px solid #b8a9f033;font-size:.8rem;font-weight:500}.character-section{margin-bottom:var(--space-lg)}.character-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);font-size:.75rem}.character-origin{font-family:var(--font-serif);color:var(--color-text-secondary);font-size:.95rem;font-style:italic}.character-worries{padding:0;list-style:none}.character-worries li{color:var(--color-text-secondary);padding:var(--space-xs)0;align-items:flex-start;gap:var(--space-sm);font-size:.9rem;display:flex}.character-worries li:before{content:"😰";flex-shrink:0;margin-top:2px;font-size:.75rem}.character-catchphrase{border-left:3px solid var(--color-accent-warm);padding:var(--space-md)var(--space-lg);border-radius:0 var(--radius-sm)var(--radius-sm)0;font-family:var(--font-serif);color:var(--color-accent-glow);background:#ff8a5c14;font-size:1.05rem;font-style:italic}.character-catchphrase:before,.character-catchphrase:after{content:"\""}.psychoeducation-panel{width:100%;max-width:500px;margin-top:var(--space-xl);border-radius:var(--radius-lg);padding:var(--space-xl);background:#7ec8c80f;border:1px solid #7ec8c81f;animation:.6s 1s both fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.psychoeducation-header{align-items:center;gap:var(--space-sm);color:var(--color-accent-teal);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600;display:flex}.psychoeducation-header:before{content:"🧠"}.psychoeducation-section{margin-bottom:var(--space-lg)}.psychoeducation-section:last-child{margin-bottom:0}.psychoeducation-label{color:var(--color-accent-teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.psychoeducation-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.ai-notice{width:100%;max-width:500px;margin-top:var(--space-lg);text-align:center;color:var(--color-text-muted);padding:var(--space-md);font-size:.75rem}.actions-bar{gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.action-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-smooth);border:none;min-height:44px;font-size:.9rem;font-weight:500;display:inline-flex}.action-btn-primary{background:var(--gradient-warm);color:var(--color-bg-primary)}.action-btn-secondary{color:var(--color-text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.action-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.gallery-page{min-height:100vh;padding:var(--space-3xl)var(--space-xl)}.gallery-header{text-align:center;margin-bottom:var(--space-3xl)}.gallery-title{font-family:var(--font-display);background:var(--gradient-warm);-webkit-text-fill-color:transparent;margin-bottom:var(--space-sm);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.gallery-subtitle{font-family:var(--font-serif);color:var(--color-text-secondary);font-size:1.05rem}.gallery-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-width:1000px;margin:0 auto;display:grid}.gallery-card{background:var(--gradient-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.gallery-card-image{aspect-ratio:1;background:linear-gradient(135deg,#fff5e1,#ffe0b2);width:100%;overflow:hidden}.gallery-card-image img{object-fit:cover;width:100%;height:100%}.gallery-card-info{padding:var(--space-md)}.gallery-card-name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:600}.gallery-card-archetype{color:var(--color-accent-purple);text-transform:capitalize;font-size:.75rem}.gallery-card-delete{top:var(--space-sm);right:var(--space-sm);color:#fff;cursor:pointer;opacity:0;width:32px;height:32px;transition:opacity var(--transition-fast);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute}.gallery-card:hover .gallery-card-delete{opacity:1}.gallery-empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.gallery-empty-icon{margin-bottom:var(--space-lg);opacity:.5;font-size:3rem}.gallery-empty-text{font-family:var(--font-serif);margin-bottom:var(--space-lg);font-size:1.1rem}.gallery-actions{gap:var(--space-md);margin-bottom:var(--space-2xl);justify-content:center;display:flex}.crisis-overlay{z-index:100;padding:var(--space-xl);background:#0f0e17f7;justify-content:center;align-items:center;animation:.4s crisis-fade-in;display:flex;position:fixed;inset:0}@keyframes crisis-fade-in{0%{opacity:0}to{opacity:1}}.crisis-content{text-align:center;width:100%;max-width:500px}.crisis-icon{margin-bottom:var(--space-xl);font-size:3rem}.crisis-title{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:600}.crisis-message{font-family:var(--font-serif);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);font-size:1.05rem;line-height:1.8}.crisis-resources{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.crisis-resource-card{background:var(--color-crisis-bg);border-radius:var(--radius-md);padding:var(--space-lg);text-align:left;border:1px solid #ff6b6b33}.crisis-resource-name{color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:600}.crisis-resource-contact{color:var(--color-crisis-text);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700;display:block}.crisis-resource-detail{color:var(--color-text-muted);font-size:.85rem}.crisis-dismiss{margin-top:var(--space-lg);color:var(--color-text-muted);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border:1px solid #ffffff1a;min-height:44px;font-size:.9rem}.crisis-dismiss:hover{color:var(--color-text-secondary);border-color:#fff3}.crisis-overlay.distress .crisis-resource-card{background:var(--color-distress-bg);border-color:#ffd93d33}.crisis-overlay.distress .crisis-resource-contact{color:var(--color-distress-text)}.nav{z-index:50;padding:var(--space-md)var(--space-xl);-webkit-backdrop-filter:blur(12px);background:#0f0e17cc;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);color:var(--color-text-primary);align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;text-decoration:none;display:flex}.nav-logo-icon{font-size:1.2rem}.nav-links{gap:var(--space-lg);align-items:center;display:flex}.nav-link{color:var(--color-text-muted);transition:color var(--transition-fast);align-items:center;min-height:44px;font-size:.85rem;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-accent-warm)}.nav-gallery-count{color:var(--color-accent-warm);border-radius:var(--radius-full);margin-left:var(--space-xs);background:#ff8a5c26;padding:2px 8px;font-size:.7rem;font-weight:600}.modal-overlay{z-index:80;padding:var(--space-xl);background:#0f0e17d9;justify-content:center;align-items:center;animation:.3s crisis-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-close{top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;z-index:81;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed}.modal-close:hover{color:var(--color-text-primary);background:#ffffff1f}.dialogue-interface{border-radius:var(--radius-md);margin-top:var(--space-xl);background:#0f0e1766;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden}.dialogue-header{padding:var(--space-sm)var(--space-md);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.dialogue-header button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem}.dialogue-header button:hover{color:var(--color-text-primary)}.dialogue-messages{padding:var(--space-md);gap:var(--space-sm);scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;max-height:250px;display:flex;overflow-y:auto}.dialogue-messages::-webkit-scrollbar{width:6px}.dialogue-messages::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background-color:#fff3}.dialogue-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-md)0;font-size:.85rem;font-style:italic}.dialogue-message{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);max-width:90%;font-size:.95rem;line-height:1.5;animation:.3s fade-in-up}.dialogue-message.user{background:var(--color-bg-card-hover);color:var(--color-text-primary);border-bottom-right-radius:4px;align-self:flex-end}.dialogue-message.assistant{color:var(--color-accent-purple);font-family:var(--font-serif);background:#b8a9f01a;border:1px solid #b8a9f026;border-bottom-left-radius:4px;align-self:flex-start}.dialogue-message.assistant.typing .dot{font-size:1.2rem;line-height:1;animation:1.4s infinite both typing}.dialogue-message.assistant.typing .dot:first-child{animation-delay:0s}.dialogue-message.assistant.typing .dot:nth-child(2){animation-delay:.2s}.dialogue-message.assistant.typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:0}40%{opacity:1}}.dialogue-input-area{padding:var(--space-sm);gap:var(--space-sm);background:#0f0e1799;border-top:1px solid #ffffff0d;display:flex}.dialogue-input-area input{background:var(--color-bg-input);border-radius:var(--radius-full);padding:var(--space-xs)var(--space-md);color:var(--color-text-primary);font-family:var(--font-body);transition:all var(--transition-fast);border:1px solid #ffffff1a;flex:1;font-size:.9rem}.dialogue-input-area input:focus{border-color:var(--color-accent-warm);outline:none}.dialogue-input-area input:disabled{opacity:.5}.dialogue-input-area button{background:var(--color-accent-warm);color:var(--color-bg-primary);border-radius:var(--radius-full);padding:0 var(--space-lg);font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.85rem;font-weight:600}.dialogue-input-area button:disabled{opacity:.5;cursor:not-allowed}.dialogue-input-area button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:600px){.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.character-card{margin:0 calc(-1*var(--space-md));border-radius:var(--radius-md)}.nav{padding:var(--space-sm)var(--space-md)}.actions-bar{flex-direction:column;align-items:center}}