:root{--cream: #FAF7F2;--warm-black: #1A1815;--rose-dust: #C4A69D;--deep-rose: #8B6B63;--soft-gold: #D4C5A9;--muted-sage: #9BA895;--blush: #E8D5CF;--night: #2C2825;--light-blush: #F5EBE7;--whisper: #F9F5F3;--bg-primary: var(--cream);--bg-secondary: var(--whisper);--bg-input: var(--light-blush);--bg-message-user: var(--warm-black);--bg-message-assistant: var(--light-blush);--text-primary: var(--warm-black);--text-secondary: var(--deep-rose);--text-on-user-message: var(--cream);--accent: var(--rose-dust);--accent-deep: var(--deep-rose);--accent-light: rgba(196, 166, 157, .15);--border-light: rgba(232, 213, 207, .6);--shadow-color: rgba(196, 166, 157, .15);--error-bg: rgba(168, 87, 81, .1);--error-text: #a85751;--error-border: rgba(168, 87, 81, .25);--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .35s cubic-bezier(.16, 1, .3, 1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 50%}[data-theme=dark]{--bg-primary: #121010;--bg-secondary: #121010;--bg-input: #1E1A18;--bg-message-user: var(--rose-dust);--bg-message-assistant: #1E1A18;--text-primary: #F5F0EB;--text-secondary: #C4A69D;--text-on-user-message: #121010;--accent: var(--rose-dust);--accent-deep: #D4B5AC;--accent-light: rgba(196, 166, 157, .1);--border-light: rgba(196, 166, 157, .15);--shadow-color: rgba(0, 0, 0, .4);--error-bg: rgba(168, 87, 81, .15);--error-text: #d4837d;--error-border: rgba(168, 87, 81, .3)}[data-theme=dark] body:before{opacity:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.hidden{display:none!important}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border-light) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);will-change:background-position}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:120px;border-radius:var(--radius-md)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md)}.skeleton-line{height:1rem;border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.skeleton-line.short{width:60%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem var(--space-lg);text-align:center;color:var(--text-secondary)}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-md);color:var(--accent);opacity:.5}.empty-state-icon svg{width:100%;height:100%}.empty-state-title{font-family:Cormorant Garamond,serif;font-size:1.2rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state-message{font-size:.85rem;line-height:1.6;max-width:280px;margin-bottom:var(--space-lg)}.empty-state-action{background:var(--accent-light);color:var(--accent-deep);border:1px solid var(--border-light);padding:.5rem 1.25rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.empty-state-action:hover{background:var(--accent);color:var(--cream);border-color:var(--accent)}html,body{height:100%;overflow:hidden}body{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-weight:300;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}::selection{background:#c4a69d66;color:var(--text-primary)}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--cream);padding:8px;z-index:1000;text-decoration:none;font-size:.875rem}.skip-link:focus{top:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.02;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.landing-page{position:fixed;inset:0;z-index:900;background:var(--bg-primary);overflow-y:auto;overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);max-width:960px;margin:0 auto}.landing-logo{font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:500;color:var(--accent);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-light)}.landing-signin-btn{background:none;border:1.5px solid var(--border-light);color:var(--text-secondary);padding:.5rem 1.25rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.9rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.landing-signin-btn:hover{border-color:var(--accent);color:var(--accent)}.landing-content{max-width:960px;margin:0 auto;padding:0 var(--space-xl)}.landing-hero{text-align:center;padding:4rem 0 3rem}.landing-hero-logo{font-family:Cormorant Garamond,serif;font-size:3.5rem;font-weight:500;color:var(--accent);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent-light);margin:0 auto var(--space-lg)}.landing-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.2}.landing-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:520px;margin:0 auto var(--space-xl);line-height:1.7}.landing-cta{display:inline-block;background:var(--accent);color:var(--cream);border:none;padding:.85rem 2.25rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;font-weight:400;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.02em}.landing-cta:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow-color)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);padding:2rem 0 3rem}.landing-feature-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.landing-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-color)}.landing-feature-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--accent)}.landing-feature-icon svg{width:100%;height:100%}.landing-feature-card h3{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.landing-feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.landing-how-it-works{text-align:center;padding:3rem 0;border-top:1px solid var(--border-light)}.landing-how-it-works h2{font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400;margin-bottom:var(--space-xl);color:var(--text-primary)}.landing-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.landing-step{flex:1;max-width:200px;text-align:center}.landing-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-sm);font-weight:500;font-size:1rem}.landing-step h3{font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--text-primary)}.landing-step p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.landing-step-arrow{flex-shrink:0;width:24px;height:24px;color:var(--border-light)}.landing-step-arrow svg{width:100%;height:100%}.landing-faq{padding:3rem 0;border-top:1px solid var(--border-light);max-width:640px;margin:0 auto}.landing-faq h2{font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400;margin-bottom:var(--space-lg);text-align:center;color:var(--text-primary)}.landing-faq-item{border-bottom:1px solid var(--border-light);padding:var(--space-md) 0}.landing-faq-item summary{font-weight:400;cursor:pointer;color:var(--text-primary);font-size:1rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.landing-faq-item summary:after{content:"+";font-size:1.25rem;color:var(--text-secondary);transition:transform var(--transition-fast)}.landing-faq-item[open] summary:after{content:"−"}.landing-faq-item p{margin-top:var(--space-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.7}.landing-bottom-cta{text-align:center;padding:3rem 0;border-top:1px solid var(--border-light)}.landing-bottom-cta h2{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;font-style:italic;margin-bottom:var(--space-lg);color:var(--text-primary)}.landing-footer{text-align:center;padding:var(--space-xl) 0;border-top:1px solid var(--border-light)}.landing-footer-links{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-sm)}.landing-footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color var(--transition-fast)}.landing-footer-links a:hover{color:var(--accent)}.landing-footer-copy{font-size:.8rem;color:var(--text-secondary);opacity:.7}@media(max-width:768px){.landing-features{grid-template-columns:1fr;gap:var(--space-md)}.landing-steps{flex-direction:column;gap:var(--space-md)}.landing-step-arrow{transform:rotate(90deg)}.landing-hero{padding:2.5rem 0 2rem}.landing-content{padding:0 var(--space-md)}.landing-nav{padding:var(--space-md)}}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:800px;margin:0 auto;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);transition:background var(--transition-normal)}.bottom-bar{position:sticky;bottom:0;z-index:50;background:var(--bg-primary)}.page-footer{display:flex;align-items:center;justify-content:center;padding:.3rem var(--space-md);padding-bottom:max(.3rem,env(safe-area-inset-bottom));font-family:Outfit,sans-serif;font-size:.65rem;color:var(--text-tertiary);opacity:.45;transition:opacity .2s ease}.footer-links-row{display:flex;align-items:center;gap:.5rem}.page-footer:hover{opacity:.75}.page-footer a,.page-footer button{color:inherit;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer;transition:color .15s ease}.page-footer a:hover,.page-footer button:hover{color:var(--accent-deep)}.footer-dot{opacity:.4}.header{position:relative;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;background:transparent;flex-shrink:0}.companion-info{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.companion-avatar{width:42px;height:42px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;color:var(--cream);font-style:italic;box-shadow:0 4px 24px #c4a69d66;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.companion-avatar:hover{transform:scale(1.05);box-shadow:0 6px 32px #c4a69d80}.companion-name-row{display:flex;align-items:center;gap:.4rem}.companion-details h1{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--text-primary)}.streak-badge{font-family:Outfit,sans-serif;font-size:.6rem;font-weight:500;color:var(--accent);background:var(--accent-light);padding:.1rem .35rem;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;opacity:.85}.level-badge{font-family:Outfit,sans-serif;font-size:.6rem;font-weight:500;color:var(--accent);background:var(--accent-light);padding:.15rem .4rem;border-radius:var(--radius-full);letter-spacing:.02em;border:none;cursor:pointer;transition:all var(--transition-normal);opacity:.85}.level-badge:hover{opacity:1;transform:scale(1.05)}.level-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.beta-tag{font-family:Outfit,sans-serif;font-size:.55rem;font-weight:500;color:#a0a8b8;background:#a0a8b81f;border:1px solid rgba(160,168,184,.25);padding:.1rem .35rem;border-radius:var(--radius-sm);letter-spacing:.06em;opacity:.7;transition:opacity var(--transition-normal)}.level-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.75rem;box-shadow:0 8px 32px var(--shadow-color);z-index:100;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.level-dropdown-header{margin-bottom:.6rem}.level-dropdown-title{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;font-weight:600;color:var(--text-primary)}.level-dropdown-progress{margin-bottom:.6rem}.level-xp-bar{width:100%;height:5px;background:#ffffff1f;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.3rem}.level-xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--deep-rose));border-radius:var(--radius-full);transition:width .4s ease-out}.level-xp-text{font-family:Outfit,sans-serif;font-size:.65rem;color:var(--text-secondary);text-align:right}.level-dropdown-next{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.level-next-label{opacity:.7}.level-next-name{font-weight:500;color:var(--accent)}.level-dropdown-unlock{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--text-secondary);background:var(--accent-light);padding:.4rem .5rem;border-radius:var(--radius-md)}.level-unlock-icon{font-size:.8rem}.level-unlock-text{opacity:.85}.companion-header-group{position:relative}@media(max-width:480px){.level-dropdown{min-width:180px;padding:.65rem}.level-dropdown-title{font-size:.9rem}.level-xp-text{font-size:.6rem}}.companion-status{font-size:.7rem;color:var(--accent);display:flex;align-items:center;gap:.35rem;font-style:italic;opacity:.9;transition:opacity .4s}#companion-mood-text{transition:opacity .3s ease}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:var(--radius-full);animation:softPulse 3s ease-in-out infinite}@keyframes softPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.header-actions{display:flex;gap:var(--space-xs);position:relative}.header-btn{background:none;border:none;padding:.6rem;cursor:pointer;color:var(--accent);opacity:.6;transition:all var(--transition-normal);border-radius:var(--radius-full)}.header-btn:hover{opacity:1;background:var(--border-light)}.header-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}.companion-switcher{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;min-width:220px;max-height:320px;overflow-y:auto;z-index:100;padding:var(--space-xs);transform-origin:top right;animation:switcherIn .15s ease-out}@keyframes switcherIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.companion-switcher.hidden{display:none}.switcher-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);color:var(--text-primary);font:inherit;text-align:left}.switcher-item:hover{background:var(--border-light)}.switcher-item.active{background:var(--accent-subtle)}.switcher-item.active .switcher-name{font-weight:600}.switcher-item.loading{opacity:.5;pointer-events:none}.switcher-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;background:var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.9rem;font-weight:600;color:var(--accent)}.switcher-avatar img{width:100%;height:100%;object-fit:cover}.switcher-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-item.switcher-discover{border-top:1px solid var(--border-light);margin-top:var(--space-xs);padding-top:var(--space-sm)}.switcher-item.switcher-discover .switcher-avatar{background:var(--accent-subtle);color:var(--accent-deep);border:1px dashed var(--accent-deep)}.switcher-item.switcher-discover .switcher-name{color:var(--accent-deep)}.header-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;display:block}.ambient-controls{display:flex;align-items:center;gap:.35rem;padding:0 .5rem;margin:0 .25rem;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}@media(max-width:767px){.header-actions #discover-btn{display:none}.header-actions{gap:.25rem}.header-btn{padding:.4rem}.header-btn svg{width:16px;height:16px}.ambient-controls{border:none;padding:0;margin:0;gap:.1rem}.ambient-controls .ambient-btn-group{gap:0;position:static}.ambient-controls .ambient-btn{padding:.35rem}.ambient-controls .ambient-btn svg{width:14px;height:14px}.ambient-controls .ambient-volume{position:fixed;left:50%;transform:translate(-50%);top:52px;z-index:100;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px var(--shadow-color);touch-action:none;width:0;opacity:0;pointer-events:none}.ambient-controls .ambient-btn-group:nth-child(2) .ambient-volume{top:88px}.ambient-controls .ambient-btn-group.slider-showing .ambient-volume{width:120px;height:6px;opacity:1;pointer-events:auto}.ambient-controls .ambient-btn-group:hover .ambient-volume,.ambient-controls .ambient-btn.active+.ambient-volume{width:0;opacity:0;pointer-events:none}.ambient-controls .ambient-btn-group:hover.slider-showing .ambient-volume,.ambient-controls .ambient-btn-group.slider-showing .ambient-volume{width:120px;opacity:1;pointer-events:auto}.ambient-controls .ambient-volume::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}.ambient-controls .ambient-volume::-moz-range-thumb{width:20px;height:20px}.ambient-controls .ambient-volume::-webkit-slider-runnable-track{height:6px}.ambient-controls .ambient-volume::-moz-range-track{height:6px}.ambient-controls .ambient-volume::-moz-range-progress{height:6px}}.ambient-btn-group{display:flex;align-items:center;gap:.25rem;position:relative}.ambient-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);opacity:.5;transition:all var(--transition-normal);border-radius:var(--radius-full)}.ambient-btn:hover{opacity:.8;background:var(--border-light)}.ambient-btn.active{opacity:1;color:var(--accent);background:#c4a69d1a}.ambient-btn svg{width:16px;height:16px;stroke:currentColor;display:block}.ambient-volume{width:0;height:3px;opacity:0;transition:all .3s ease;-webkit-appearance:none;appearance:none;background:var(--border-light);border-radius:2px;cursor:pointer}.ambient-btn-group:hover .ambient-volume,.ambient-btn.active+.ambient-volume{width:50px;opacity:1}.ambient-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .15s ease;margin-top:-3.5px}.ambient-volume::-webkit-slider-thumb:hover{transform:scale(1.2)}.ambient-volume::-moz-range-thumb{width:10px;height:10px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}.ambient-volume::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--value, 30%),var(--border-light) var(--value, 30%));border-radius:2px}.ambient-volume::-moz-range-track{height:3px;background:var(--border-light);border-radius:2px}.ambient-volume::-moz-range-progress{background:var(--accent);height:3px;border-radius:2px}.chat-area{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:.85rem;scroll-behavior:smooth;overscroll-behavior:contain;contain:content}.chat-area.hidden{display:none}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:var(--accent);opacity:.3;border-radius:2px}.load-more-btn{display:block;margin:var(--space-md) auto;padding:.4rem 1rem;background:var(--accent-light);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-family:inherit;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.load-more-btn:hover{background:var(--accent);color:var(--cream);border-color:var(--accent)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.message{display:flex;flex-direction:column;max-width:82%;animation:messageIn .4s cubic-bezier(.16,1,.3,1)}@keyframes messageIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes assistantMessageIn{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}60%{opacity:.7;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start;animation:assistantMessageIn .6s cubic-bezier(.16,1,.3,1)}.message-bubble{padding:.8rem 1.05rem;border-radius:var(--radius-lg);font-size:.92rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;transition:transform var(--transition-fast)}.message-bubble:hover{transform:translateY(-1px)}.message.user .message-bubble{background:var(--bg-message-user);color:var(--text-on-user-message);border-bottom-right-radius:4px}.message.assistant .message-bubble{background:var(--bg-message-assistant);color:var(--text-primary);border-bottom-left-radius:4px}.message.with-avatar{flex-direction:row;gap:.75rem;align-items:flex-start}.message.with-avatar .message-avatar{width:42px;height:42px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #c4a69d4d}.message.with-avatar .message-avatar img{width:100%;height:120%;object-fit:cover;object-position:center 15%}.message.with-avatar .message-content{display:flex;flex-direction:column;align-items:flex-start}.message-time{font-size:.65rem;color:var(--accent);margin-top:.3rem;opacity:0;transition:opacity var(--transition-fast)}.message:hover .message-time{opacity:.6}.typing-indicator{display:flex;align-items:center;padding:.9rem 1.1rem;background:var(--bg-message-assistant);border-radius:var(--radius-lg);border-bottom-left-radius:4px;align-self:flex-start;animation:messageIn .35s ease-out}.typing-indicator.hidden{display:none}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full);animation:typingBounce 1.4s ease-in-out infinite;will-change:transform,opacity}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:.8}}.input-area{padding:.75rem var(--space-lg) 1.25rem;padding-bottom:calc(3.75rem + env(safe-area-inset-bottom,0px));background:var(--bg-primary);flex-shrink:0;position:relative;z-index:10;transition:transform .15s ease-out}.input-area.hidden{display:none}@supports (height: 100dvh){.app-container{height:100dvh}}.keyboard-visible .input-area{position:fixed;bottom:0;left:0;right:0;max-width:800px;margin:0 auto}.keyboard-visible .chat-area{padding-bottom:80px}.input-wrapper{display:flex;align-items:flex-end;gap:.65rem;background:var(--bg-input);border-radius:24px;padding:.45rem .45rem .45rem 1.1rem;transition:all var(--transition-normal);box-shadow:0 2px 16px var(--shadow-color)}.input-wrapper:focus-within{box-shadow:0 4px 24px var(--shadow-color);background:var(--bg-secondary)}.message-input{flex:1;border:none;background:transparent;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:300;color:var(--text-primary);resize:none;max-height:100px;line-height:1.5;padding:.5rem 0}.message-input::placeholder{color:var(--accent);font-style:italic;opacity:.7}.message-input:focus{outline:none}.send-btn{width:38px;height:38px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0;box-shadow:0 2px 12px #c4a69d59}.send-btn:hover{transform:scale(1.06);box-shadow:0 4px 18px #c4a69d80}.send-btn:active{transform:scale(.96)}.send-btn:focus-visible{outline:2px solid var(--deep-rose);outline-offset:2px}.send-btn:disabled{background:var(--blush);opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.send-btn svg{width:16px;height:16px;stroke:var(--cream);stroke-width:2;fill:none;margin-left:1px}.resend-btn{width:32px;height:32px;border-radius:var(--radius-full);background:transparent;border:1px solid var(--blush);cursor:pointer;display:none;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .4s ease,transform .2s ease,border-color .2s ease}.resend-btn.visible{display:flex;opacity:.5}.resend-btn.visible:hover{opacity:1;border-color:var(--rose-dust)}.resend-btn.visible:active{transform:scale(.92)}.resend-btn svg{width:14px;height:14px;stroke:var(--rose-dust);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.welcome-screen.hidden{display:none}.welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:420px}.welcome-avatar{width:90px;height:90px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:2.8rem;color:var(--cream);font-style:italic;margin-bottom:var(--space-lg);box-shadow:0 16px 48px #c4a69d59,0 0 60px #c4a69d26;animation:gentleFloat 5s ease-in-out 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-screen h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.9rem;font-weight:400;margin-bottom:.6rem;font-style:italic;color:var(--text-primary)}.welcome-screen p{color:var(--text-secondary);font-size:.9rem;max-width:300px;margin-bottom:var(--space-xl);font-weight:300;line-height:1.7}.starter-prompts{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;max-width:380px}.starter-prompt{background:var(--bg-input);border:1px solid var(--border-light);padding:.55rem .95rem;border-radius:20px;font-size:.82rem;color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:Outfit,sans-serif;font-weight:300}.starter-prompt:hover{background:var(--accent);border-color:var(--accent);color:var(--cream);transform:translateY(-2px)}.starter-prompt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.discover-link{margin-top:1.5rem;background:none;border:none;color:var(--accent);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400;cursor:pointer;text-decoration:none;letter-spacing:.02em;transition:opacity .2s}.discover-link:hover{opacity:.7;text-decoration:underline}.welcome-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.welcome-avatar.has-image{background:none;box-shadow:0 16px 48px #c4a69d40,0 0 40px #c4a69d1a;overflow:hidden}.welcome-divider{width:2.5rem;height:1px;background:var(--border-light);margin:var(--space-md) auto var(--space-sm);opacity:.4}.welcome-continue{background:none;border:none;color:var(--accent);font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;font-style:italic;font-weight:500;padding:.35rem 1.2rem;cursor:pointer;letter-spacing:.04em;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;pointer-events:none}.welcome-continue.visible{opacity:.5;visibility:visible;pointer-events:auto;animation:continuePulse 2.8s ease-in-out .5s infinite}@keyframes continuePulse{0%,to{opacity:.5}50%{opacity:1}}.welcome-continue:hover{opacity:1!important;animation:none;color:var(--accent-deep)}.marketplace-view{flex:1;display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);overflow-y:auto;background:var(--bg-primary)}.marketplace-view.hidden{display:none}.marketplace-header{margin-bottom:var(--space-md)}.marketplace-title-row{display:flex;align-items:center;justify-content:space-between}.marketplace-title-row h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:400;font-style:italic;color:var(--text-primary)}.marketplace-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.marketplace-close:hover{opacity:1}.marketplace-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem;font-style:italic}.marketplace-filters{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.marketplace-sort,.marketplace-gender-filter{display:flex;gap:.3rem}.filter-pill{background:var(--bg-input);border:1px solid var(--border-light);padding:.3rem .65rem;border-radius:14px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-pill.small{padding:.25rem .5rem;font-size:.65rem}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:var(--cream)}.filter-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}.marketplace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-bottom:5rem;contain:layout style}@media(min-width:600px){.marketplace-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:380px){.marketplace-grid{grid-template-columns:repeat(2,1fr)}}.marketplace-loading{grid-column:1 / -1;text-align:center;color:var(--text-secondary);font-size:.8rem;font-style:italic;padding:3rem 0;opacity:.6}.marketplace-empty{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:3rem 1rem}.marketplace-empty p{font-size:.85rem;font-style:italic;margin-bottom:.75rem;opacity:.7}.marketplace-empty button{background:var(--accent);border:none;color:var(--cream);padding:.5rem 1rem;border-radius:16px;font-family:Outfit,sans-serif;font-size:.78rem;cursor:pointer;transition:opacity .2s}.marketplace-empty button:hover{opacity:.85}.companion-card{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.companion-card:hover{transform:scale(1.03);box-shadow:0 8px 24px var(--shadow-color)}.companion-card:active{transform:scale(.98)}.companion-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}.companion-card-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));font-family:Cormorant Garamond,Georgia,serif;font-size:3rem;font-style:italic;color:var(--cream);text-shadow:0 2px 8px rgba(0,0,0,.2)}.companion-card-heart{position:absolute;top:.4rem;right:.4rem;width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#ffffffd9;transition:transform .2s,background .2s,color .2s;z-index:2}.companion-card-heart svg{width:14px;height:14px}.companion-card-heart:hover{transform:scale(1.15);background:#ffffff40}.companion-card-heart.liked{color:var(--rose-dust);background:#ffffffe6}.companion-card-scrim{position:absolute;bottom:0;left:0;right:0;padding:2.5rem .6rem .5rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 50%,transparent 100%);display:flex;flex-direction:column;gap:.1rem}.companion-card-name{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.companion-card-vibe{font-size:.6rem;color:#ffffffd9;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.companion-card-stat-row{display:flex;gap:.6rem;font-size:.55rem;color:#ffffffb3;margin-top:.15rem}.companion-card-stat-row .stat-item{display:flex;align-items:center;gap:.2rem}.companion-card-stat-row .stat-item svg{width:10px;height:10px;opacity:.85}.companion-detail{max-width:380px;width:100%;max-height:90vh;overflow-y:auto;padding:0;border-radius:var(--radius-lg);position:relative}.companion-detail .modal-close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border-radius:var(--radius-full);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.companion-detail .modal-close-btn:hover{background:#0009}.companion-detail-avatar{width:100%;aspect-ratio:3 / 4;max-height:50vh;position:relative;overflow:hidden}.companion-detail-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.companion-detail-avatar .detail-avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));font-family:Cormorant Garamond,Georgia,serif;font-size:5rem;font-style:italic;color:var(--cream)}.companion-detail-header{display:flex;align-items:baseline;gap:.5rem;padding:1rem 1.25rem 0}.companion-detail-name{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary);margin:0}.companion-detail-age{font-size:1.1rem;color:var(--text-secondary)}.companion-detail-vibe{padding:.25rem 1.25rem 0;font-size:.85rem;color:var(--text-secondary);font-style:italic;margin:0}.companion-detail-meta{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem}.detail-meta-item{font-size:.7rem;background:var(--bg-input);color:var(--text-secondary);padding:.25rem .6rem;border-radius:10px}.companion-detail-section{padding:0 1.25rem;margin-bottom:.75rem}.companion-detail-section h4{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem}.companion-detail-section .trait-grid,.companion-detail-section .interest-grid{display:flex;flex-wrap:wrap;gap:.3rem}.companion-detail-section .trait-pill,.companion-detail-section .interest-pill{font-size:.7rem;padding:.3rem .6rem;cursor:default;pointer-events:none}.companion-detail-stats{display:flex;gap:1rem;padding:0 1.25rem;margin-bottom:1rem}.detail-stat{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.detail-stat .stat-icon{width:14px;height:14px;opacity:.7}.companion-detail-public{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;margin:0 1.25rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md)}.companion-detail-public.hidden{display:none}.detail-public-label{display:flex;flex-direction:column;gap:.1rem}.detail-public-label span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.detail-public-label small{font-size:.75rem;color:var(--text-secondary)}.companion-detail-actions{display:flex;gap:.5rem;padding:0 1.25rem 1.25rem}.companion-detail-actions .modal-btn.primary{flex:1}.companion-detail-actions .icon-btn{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.companion-detail-actions .icon-btn svg{width:18px;height:18px}.companion-detail-actions .icon-btn:hover{border-color:var(--accent);color:var(--accent)}.companion-detail-actions .icon-btn.liked{background:var(--accent-light);border-color:var(--rose-dust);color:var(--rose-dust)}.companion-detail-actions .icon-btn.liked svg{fill:currentColor}.companion-detail-unlocks{width:100%;padding:0 1.25rem;margin-top:.25rem}.detail-unlock-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;gap:.75rem}.detail-unlock-row+.detail-unlock-row{border-top:1px solid var(--border-light)}.detail-unlock-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.detail-unlock-name{font-size:.85rem;font-weight:500;font-family:Outfit,sans-serif;color:var(--text-primary)}.detail-unlock-info small{font-size:.7rem;font-family:Outfit,sans-serif;color:var(--text-secondary);line-height:1.4}.detail-unlock-btn{flex-shrink:0;padding:.4rem .9rem;border:1px solid var(--border-light);border-radius:14px;background:var(--accent-light);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.detail-unlock-btn:hover{background:var(--accent);color:var(--cream);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.detail-unlock-btn.unlocked{background:var(--bg-input);color:var(--text-secondary);border-color:transparent;pointer-events:none;font-weight:400}.share-menu{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 32px var(--shadow-color);padding:.5rem;z-index:1000;min-width:160px}.share-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;background:none;border:none;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:background .15s}.share-option:hover{background:var(--bg-input)}.share-option svg{width:18px;height:18px;flex-shrink:0}.create-companion-fab{position:fixed;bottom:5rem;right:1.5rem;width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent);border:none;color:var(--cream);cursor:pointer;box-shadow:0 4px 16px #c4a69d66;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:10}.create-companion-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #c4a69d80}.marketplace-sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-top:var(--space-sm)}.marketplace-sub-tab{flex:1;padding:.6rem 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s;text-align:center}.marketplace-sub-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.marketplace-sub-tab:hover:not(.active){color:var(--text-primary)}.marketplace-tab-content{display:none}.marketplace-tab-content.active{display:block}.market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:var(--space-md) var(--space-md) 5rem;contain:layout style}@media(min-width:640px){.market-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.market-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.market-grid{grid-template-columns:1fr}}.market-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;background:var(--bg-input);aspect-ratio:3/4}.market-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.market-card.sticker-listing{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.market-card-bg{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.market-card-initial{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:3rem;color:var(--text-secondary);background:var(--bg-input)}.market-card-sticker-img{width:80%;height:80%;object-fit:contain}.market-card-scrim{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:var(--cream)}.market-card-name{font-family:var(--font-heading);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-card-seller{font-size:.7rem;opacity:.8;margin-top:.1rem}.market-card-badges{display:flex;align-items:center;gap:.35rem;margin-top:.3rem}.market-price-badge{display:inline-flex;align-items:center;gap:.2rem;background:#00000080;backdrop-filter:blur(4px);padding:.15rem .45rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--cream)}.market-price-badge svg{width:10px;height:10px;flex-shrink:0}.market-type-badge{display:inline-block;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent);color:var(--cream)}.market-type-badge.sticker{background:var(--rose-dust)}.market-empty-state{text-align:center;padding:3rem var(--space-md);color:var(--text-secondary)}.market-empty-state svg{width:48px;height:48px;margin-bottom:var(--space-sm);opacity:.4}.market-sell-fab{position:fixed;bottom:5rem;right:1.5rem;width:48px;height:48px;border-radius:var(--radius-full);background:var(--accent);border:none;color:var(--cream);cursor:pointer;box-shadow:0 4px 16px #c4a69d66;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;z-index:10}.market-sell-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #c4a69d80}@media(max-width:480px){.market-sell-fab{bottom:4.5rem;right:1rem}}.market-detail{max-width:420px;text-align:center}.market-detail-preview{width:100%;aspect-ratio:3/4;max-height:280px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md);background:var(--bg-input);display:flex;align-items:center;justify-content:center}.market-detail-preview img{width:100%;height:100%;object-fit:cover}.market-detail-preview .detail-avatar-initial{font-family:var(--font-heading);font-size:4rem;color:var(--text-secondary)}.market-detail-preview.sticker-preview{aspect-ratio:1/1;max-height:200px;padding:var(--space-md)}.market-detail-preview.sticker-preview img{object-fit:contain}.market-detail-info{margin-bottom:var(--space-sm)}.market-detail-name{font-family:var(--font-heading);font-size:1.4rem;margin:0 0 .3rem}.market-detail-badges{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.market-seller-name{font-size:.8rem;color:var(--text-secondary)}.market-price-graph{background:var(--bg-input);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-md);height:100px;display:flex;align-items:center;justify-content:center}.market-price-graph svg{width:100%;height:100%}.market-price-graph .graph-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.market-price-graph .graph-area{fill:var(--accent);opacity:.1}.market-price-graph .graph-dot{fill:var(--accent);r:3}.market-price-graph .graph-label{fill:var(--text-secondary);font-size:9px;font-family:var(--font-body)}.market-price-graph .graph-empty{color:var(--text-secondary);font-size:.75rem}.market-detail-price{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:var(--space-md);font-size:1.1rem}.market-detail-price-val{font-weight:700;font-family:var(--font-heading);font-size:1.4rem}.market-detail-price-label{color:var(--text-secondary);font-size:.85rem}.coin-icon-sm{flex-shrink:0;color:var(--accent)}.market-detail-actions{display:flex;gap:var(--space-sm);justify-content:center}.sell-modal{max-width:400px}.sell-modal-title{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.02em;margin:0 0 var(--space-md);text-align:center;color:var(--text-secondary)}.sell-type-toggle{display:flex;gap:.35rem;margin-bottom:var(--space-md);justify-content:center}.sell-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:var(--space-md);max-height:260px;overflow-y:auto}.sell-item-card{aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:1.5px solid var(--border-light);transition:border-color .2s,opacity .2s;position:relative;background:var(--bg-input);display:flex;align-items:center;justify-content:center}.sell-item-card:hover{border-color:var(--accent);opacity:.9}.sell-item-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sell-item-card img{width:100%;height:100%;object-fit:cover}.sell-item-card[data-sell-item-type=sticker] img{object-fit:contain;padding:8px}.sell-item-card .sell-item-initial{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:300;color:var(--text-secondary)}.sell-item-card .sell-item-name{position:absolute;bottom:0;left:0;right:0;padding:.3rem .25rem .2rem;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);color:var(--cream);font-size:.6rem;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sell-items-empty{grid-column:1 / -1;text-align:center;padding:var(--space-lg) 0;color:var(--text-secondary);font-size:.8rem}.sell-price-section{text-align:center;border-top:1px solid var(--border-light);padding-top:var(--space-md)}.sell-price-label{display:block;font-size:.8rem;margin-bottom:var(--space-xs);color:var(--text-secondary)}.sell-price-input{width:120px;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--text-primary);font-size:.95rem;text-align:center;font-family:Outfit,sans-serif;margin-bottom:var(--space-xs)}.sell-price-input:focus{outline:none;border-color:var(--accent)}.sell-fee-note{font-size:.68rem;color:var(--text-secondary);margin:.3rem 0 var(--space-sm);opacity:.7}.creator-modal{max-width:480px}.creator-modal .avatar-builder-preview{margin-bottom:var(--space-md)}.creator-modal .avatar-frame{width:120px;height:120px}.creator-relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.creator-relationship-grid .relationship-option{padding:.5rem;font-size:.75rem}.creator-traits,.creator-interests{display:flex;flex-wrap:wrap;gap:.35rem}@media(max-width:480px){.marketplace-grid{grid-template-columns:1fr}.create-companion-fab{bottom:4.5rem;right:1rem}}.modal-overlay{position:fixed;inset:0;background:#1a1815d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:100;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.visible{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border-radius:var(--radius-lg);padding:1.75rem;max-width:420px;width:100%;max-height:78vh;overflow-y:auto;transform:translateY(16px) scale(.98);transition:transform var(--transition-bounce),background var(--transition-normal);box-shadow:0 20px 60px #1a181526;position:relative}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;flex-shrink:0}.modal-close-btn:hover{background:#ffffff24;color:var(--text-primary)}.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.modal-overlay.visible .modal{transform:translateY(0) scale(1)}.modal h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;margin-bottom:var(--space-lg);font-weight:400;font-style:italic;color:var(--text-primary)}.setting-group{margin-bottom:1.25rem}.setting-group label{display:block;font-size:.72rem;font-weight:500;margin-bottom:.4rem;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.setting-group input,.setting-group textarea,.setting-group select{width:100%;padding:.7rem .9rem;border:1px solid var(--border-light);border-radius:10px;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:300;background:var(--bg-input);color:var(--text-primary);transition:all .25s ease}.setting-group input:focus,.setting-group textarea:focus,.setting-group select:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.setting-group textarea{resize:vertical;min-height:80px;max-height:120px;overflow-y:auto;line-height:1.55}.setting-group small{display:block;margin-top:.35rem;font-size:.7rem;color:var(--accent);line-height:1.4}.setting-group small a{color:var(--accent-deep);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.setting-group small a:hover{border-bottom-color:var(--accent-deep)}.modal-divider{border:none;border-top:1px solid var(--border-light);margin:1.25rem 0}.modal-actions{display:flex;gap:.6rem;margin-top:var(--space-lg)}.journal-modal{max-width:440px}.journal-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:-.75rem;margin-bottom:1rem;font-style:italic}.journal-content{max-height:50vh;overflow-y:auto;margin-bottom:.5rem}.journal-content::-webkit-scrollbar{width:3px}.journal-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.journal-category{margin-bottom:1rem}.journal-category-label{font-family:Outfit,sans-serif;font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.4rem;opacity:.8}.journal-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border-light);gap:.5rem}.journal-item:last-child{border-bottom:none}.journal-item-text{font-size:.8rem;color:var(--text-primary);flex:1}.journal-item-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.2rem;opacity:0;transition:opacity .2s,color .2s;flex-shrink:0}.journal-item:hover .journal-item-delete{opacity:.5}.journal-item-delete:hover{opacity:1!important;color:var(--rose-dust)}.journal-arc-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-light)}.journal-arc-label{color:var(--text-secondary);opacity:.6}.journal-arc-item{display:flex;align-items:baseline;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border-light);gap:.75rem}.journal-arc-item:last-child{border-bottom:none}.journal-arc-text{font-size:.8rem;color:var(--text-secondary);flex:1;font-style:italic}.journal-arc-date{font-size:.65rem;color:var(--text-secondary);opacity:.5;flex-shrink:0}.journal-empty{text-align:center;color:var(--text-secondary);font-size:.8rem;font-style:italic;padding:2rem 1rem;opacity:.7}.journal-item-text{cursor:pointer;border-radius:4px;padding:2px 4px;margin:-2px -4px;transition:background .15s}.journal-item-text:hover{background:var(--bg-secondary)}.journal-item-edit{flex:1;font-size:.8rem;font-family:Outfit,sans-serif;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--accent);border-radius:4px;padding:4px 6px;outline:none}.journal-add-row{display:flex;gap:.4rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border-light)}.journal-add-input{flex:1;font-size:.8rem;font-family:Outfit,sans-serif;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.45rem .6rem;outline:none;transition:border-color .2s}.journal-add-input:focus{border-color:var(--accent)}.journal-add-input::placeholder{color:var(--text-secondary);opacity:.6}.journal-add-btn{background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--accent);cursor:pointer;padding:.4rem .5rem;display:flex;align-items:center;transition:background .2s,border-color .2s}.journal-add-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.modal-btn,label.modal-btn,.setting-group label.modal-btn{flex:1;padding:.7rem .9rem;border-radius:10px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-transform:none;letter-spacing:normal}.modal-btn:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.modal-btn.primary{background:linear-gradient(145deg,var(--accent-deep),#7A5F58);color:var(--cream);border:none}.modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b6b634d}.modal-btn.secondary{background:transparent;color:var(--accent-deep);border:1px solid var(--border-light)}.modal-btn.secondary:hover{background:var(--bg-input)}.modal-btn.warning{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.modal-btn.warning:hover{background:var(--bg-input);color:var(--text-primary)}.modal-btn.danger{background:#c4756d14;color:#c4756dbf;border:1px solid rgba(196,117,109,.15)}.modal-btn.danger:hover{background:#c4756d24;border-color:#c4756d4d;color:#c4756de6}.settings-actions{flex-wrap:nowrap;gap:.4rem}.settings-danger-actions{display:flex;gap:.4rem}.setting-toggle{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}.setting-toggle .toggle-label{display:flex;flex-direction:column;gap:.2rem}.setting-toggle .toggle-label span{font-size:.88rem;color:var(--text-primary);font-weight:400}.setting-toggle .toggle-label small{font-size:.7rem;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border-light);transition:var(--transition-normal);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--bg-primary);transition:var(--transition-normal);border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001a}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}.setting-collapse-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary);transition:opacity var(--transition-fast)}.setting-collapse-toggle:hover{opacity:.75}.setting-collapse-toggle label{pointer-events:none;margin-bottom:0}.collapse-chevron{transition:transform var(--transition-fast);flex-shrink:0;color:var(--text-secondary)}.setting-collapse-toggle[aria-expanded=true] .collapse-chevron{transform:rotate(180deg)}.setting-collapse-body{margin-top:var(--space-sm)}.setting-collapse-body.hidden{display:none}.wallet-balance-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;font-size:.85rem;font-family:Outfit,sans-serif;color:var(--text-primary)}.wallet-balance-value{display:flex;align-items:center;gap:4px;color:var(--soft-gold);font-weight:500}.wallet-balance-value svg{stroke:var(--soft-gold)}#settings-open-coin-shop,#settings-coin-history{width:100%;margin-bottom:.4rem}.byok-hint{font-size:.7rem;font-family:Outfit,sans-serif;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.4}.byok-status{display:flex;align-items:center;gap:6px;padding:.3rem .65rem;border-radius:14px;background:var(--bg-input);border:1px solid var(--border-light);font-size:.7rem;font-family:Outfit,sans-serif;color:var(--text-secondary);width:fit-content;margin-bottom:.5rem}.byok-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);flex-shrink:0}.byok-status.active .byok-status-dot{background:var(--muted-sage)}.byok-status.active{color:var(--text-primary)}.byok-help-links{margin-top:.5rem}.byok-provider-links{list-style:none;padding:0;margin:.3rem 0 0;font-size:.78rem;color:var(--text-secondary)}.byok-provider-links li{padding:.2rem 0}.byok-provider-links a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#8b6b6366;transition:color var(--transition-fast)}.byok-provider-links a:hover{color:var(--accent);text-decoration-color:var(--accent)}.card-byok-visual{width:100%;aspect-ratio:9 / 16;border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--blush) 0%,var(--rose-dust) 40%,var(--soft-gold) 70%,var(--cream) 100%);display:flex;align-items:center;justify-content:center}.byok-card-avatar{width:40%;max-width:150px;border-radius:50%;object-fit:cover;box-shadow:0 8px 32px var(--shadow-color);border:3px solid rgba(255,255,255,.2)}.coin-balance-btn{display:none!important}.message-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-sm) 0;animation:messageIn .4s cubic-bezier(.16,1,.3,1)}.message-error-icon{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.message-error-icon svg{width:18px;height:18px;stroke:var(--error-text);fill:none;stroke-width:2}.message-error-title{font-size:.85rem;font-weight:500;color:var(--error-text)}.message-error-text{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.message-error-action{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:var(--error-text);color:var(--cream);border:none;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.message-error-action:hover{transform:translateY(-1px);box-shadow:0 2px 8px #a857514d}.message-error-action svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.romance-section{background:linear-gradient(135deg,#c4a69d1a,#d4c5a91a);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0}.romance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.romance-title{display:flex;align-items:center;gap:var(--space-sm)}.romance-title span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.romance-badge{font-size:.65rem;padding:.2rem .5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--soft-gold) 100%);color:var(--cream);border-radius:10px;font-weight:500;letter-spacing:.03em}.romance-description{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.romance-locked{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-input);border-radius:10px}.romance-locked svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.5;flex-shrink:0}.romance-locked-text{font-size:.75rem;color:var(--text-secondary)}.paypal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.6rem 1.2rem;background:#0070ba;color:#fff;border:none;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .25s ease;margin-top:.75rem}.paypal-btn:hover{background:#005ea6;transform:translateY(-1px);box-shadow:0 4px 12px #0070ba4d}.paypal-btn svg{width:16px;height:16px;fill:currentColor}.romance-unlock-icon{color:var(--accent);margin-bottom:var(--space-md)}.romance-unlock-icon svg{stroke:var(--accent)}#romance-modal h2{margin-bottom:var(--space-sm)}.romance-unlock-text{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.paypal-form{margin:0}.unlock-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--deep-rose) 100%);color:var(--cream);border:none;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease}.unlock-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c4a69d66}.unlock-btn svg{fill:currentColor}.romance-unlock-note{font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-md)}.text-link{background:none;border:none;color:var(--accent);font-family:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.text-link:hover{color:var(--accent-deep)}.setting-toggle .romance-badge{font-size:.6rem;padding:.15rem .4rem;margin-left:.4rem;vertical-align:middle}.romance-badge.unlocked{background:var(--muted-sage)}.theme-toggle{background:none;border:none;padding:.6rem;cursor:pointer;color:var(--accent);opacity:.6;transition:all var(--transition-normal);border-radius:var(--radius-full)}.theme-toggle:hover{opacity:1;background:var(--border-light)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}.theme-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;display:block}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .moon-icon{display:none}.account-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);display:flex;align-items:center;justify-content:center}.account-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.account-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.account-btn.signed-in svg{fill:var(--accent);stroke:var(--accent)}#confirm-modal{z-index:200}.confirm-modal{max-width:380px;width:100%;padding:var(--space-xl)}.confirm-modal h2{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--text-primary)}.confirm-modal p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.confirm-input-wrapper{margin-bottom:var(--space-lg)}.confirm-input-wrapper label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.confirm-input-wrapper input{width:100%;padding:.6rem .75rem;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.confirm-input-wrapper input:focus{border-color:var(--accent)}.confirm-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.confirm-actions .modal-btn.danger{background:var(--error-text);color:#fff;border:none}.confirm-actions .modal-btn.danger:hover{opacity:.9}.confirm-actions .modal-btn.danger:disabled{opacity:.4;cursor:not-allowed}.auth-modal{max-width:340px;width:100%;text-align:center;padding:var(--space-xl);position:relative}.auth-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;padding:.4rem;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:.5}.auth-close-btn:hover{opacity:1;background:var(--border-light)}.auth-close-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2}.auth-header{margin-bottom:var(--space-lg)}.auth-logo{width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;color:var(--cream);font-style:italic;margin:0 auto var(--space-md);box-shadow:0 6px 24px #c4a69d4d;animation:gentleFloat 5s ease-in-out infinite}.auth-header h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.35rem;font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:.25rem}.auth-header p{font-size:.8rem;color:var(--text-secondary);font-weight:300}.auth-content{display:flex;flex-direction:column;gap:var(--space-md)}.auth-modal.signed-in .auth-content{display:none}.auth-message{padding:.65rem var(--space-md);border-radius:var(--radius-sm);font-size:.8rem;margin-bottom:.75rem;text-align:left;display:none;animation:messageIn .3s ease}.auth-message.visible{display:block}.auth-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.auth-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.7rem var(--space-md);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast)}.auth-btn:active{transform:scale(.98)}.auth-btn svg{width:18px;height:18px;flex-shrink:0}.auth-google{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light)}.auth-google:hover{background:var(--bg-input);border-color:var(--accent)}[data-theme=dark] .auth-google{background:var(--bg-input);border-color:#ffffff1f}[data-theme=dark] .auth-google:hover{background:var(--night);border-color:var(--accent)}.auth-divider{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.72rem;text-transform:lowercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-form{display:flex;flex-direction:column;gap:.6rem}.auth-field input{width:100%;padding:.65rem .85rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:300;transition:all var(--transition-fast)}.auth-field input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.auth-field input::placeholder{color:var(--accent);opacity:.6}.auth-submit{background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));color:var(--cream);border:none;padding:.7rem var(--space-md);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast);position:relative;margin-top:.25rem}.auth-submit:hover{box-shadow:0 4px 16px #c4a69d59}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-submit-loading{display:none}.auth-submit.loading .auth-submit-text{visibility:hidden}.auth-submit.loading .auth-submit-loading{display:flex;position:absolute;inset:0;align-items:center;justify-content:center}.auth-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--space-xs)}.auth-link{background:none;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.78rem;font-weight:300;cursor:pointer;padding:0;transition:color var(--transition-fast)}.auth-link:hover{color:var(--accent)}.auth-link-divider{color:var(--border-light);font-size:.7rem}.auth-email-form{display:flex;flex-direction:column;gap:.6rem}.auth-input{width:100%;padding:.65rem .85rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.88rem;font-weight:300;transition:all var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.auth-input::placeholder{color:var(--accent);opacity:.6}.auth-email-submit{background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));color:var(--cream);border:none;margin-top:.25rem}.auth-email-submit:hover{box-shadow:0 4px 16px #c4a69d59}.auth-email-submit:disabled{opacity:.7;cursor:not-allowed}.auth-form-toggle{text-align:center;margin-top:var(--space-xs)}.auth-form-toggle .text-link{background:none;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;cursor:pointer;padding:0;transition:color var(--transition-fast)}.auth-form-toggle .text-link:hover{color:var(--accent)}.auth-form-toggle .text-link strong{color:var(--accent);font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-legal{font-size:.68rem;color:var(--text-secondary);opacity:.7;line-height:1.5;margin-top:var(--space-sm)}.auth-legal a{color:var(--text-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.auth-legal a:hover{border-bottom-color:var(--accent)}.auth-profile{display:none;flex-direction:column;align-items:center;gap:var(--space-md)}.auth-modal.signed-in .auth-profile{display:flex}.auth-profile-info{text-align:center}.auth-profile-email{font-size:.88rem;color:var(--text-primary);font-weight:400;word-break:break-all}.auth-profile-sub{display:inline-block;margin-top:.4rem;padding:.25rem .6rem;background:linear-gradient(135deg,#c4a69d26,#d4c5a926);color:var(--accent);border-radius:var(--radius-full);font-size:.72rem;font-weight:500;letter-spacing:.02em}.auth-sync-status{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.72rem;font-weight:300;opacity:.7}.auth-sync-status svg{flex-shrink:0;width:12px;height:12px;stroke:var(--accent)}.auth-signout{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);padding:.6rem var(--space-lg);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast);width:100%;margin-top:var(--space-xs)}.auth-signout:hover{background:var(--bg-input);border-color:var(--accent);color:var(--text-primary)}.subscription-manage{margin-top:var(--space-sm);padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.subscription-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.subscription-status-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.subscription-label{color:var(--text-secondary);font-family:Outfit,sans-serif}.subscription-value{color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:500}.subscription-value.status-active{color:var(--accent)}.subscription-value.status-cancelled,.subscription-value.status-expired{color:var(--text-secondary)}.subscription-value.status-past-due,.subscription-value.status-suspended{color:#c4756d}.auth-cancel-sub{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);padding:.5rem var(--space-md);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.78rem;cursor:pointer;transition:all var(--transition-fast);width:100%}.auth-cancel-sub:hover{border-color:#c4756d;color:#c4756d}.auth-cancel-sub:disabled{opacity:.5;cursor:not-allowed}#coins-card-amount{font-weight:600}.premium-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0;color:var(--text-secondary);font-size:.75rem}.premium-divider:before,.premium-divider:after{content:"";flex:1;height:1px;background:var(--border)}.premium-options{text-align:center}.premium-option-detail{font-size:.7rem;color:var(--text-secondary);margin:.35rem 0 0;line-height:1.3}.unlock-btn.coins-btn{background:transparent;color:var(--accent-deep);border:1px solid var(--border-light)}.unlock-btn.coins-btn:hover{background:var(--bg-input)}.unlock-btn.coins-btn svg{stroke:currentColor;flex-shrink:0}.coin-history-modal{max-width:380px;max-height:70vh;display:flex;flex-direction:column}.coin-history-header{text-align:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.coin-history-icon{color:var(--accent-deep);display:block;margin:0 auto var(--space-xs)}.coin-history-header h2{font-family:Cormorant Garamond,serif;font-size:1.3rem;margin:0}.coin-history-balance-row{display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin-top:var(--space-xs)}.coin-history-balance{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-deep)}.coin-history-label{font-size:.85rem;color:var(--text-secondary)}.coin-history-list{flex:1;overflow-y:auto;padding:var(--space-sm) 0;min-height:100px;max-height:300px}.coin-history-loading,.coin-history-empty{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:var(--space-lg)}.coin-tx{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.coin-tx:last-child{border-bottom:none}.coin-tx-info{display:flex;flex-direction:column;gap:.1rem}.coin-tx-label{font-size:.85rem;color:var(--text-primary)}.coin-tx-time{font-size:.7rem;color:var(--text-secondary)}.coin-tx-amount{font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem}.coin-tx.earn .coin-tx-amount{color:var(--muted-sage, #6b8f71)}.coin-tx.spend .coin-tx-amount{color:var(--rose-dust, #b5838d)}.coin-earn-guide{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.coin-earn-guide summary{padding:.5rem .7rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;user-select:none}.coin-earn-guide summary:hover{color:var(--text-primary)}.coin-earn-guide[open] summary{border-bottom:1px solid var(--border)}.coin-earn-list{padding:.4rem .7rem}.coin-earn-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.78rem;color:var(--text-secondary)}.coin-earn-row.highlight{color:var(--text-primary);font-weight:500}.coin-earn-val{font-family:Outfit,sans-serif;font-weight:600;color:var(--muted-sage, #6b8f71)}.coin-earn-row.highlight .coin-earn-val{color:var(--accent-deep)}.coin-earn-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:.5rem 0 .15rem;opacity:.6}.coin-earn-section-label:first-child{margin-top:0}.coin-earn-note{font-size:.7rem;color:var(--text-secondary);text-align:center;margin:.3rem 0 .5rem;opacity:.8}.premium-referral{text-align:left}.premium-referral-text{font-size:.75rem;color:var(--text-secondary);margin:0 0 var(--space-sm);line-height:1.4;text-align:center}.premium-referral-text strong{color:var(--text-primary)}.referral-copy-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem;background:transparent;border:1px solid var(--border-light);border-radius:10px;color:var(--accent-deep);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;cursor:pointer;transition:all var(--transition-normal)}.referral-copy-btn:hover{background:var(--bg-input)}.referral-stats{font-size:.7rem;color:var(--text-secondary);text-align:center;margin:var(--space-xs) 0 0}@media(max-width:600px){.header,.chat-area{padding:.85rem var(--space-md)}.input-area{padding:.65rem var(--space-md) calc(var(--space-md) + 2.5rem)}.message{max-width:88%}.welcome-screen{padding:var(--space-lg)}.welcome-avatar{width:75px;height:75px;font-size:2.3rem}.welcome-screen h2{font-size:1.6rem}.modal{padding:var(--space-lg);max-height:85vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.welcome-avatar,.starter-prompt,.welcome-screen h2,.welcome-screen p{animation:none;opacity:1}}@media print{body:before{display:none}.header-actions,.input-area,.modal-overlay{display:none!important}.chat-area{overflow:visible;max-height:none}}.toast-notification{position:fixed;bottom:5rem;left:50%;transform:translate(-50%) translateY(100%);display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color),0 2px 8px #00000014;z-index:10000;max-width:calc(100vw - 2rem);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.toast-notification.toast-visible{transform:translate(-50%) translateY(0);opacity:1}.toast-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0}.toast-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast-message{font-size:.9rem;font-weight:400;color:var(--text-primary);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:.5rem;padding:0;background:transparent;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success .toast-icon{color:var(--muted-sage)}.toast-error .toast-icon{color:var(--error-text)}.toast-warning .toast-icon{color:var(--soft-gold)}.toast-info .toast-icon{color:var(--accent)}[data-theme=dark] .toast-notification{background:var(--night);border-color:#ffffff1a;box-shadow:0 8px 32px #0006,0 2px 8px #0003}@media(max-width:480px){.toast-notification{bottom:4rem;left:1rem;right:1rem;transform:translate(0) translateY(100%);max-width:none}.toast-notification.toast-visible{transform:translate(0) translateY(0)}}.memory-flash{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(8px);background:var(--parchment, #F5F0E8);color:var(--deep-rose, #8B6B63);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:400;letter-spacing:.04em;padding:6px 14px;border-radius:999px;border:1px solid var(--warm-gold, #D4C5A9);opacity:0;pointer-events:none;z-index:150;transition:opacity .35s ease,transform .35s ease}.memory-flash--visible{opacity:.85;transform:translate(-50%) translateY(0)}.onboarding-overlay{position:fixed;inset:0;background:var(--bg-primary);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.onboarding-overlay.visible{opacity:1;visibility:visible}.onboarding-overlay.hidden{display:none}.onboarding-progress{position:absolute;top:var(--space-xl);display:flex;gap:.5rem}.progress-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-light);transition:all var(--transition-normal)}.progress-dot.active{background:var(--accent);transform:scale(1.2)}.progress-dot.completed{background:var(--muted-sage)}.onboarding-step{display:none;width:100%;max-width:400px}.onboarding-step.active{display:flex;justify-content:center;animation:stepFadeIn .5s ease forwards}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;width:100%;box-shadow:0 8px 32px var(--shadow-color)}.onboarding-card h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.75rem;font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:.5rem}.onboarding-card p{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg);font-weight:300}.trait-hint{font-size:.8rem;opacity:.7}.onboarding-email-form{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.25rem}.onboarding-email-form .auth-input{width:100%;box-sizing:border-box}.onboarding-login-link{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary)}.onboarding-login-link button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}#onboarding-name,#onboarding-companion-name{width:100%;padding:.9rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1rem;font-weight:300;text-align:center;margin-bottom:var(--space-md);transition:all var(--transition-normal)}#onboarding-name:focus,#onboarding-companion-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c4a69d33}#onboarding-name::placeholder,#onboarding-companion-name::placeholder{color:var(--accent);opacity:.6;font-style:italic}.onboarding-card-scrollable{max-height:80vh;overflow-y:auto}.onboarding-field-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.onboarding-field-row .onboarding-field{flex:1;margin-bottom:0}.onboarding-field{margin-bottom:var(--space-md);text-align:left}.onboarding-field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.onboarding-field input,.onboarding-field select{width:100%;padding:.75rem .9rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:300;transition:all var(--transition-normal)}.onboarding-field input:focus,.onboarding-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c4a69d33}.onboarding-field input::placeholder{color:var(--accent);opacity:.5;font-style:italic}.onboarding-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B6B63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}.onboarding-btn{width:100%;padding:.85rem 1.5rem;border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:400;cursor:pointer;transition:all var(--transition-bounce);border:none}.onboarding-btn.primary{background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));color:var(--cream);box-shadow:0 4px 16px #c4a69d4d}.onboarding-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c4a69d66}.onboarding-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.onboarding-btn.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);max-width:280px;margin:0 auto}.onboarding-btn.google-btn:hover{background:var(--bg-input);border-color:var(--accent);transform:translateY(-2px)}.onboarding-btn.google-btn svg{flex-shrink:0}[data-theme=dark] .onboarding-btn.google-btn{background:var(--bg-input);border-color:#ffffff1f}[data-theme=dark] .onboarding-btn.google-btn:hover{background:var(--night);border-color:var(--accent)}.onboarding-legal{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1.5rem}.onboarding-legal a{color:var(--accent);text-decoration:none}.onboarding-legal a:hover{text-decoration:underline}.onboarding-skip{background:none;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:300;cursor:pointer;margin-top:var(--space-md);padding:.5rem;transition:color var(--transition-fast)}.onboarding-skip:hover{color:var(--accent)}.companion-preview-simple{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.onboarding-skip-link{text-align:center;margin-top:var(--space-md);font-size:.8rem;color:var(--text-muted)}.onboarding-skip-link a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);font-weight:300}.onboarding-skip-link a:hover{color:var(--accent)}.setting-hint{font-size:.8rem;color:var(--text-muted);margin:-.25rem 0 .5rem;font-weight:300}.avatar-builder-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.avatar-frame{width:140px;height:140px;border-radius:var(--radius-lg);background:var(--bg-input);border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-normal)}.avatar-frame.has-image{border-color:var(--accent);box-shadow:0 8px 24px #c4a69d4d}.avatar-frame img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.avatar-placeholder-icon{color:var(--text-muted);opacity:.4}.generate-avatar-btn{padding:.65rem 1.25rem;background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));border:none;border-radius:var(--radius-md);color:var(--cream);font-family:Outfit,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.generate-avatar-btn:hover{box-shadow:0 4px 16px #c4a69d66;transform:translateY(-1px)}.generate-avatar-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.generate-avatar-btn .generate-btn-spinner{display:none;width:16px;height:16px;border:2px solid transparent;border-top-color:var(--cream);border-radius:50%;animation:spin .8s linear infinite}.generate-avatar-btn.loading .generate-btn-text{display:none}.generate-avatar-btn.loading .generate-btn-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.avatar-hint{font-size:.8rem;color:var(--text-muted);text-align:center;min-height:1.2em}.avatar-hint.error{color:#d9534f}.skin-tone-grid{display:flex;gap:var(--space-md);justify-content:center}.skin-tone-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);padding:0;background:none}.skin-tone-btn[data-creator-skin=light]{background:#fdebd0}.skin-tone-btn[data-creator-skin=medium]{background:#d4a574}.skin-tone-btn[data-creator-skin=tan]{background:#c8924a}.skin-tone-btn[data-creator-skin=dark]{background:#8b4513}.skin-tone-btn:hover{transform:scale(1.1);border-color:var(--accent)}.skin-tone-btn.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent)}@media(max-width:480px){.avatar-frame{width:120px;height:120px}.skin-tone-btn{width:32px;height:32px}}.age-slider{width:100%;height:3px;-webkit-appearance:none;appearance:none;background:var(--border-light);border-radius:2px;outline:none;margin:.5rem 0}.age-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));border-radius:50%;cursor:pointer;box-shadow:0 1px 6px #c4a69d66;margin-top:-6.5px;transition:box-shadow .2s ease}.age-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 10px #c4a69d99,0 0 12px #c4a69d33}.age-slider::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(145deg,var(--rose-dust),var(--deep-rose));border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 6px #c4a69d66}.age-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px}.age-slider::-moz-range-track{height:3px;background:var(--border-light);border-radius:2px}.age-slider::-moz-range-progress{background:var(--accent);height:3px;border-radius:2px}.age-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}#age-display{font-weight:500;color:var(--accent)}.name-input-row{display:flex;gap:.5rem;align-items:center}.name-input-row input{flex:1}.suggest-name-btn{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary);transition:all var(--transition-normal)}.suggest-name-btn:hover{border-color:var(--accent);color:var(--accent);background:#c4a69d1a}.suggest-name-btn:active svg{animation:spinOnce .4s ease}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.relationship-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:var(--space-lg)}.relationship-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.8rem 1rem;background:var(--bg-input);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.relationship-option:hover{border-color:var(--border-light)}.relationship-option.selected{border-color:var(--accent);background:#c4a69d1a}.relationship-option.romance-only.romance-disabled{display:none}.relationship-label{font-size:.9rem;font-weight:400;color:var(--text-primary)}.relationship-desc{font-size:.75rem;font-weight:300;color:var(--text-secondary);opacity:.8}.interest-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.interest-pill{padding:.5rem .9rem;border-radius:20px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:300;cursor:pointer;transition:all var(--transition-normal)}.interest-pill:hover{border-color:var(--accent)}.interest-pill.selected{background:var(--accent);border-color:var(--accent);color:var(--cream)}.trait-grid{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:var(--space-lg)}.trait-pill{padding:.55rem 1rem;border-radius:20px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;cursor:pointer;transition:all var(--transition-normal)}.trait-pill:hover{border-color:var(--accent);transform:translateY(-1px)}.trait-pill.selected{background:var(--accent);border-color:var(--accent);color:var(--cream)}.onboarding-card.completion{background:transparent;box-shadow:none}.completion-avatar{width:140px;height:140px;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--space-lg);box-shadow:0 16px 48px #c4a69d59,0 0 60px #c4a69d26;animation:gentleFloat 5s ease-in-out infinite}.completion-avatar img{width:100%;height:140%;object-fit:cover;object-position:center 20%}.onboarding-card.completion h2{font-size:2rem;margin-bottom:.75rem}.onboarding-card.completion p{font-size:1rem;margin-bottom:var(--space-xl)}.onboarding-card.completion .onboarding-btn{max-width:200px;margin:0 auto;opacity:0;animation:fadeIn .6s ease 1.5s forwards}[data-theme=dark] .onboarding-card{background:var(--bg-input)}[data-theme=dark] .onboarding-card.completion{background:transparent}[data-theme=dark] .companion-option.selected{background:#c4a69d26}[data-theme=dark] .trait-pill.selected{color:var(--warm-black)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .4s ease-out;border-color:var(--rose-dust)!important}.required{color:var(--rose-dust);font-weight:500}@media(max-width:600px){.onboarding-card{padding:var(--space-lg)}.onboarding-card h2{font-size:1.5rem}.companion-selection{gap:var(--space-md)}.companion-option-avatar{width:100px;height:100px}.trait-pill{font-size:.8rem;padding:.5rem .85rem}.completion-avatar{width:100px;height:100px}}.admin-view{flex:1;display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);overflow-y:auto;background:var(--bg-primary)}.admin-view.hidden{display:none}.admin-header{margin-bottom:var(--space-lg)}.admin-title-row{display:flex;align-items:center;justify-content:space-between}.admin-title-row h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:400;font-style:italic;color:var(--text-primary)}.admin-tabs{display:flex;gap:.3rem;margin-top:.75rem}.admin-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:99px;font-size:.58rem;font-weight:500;margin-left:.3rem;background:var(--border-light);color:var(--text-secondary)}.filter-pill.active .admin-tab-count{background:#ffffff40;color:var(--cream)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem;margin-bottom:.5rem;transition:border-color .2s}.admin-card:hover{border-color:var(--accent)}.admin-card-header{display:flex;align-items:center;gap:.6rem;cursor:pointer}.admin-card-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--bg-input);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;font-style:italic;color:var(--text-secondary)}.admin-card-avatar img{width:100%;height:100%;object-fit:cover}.admin-card-info{flex:1;min-width:0}.admin-card-name{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-meta{font-size:.68rem;color:var(--text-secondary);margin-top:.1rem}.admin-card-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.admin-badge{display:inline-block;padding:.2rem .5rem;border-radius:99px;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.admin-badge.open{background:#3b82f61f;color:#3b82f6}.admin-badge.in_progress{background:#f59e0b1f;color:#f59e0b}.admin-badge.resolved{background:#22c55e1f;color:#22c55e}.admin-badge.closed{background:var(--bg-input);color:var(--text-secondary)}.admin-badge.pending{background:#f59e0b1f;color:#f59e0b}.admin-badge.reviewed{background:#3b82f61f;color:#3b82f6}.admin-badge.action_taken{background:#22c55e1f;color:#22c55e}.admin-badge.dismissed{background:var(--bg-input);color:var(--text-secondary)}.admin-card-detail{display:none;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-light)}.admin-card.expanded .admin-card-detail{display:block}.admin-card-message{font-size:.78rem;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:.6rem}.admin-card-detail-meta{font-size:.65rem;color:var(--text-secondary);margin-bottom:.6rem}.admin-card-detail-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.admin-status-select{padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--bg-input);font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-primary);cursor:pointer}.admin-delete-btn{padding:.35rem .65rem!important;font-size:.68rem!important}.admin-empty{text-align:center;color:var(--text-secondary);font-size:.8rem;font-style:italic;padding:3rem 1rem;opacity:.6}.admin-reply-section{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.admin-reply-input{width:100%;padding:.5rem .65rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.8rem;resize:vertical;min-height:60px}.admin-reply-input:focus{outline:none;border-color:var(--accent)}.admin-reply-btn{align-self:flex-end;flex:0!important;padding:.4rem 1rem!important;font-size:.75rem!important}.support-email-field{opacity:.7;cursor:default}.admin-pill{display:inline-block;padding:.15rem .4rem;border-radius:99px;font-size:.58rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.admin-pill.public{background:#22c55e1f;color:#22c55e}.admin-pill.private{background:var(--bg-input);color:var(--text-secondary)}.admin-pill.default{background:#3b82f61f;color:#3b82f6}.admin-tabs{overflow-x:auto;flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-btn-sm{padding:.35rem .65rem!important;font-size:.68rem!important;flex:0!important}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.admin-stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem;text-align:center;transition:border-color var(--transition-fast)}.admin-stat-card:hover{border-color:var(--accent)}.admin-stat-value{font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;font-weight:500;color:var(--text-primary);line-height:1.2}.admin-stat-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-top:.2rem}.admin-stat-card.highlight{border-color:var(--accent)}.admin-stat-card.revenue .admin-stat-value{color:var(--muted-sage)}.admin-search-input{width:100%;padding:.55rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.8rem;margin-bottom:.75rem;transition:border-color var(--transition-fast)}.admin-search-input:focus{outline:none;border-color:var(--accent)}.admin-search-input::placeholder{color:var(--text-secondary);opacity:.6}.admin-card-stats{display:flex;flex-direction:row;gap:.3rem;margin-top:.25rem}.admin-stat-chip{display:inline-block;padding:.1rem .4rem;border-radius:99px;font-size:.58rem;font-weight:500;background:var(--bg-input);color:var(--text-secondary);transition:background var(--transition-fast)}.admin-detail-meta{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.admin-detail-meta strong{color:var(--text-primary);font-weight:500}.admin-coin-actions{display:flex;flex-direction:row;align-items:center;gap:.4rem;margin-top:.5rem}.admin-coin-input{width:70px;padding:.35rem .5rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.75rem;text-align:center;transition:border-color var(--transition-fast)}.admin-coin-input:focus{outline:none;border-color:var(--accent)}.admin-coin-desc{flex:1;padding:.35rem .5rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.75rem;transition:border-color var(--transition-fast)}.admin-coin-desc:focus{outline:none;border-color:var(--accent)}.admin-user-transactions{margin-top:.5rem}.admin-section{margin-bottom:1.5rem}.admin-section-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-weight:400;font-style:italic;color:var(--text-primary);margin-bottom:.5rem}.admin-transaction-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-light);font-size:.75rem;transition:background var(--transition-fast)}.admin-transaction-row:hover{background:var(--accent-light)}.admin-transaction-row:last-child{border-bottom:none}.admin-transaction-info{flex:1;min-width:0}.admin-transaction-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-transaction-desc{font-size:.65rem;color:var(--text-secondary)}.admin-transaction-amount{font-weight:500;white-space:nowrap}.admin-transaction-amount.positive{color:var(--muted-sage)}.admin-transaction-amount.negative{color:var(--error-text)}.admin-transaction-date{font-size:.6rem;color:var(--text-secondary);white-space:nowrap}.admin-badge.completed{background:#9ba89526;color:var(--muted-sage)}.admin-badge.failed{background:var(--error-bg);color:var(--error-text)}.report-subtitle{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-md)}.report-reasons{display:flex;flex-wrap:wrap;gap:.3rem}.modal-btn.icon-btn.danger-icon{color:var(--error-text, #ef4444);border-color:var(--error-border, rgba(239, 68, 68, .3))}.modal-btn.icon-btn.danger-icon:hover{background:var(--error-bg, rgba(239, 68, 68, .1))}.letters-view{flex:1;display:flex;flex-direction:column;padding:var(--space-lg);overflow-y:auto;background:var(--bg-primary)}.letters-view.hidden{display:none}.letters-header{margin-bottom:var(--space-lg)}.letters-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.letters-title-row h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary)}.letters-subtitle{font-family:Outfit,sans-serif;font-size:.8rem;line-height:1.5;color:var(--text-tertiary);max-width:400px}.letters-tabs{display:flex;gap:.5rem;margin-bottom:var(--space-md);flex-wrap:wrap}.letters-tab-content{display:none;flex:1;overflow-y:auto}.letters-tab-content.active{display:block}.letter-write-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:0;overflow:hidden}#letter-write-content{width:100%;padding:var(--space-lg);border:none;border-radius:0;background:transparent;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.7;color:var(--text-primary);resize:none;min-height:140px}#letter-write-content::placeholder{color:var(--text-tertiary)}#letter-write-content:focus{outline:none}.letter-write-footer{padding:var(--space-md) var(--space-lg);background:var(--bg-input);border-top:1px solid var(--border-light)}.letter-mood-section{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.mood-label{font-family:Outfit,sans-serif;font-size:.75rem;color:var(--text-tertiary)}.mood-pills{display:flex;flex-wrap:wrap;gap:.35rem}.mood-tag{padding:.3rem .65rem;border-radius:99px;background:transparent;border:1px solid var(--border-light);font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.mood-tag:hover{border-color:var(--accent-deep);color:var(--text-secondary)}.mood-tag.selected{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--cream)}.letter-write-actions{display:flex;justify-content:space-between;align-items:center}.letters-list{display:flex;flex-direction:column;gap:var(--space-md)}.letter-card{background:var(--light-blush);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 12px #0000000a}[data-theme=dark] .letter-card{background:var(--charcoal-rose)}.letter-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.letter-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.letter-author{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.letter-mood{font-size:.65rem;padding:.2rem .5rem;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent)}.letter-card-content{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.letter-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-tertiary)}.letter-response-count{display:flex;align-items:center;gap:.25rem}.my-letter-card{background:var(--light-blush);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);transition:box-shadow var(--transition-fast)}.my-letter-card.has-new{box-shadow:0 0 0 2px var(--rose-dust)}[data-theme=dark] .my-letter-card{background:var(--charcoal-rose)}.my-letter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.my-letter-date{font-size:.7rem;color:var(--text-tertiary)}.my-letter-mood{font-size:.65rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--rose-dust);color:var(--warm-cream)}.my-letter-content{font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-soft)}.my-letter-responses{display:flex;flex-direction:column;gap:var(--space-sm)}.responses-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.responses-count{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.new-badge{font-size:.6rem;padding:.1rem .4rem;border-radius:var(--radius-pill);background:var(--rose-dust);color:var(--warm-cream);text-transform:uppercase;letter-spacing:.5px}.no-responses-yet{font-size:.8rem;font-style:italic;color:var(--text-tertiary);margin-top:var(--space-sm)}.response-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;gap:var(--space-sm)}.response-card-content{flex:1}.response-card-text{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.response-card-author{font-size:.7rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.response-card-sticker{width:40px;height:40px;flex-shrink:0}.response-card-sticker img{width:100%;height:100%;object-fit:contain}.chat-letter-card{background:var(--light-blush);border-left:3px solid var(--rose-dust);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0;max-width:360px}[data-theme=dark] .chat-letter-card{background:var(--charcoal-rose)}.chat-letter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.chat-letter-author{font-size:.75rem;color:var(--text-secondary)}.chat-letter-mood{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--rose-dust);color:var(--warm-cream)}.chat-letter-content{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;font-style:italic;line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-md)}.chat-letter-footer{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-tertiary)}.chat-letter-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.chat-letter-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.chat-letter-btn.reply{background:var(--rose-dust);color:var(--warm-cream)}.chat-letter-btn.reply:hover{background:var(--dusty-mauve)}.chat-letter-btn.skip{background:transparent;color:var(--text-secondary);border:1px solid var(--border-soft)}.chat-letter-btn.skip:hover{background:var(--bg-secondary)}.chat-action-buttons{display:flex;gap:var(--space-sm);margin:var(--space-sm) 0}.chat-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border-soft);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chat-action-btn:hover{border-color:var(--rose-dust);color:var(--text-primary);background:var(--light-blush)}[data-theme=dark] .chat-action-btn:hover{background:var(--charcoal-rose)}.chat-system-note{text-align:center;font-size:.75rem;font-style:italic;color:var(--text-tertiary);margin:var(--space-sm) 0;padding:var(--space-xs) var(--space-sm)}.reply-mode-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--light-blush);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}[data-theme=dark] .reply-mode-indicator{background:var(--charcoal-rose)}.letter-tab{position:relative;padding:.6rem 1.1rem;border-radius:10px;background:transparent;border:1px solid var(--border-light);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.letter-tab:hover:not(.selected){background:var(--bg-input);border-color:var(--border-light)}.letter-tab.selected{background:linear-gradient(145deg,var(--accent-deep),#7A5F58);border-color:transparent;color:var(--cream)}.letter-tab .tab-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--deep-rose);border-radius:50%;border:2px solid var(--bg-primary);z-index:2}.letter-tab .tab-badge.hidden{display:none}.letter-char-count{font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-tertiary);opacity:.7}.letter-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:10px;background:linear-gradient(145deg,var(--accent-deep),#7A5F58);border:none;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;color:var(--cream);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.letter-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b6b634d}.letter-send-btn:disabled{opacity:.5;cursor:not-allowed}.letter-send-btn:disabled:hover{transform:none;box-shadow:none}.letter-send-btn .btn-icon{width:14px;height:14px;stroke:var(--cream)}.letter-send-btn.sending .btn-icon{animation:paperPlane .6s ease-in-out}@keyframes paperPlane{0%{transform:translate(0) translateY(0)}50%{transform:translate(20px) translateY(-20px);opacity:0}51%{transform:translate(-10px) translateY(10px);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}.letter-action-buttons{display:flex;gap:var(--space-sm)}.letter-preview-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.7rem 1rem;border-radius:10px;background:transparent;border:1px solid var(--border-light);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.letter-preview-btn:hover:not(:disabled){border-color:var(--accent-deep);color:var(--accent-deep)}.letter-preview-btn:disabled{opacity:.4;cursor:not-allowed}.letter-preview-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .25s ease;padding:var(--space-lg)}.letter-preview-overlay.visible{opacity:1;visibility:visible}.letter-preview-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:16px;padding:var(--space-xl);max-width:400px;width:100%;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff0d;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.letter-preview-overlay.visible .letter-preview-card{transform:scale(1) translateY(0)}[data-theme=dark] .letter-preview-card{background:var(--bg-secondary);border-color:var(--border-soft)}.letter-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.letter-preview-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.1rem;font-weight:500}.letter-preview-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .15s ease}.letter-preview-close:hover{color:var(--text-primary)}.letter-preview-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.letter-preview-mood{display:inline-block;font-family:Outfit,sans-serif;font-size:.7rem;padding:.3rem .75rem;border-radius:99px;background:var(--accent-deep);color:var(--cream)}.letter-preview-sender{font-family:Outfit,sans-serif;font-size:.75rem;color:var(--text-tertiary);font-style:italic}.letter-preview-content{font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;line-height:1.8;font-style:italic;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;margin-bottom:var(--space-lg);min-height:100px;white-space:pre-wrap}.letter-preview-actions{display:flex;gap:var(--space-sm)}.letter-preview-actions .letter-send-btn{flex:1;justify-content:center}.letter-preview-edit{padding:.7rem 1.1rem;border-radius:10px;background:transparent;border:1px solid var(--border-light);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.letter-preview-edit:hover{border-color:var(--accent-deep);color:var(--accent-deep)}.my-letters-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.my-letters-controls.hidden{display:none}.my-letters-count{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--text-tertiary)}.my-letters-sort{display:flex;align-items:center;gap:.5rem}.sort-label{font-family:Outfit,sans-serif;font-size:.75rem;color:var(--text-tertiary)}.sort-select{padding:.4rem 1.75rem .4rem .75rem;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-light);font-family:Outfit,sans-serif;font-size:.75rem;color:var(--text-secondary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B6B63' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:all .25s cubic-bezier(.4,0,.2,1)}.sort-select:hover{border-color:var(--accent-deep)}.sort-select:focus{outline:none;border-color:var(--accent-deep);box-shadow:0 0 0 2px #8b6b631a}.my-letter-actions{display:flex;justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.letter-delete-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;border-radius:8px;background:transparent;border:1px solid var(--error-border);font-family:Outfit,sans-serif;font-size:.7rem;color:var(--error-text);cursor:pointer;opacity:.7;transition:all .25s cubic-bezier(.4,0,.2,1)}.letter-delete-btn:hover{opacity:1;background:var(--error-bg)}.letter-delete-btn svg{width:12px;height:12px}.my-letter-card{animation:letterCardIn .4s cubic-bezier(.16,1,.3,1) backwards}@keyframes letterCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.my-letter-card:nth-child(1){animation-delay:0s}.my-letter-card:nth-child(2){animation-delay:.05s}.my-letter-card:nth-child(3){animation-delay:.05s}.my-letter-card:nth-child(4){animation-delay:.1s}.my-letter-card:nth-child(5){animation-delay:.15s}.cancel-reply-link{color:var(--rose-dust);cursor:pointer;text-decoration:underline}.cancel-reply-link:hover{color:var(--dusty-mauve)}.sticker-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.4rem;margin-top:var(--space-sm)}.sticker-gallery-empty{grid-column:1 / -1;text-align:center;padding:var(--space-lg);color:var(--text-secondary);font-size:.8rem;opacity:.6}.sticker-gallery>.empty-state{grid-column:1 / -1;padding:1.5rem var(--space-md)}.sticker-item{aspect-ratio:1;padding:6px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,transform .2s;position:relative}.sticker-item:hover{transform:scale(1.05);border-color:var(--accent);z-index:1}.sticker-item img{width:100%;height:100%;object-fit:contain;border-radius:4px}.sticker-item.locked{opacity:.3;filter:grayscale(100%);cursor:not-allowed}.sticker-item.locked:hover{transform:none;border-color:var(--border-light)}.sticker-item .sticker-lock{position:absolute;bottom:2px;right:2px;font-size:.55rem;opacity:.6}.sticker-detail-popover{position:fixed;z-index:10000;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.75rem;min-width:180px;max-width:220px;box-shadow:0 4px 20px #00000059;animation:fadeInUp .12s ease}.sticker-detail-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.sticker-detail-img{width:28px;height:28px;object-fit:contain;border-radius:4px}.sticker-detail-name{font-weight:500;font-size:.8rem;color:var(--text-primary)}.sticker-detail-rarity{font-size:.62rem;color:var(--text-secondary);text-transform:lowercase;margin-left:auto;opacity:.7}.sticker-detail-desc{font-size:.72rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.35;opacity:.8}.sticker-detail-sell{width:100%;padding:.35rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.72rem;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s}.sticker-detail-sell:hover{border-color:var(--accent);color:var(--accent)}.sticker-picker-modal{max-width:360px}.picker-hint{font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-md)}.sticker-picker-tabs{display:flex;gap:.35rem;margin-bottom:var(--space-md);flex-wrap:wrap}.sticker-tab{padding:.3rem .6rem;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-soft);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sticker-tab:hover{border-color:var(--rose-dust)}.sticker-tab.selected{background:var(--rose-dust);border-color:var(--rose-dust);color:var(--cream)}.sticker-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-sm);max-height:280px;overflow-y:auto;padding:var(--space-xs)}.sticker-celebration{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease}.sticker-celebration.hidden{display:none}.celebration-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;max-width:300px;animation:celebrationPop .4s cubic-bezier(.34,1.56,.64,1)}.celebration-sticker{width:96px;height:96px;margin:0 auto var(--space-md);animation:stickerBounce .6s ease infinite alternate}.celebration-sticker img{width:100%;height:100%;object-fit:contain}.celebration-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;color:var(--text-primary);margin-bottom:var(--space-xs)}.celebration-name{font-size:1rem;color:var(--rose-dust);font-weight:500;margin-bottom:var(--space-xs)}.celebration-source{font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-lg)}@keyframes celebrationPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes stickerBounce{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-8px) rotate(3deg)}}.levelup-celebration{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease}.levelup-celebration.hidden{display:none}.levelup-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.levelup-particles span{position:absolute;border-radius:50%;animation:particleRise var(--duration, 3s) var(--delay, 0s) ease-out forwards;opacity:0}.levelup-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;max-width:300px;width:90%;animation:levelupCardReveal .5s .3s cubic-bezier(.34,1.56,.64,1) both}.levelup-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(212,197,169,.3) 0%,rgba(196,166,157,.15) 40%,transparent 70%);animation:burstPulse 2s ease-in-out infinite;pointer-events:none}.levelup-level-number{font-family:Cormorant Garamond,Georgia,serif;font-size:3.5rem;font-weight:700;color:var(--soft-gold);text-shadow:0 0 20px rgba(212,197,169,.5),0 0 40px rgba(212,197,169,.2);line-height:1;margin-bottom:var(--space-xs);animation:levelNumberReveal .6s .5s cubic-bezier(.34,1.56,.64,1) both}.levelup-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);animation:levelTextFadeUp .5s .7s ease both}.levelup-quote{font-size:.85rem;font-style:italic;color:var(--rose-dust);margin-bottom:var(--space-lg);line-height:1.5;animation:levelTextFadeUp .5s .9s ease both}.level-badge.pulse{animation:levelBadgePulse 1.5s ease}@keyframes levelupCardReveal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes burstPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes levelNumberReveal{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes levelTextFadeUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes particleRise{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-100vh) scale(.3);opacity:0}}@keyframes levelBadgePulse{0%{box-shadow:0 0 #d4c5a999;transform:scale(1)}16%{box-shadow:0 0 12px 4px #d4c5a966;transform:scale(1.15)}33%{box-shadow:0 0 #d4c5a900;transform:scale(1)}50%{box-shadow:0 0 12px 4px #d4c5a966;transform:scale(1.15)}66%{box-shadow:0 0 #d4c5a900;transform:scale(1)}83%{box-shadow:0 0 12px 4px #d4c5a966;transform:scale(1.15)}to{box-shadow:0 0 #d4c5a900;transform:scale(1)}}.header-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--deep-rose);border:2px solid var(--bg-primary)}.notification-badge.hidden{display:none}.letters-empty{text-align:center;padding:var(--space-xl);color:var(--text-tertiary)}.letters-empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.letters-empty-text{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.letters-empty-hint{font-size:.8rem;font-style:italic;color:var(--text-tertiary);margin-top:var(--space-xs)}.letter-card-actions{display:flex;gap:var(--space-xs)}.letter-report-btn{background:none;border:none;color:var(--text-tertiary);font-size:.7rem;cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm)}.letter-report-btn:hover{background:var(--bg-secondary);color:var(--text-secondary)}.read-letter-deck{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;padding:var(--space-md) var(--space-sm);gap:var(--space-md)}.read-companion-intro{display:flex;align-items:flex-start;gap:var(--space-sm);width:100%}.read-companion-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;border:2px solid var(--rose-dust);background-size:cover;background-position:center;background-color:var(--bg-secondary)}.read-companion-message{position:relative;background:var(--bg-secondary);font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:.95rem;line-height:1.5;color:var(--text-secondary);padding:var(--space-sm) var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);margin:0}.read-companion-message:before{content:"";position:absolute;top:0;left:-6px;width:0;height:0;border-top:6px solid var(--bg-secondary);border-left:6px solid transparent}.read-letter-container{width:100%;min-height:120px}.read-letter-card{background:var(--light-blush, #FAF5F0);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 20px #d4c5a940;animation:readCardEnter .5s ease-out;width:100%}.read-letter-card.exiting{animation:readCardExit .3s ease-in forwards}.read-letter-card .letter-initial{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--rose-dust);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;font-weight:600}.read-letter-card .letter-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.read-letter-card .letter-mood-pill{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:#c4a69d26;color:var(--rose-dust);font-weight:500}.read-letter-card .letter-time{font-size:.7rem;color:var(--text-tertiary);margin-left:auto}.read-letter-card .letter-body{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1.05rem;line-height:1.65;color:var(--text-primary)}[data-theme=dark] .read-letter-card{background:#1e1a18;box-shadow:0 4px 20px #c4a69d1f}.read-letter-loading .skeleton-card{height:160px;border-radius:var(--radius-lg)}.read-letter-empty .empty-state{text-align:center;padding:var(--space-xl) var(--space-md)}.read-letter-empty .empty-state-icon{color:var(--text-tertiary);opacity:.5;margin-bottom:var(--space-md)}.read-letter-empty .empty-state-title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.read-letter-empty .empty-state-message{font-size:.85rem;color:var(--text-tertiary)}.read-letter-actions{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.read-action-btn{padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;width:100%}.read-action-btn.primary{background:var(--rose-dust);color:#fff}.read-action-btn.primary:hover{background:var(--deep-rose)}.read-action-btn.secondary{background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary)}.read-action-btn.secondary:hover{background:var(--bg-secondary)}.read-action-btn.tertiary{background:transparent;border:none;color:var(--text-tertiary);font-size:.8rem}.read-action-btn.tertiary:hover{color:var(--text-secondary)}.read-reply-area{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-md);animation:readCardEnter .3s ease-out}.read-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.read-reply-cancel{background:none;border:none;font-size:1.2rem;color:var(--text-tertiary);cursor:pointer;padding:0;line-height:1}.read-reply-cancel:hover{color:var(--text-primary)}.read-reply-area textarea{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-sm);font-family:Outfit,sans-serif;font-size:.85rem;color:var(--text-primary);background:var(--bg-primary);resize:none;outline:none}.read-reply-area textarea:focus{border-color:var(--rose-dust)}.read-reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs)}.read-reply-char-count{font-size:.75rem;color:var(--text-tertiary)}.read-reply-btns{display:flex;align-items:center;gap:var(--space-xs)}.read-sticker-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.2rem;display:flex;align-items:center;border-radius:var(--radius-sm)}.read-sticker-btn:hover{color:var(--rose-dust);background:var(--bg-secondary)}.read-sticker-preview{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.read-sticker-preview img{width:36px;height:36px;object-fit:contain}.read-sticker-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:0;line-height:1;margin-left:auto}.read-sticker-remove:hover{color:var(--text-primary)}.read-rate-limit{width:100%;text-align:center;padding:var(--space-md)}.read-rate-limit p{font-size:.85rem;color:var(--text-tertiary);font-style:italic}@keyframes readCardEnter{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes readCardExit{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}.card-view{flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-md);padding-bottom:var(--space-md);scroll-behavior:smooth;position:relative}.card-stage{display:flex;flex-direction:column;min-height:0;padding-top:var(--space-sm)}.card-nav-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0}.card-nav-bar.hidden{display:none}.card-nav-arrow{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.35;transition:opacity .25s ease,background .25s ease;color:var(--text-secondary);flex-shrink:0}.card-nav-arrow:hover{opacity:.9;background:var(--bg-input)}.card-nav-arrow.hidden{visibility:hidden;pointer-events:none}.card-position{text-align:center;font-family:Outfit,sans-serif;font-size:.65rem;color:var(--text-tertiary);opacity:.5;min-width:40px}.card-position.hidden{visibility:hidden}.card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-md);min-height:200px;border-radius:var(--radius-lg);background:linear-gradient(180deg,transparent 0%,var(--accent-light) 100%)}.card-empty-avatar{width:88px;height:88px;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-lg);background:var(--accent-light);display:flex;align-items:center;justify-content:center;border:3px solid var(--accent);box-shadow:0 0 20px #c4a69d4d}.card-empty-avatar img{width:100%;height:100%;object-fit:cover}.card-empty-greeting{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-sm)}.card-empty-sub{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.card-display{border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--shadow-color);contain:style;display:flex;flex-direction:column}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;max-height:clamp(200px,45vh,600px);background:var(--bg-secondary);overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-image-wrapper:has(.card-image.hidden):has(.card-image-shimmer.hidden):not(:has(.card-byok-visual)){aspect-ratio:unset;height:0;display:none}.card-image-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--accent-light) 30%,var(--bg-secondary) 50%,var(--accent-light) 70%,var(--bg-secondary) 100%);background-size:300% 100%;animation:shimmerSlide 1.8s ease-in-out infinite}@keyframes shimmerSlide{0%{background-position:150% center}to{background-position:-150% center}}.shimmer-animation{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);animation:shimmerSweep 1.8s ease-in-out infinite}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-image{width:100%;height:100%;object-fit:cover;animation:cardImageFadeIn .6s ease}@keyframes cardImageFadeIn{0%{opacity:0}to{opacity:1}}.card-text-body{padding:var(--space-lg) var(--space-md);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card-companion-text{font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;font-size:1.15rem;line-height:1.6;letter-spacing:.01em;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:var(--card-text-lines, 5);-webkit-box-orient:vertical;overflow:hidden}.card-companion-text{min-height:calc(3 * 1.15rem * 1.6)}.card-text-body.expanded .card-companion-text{display:block;-webkit-line-clamp:unset;overflow:visible}.card-text-expand{display:inline-block;background:none;border:none;padding:.3rem 0 0;font-size:.85rem;color:var(--accent);cursor:pointer;font-weight:600}.card-text-expand.hidden-expand{display:none}.card-responses{display:flex;flex-direction:column;gap:.5rem;padding:0 0 var(--space-md) 0;margin-top:var(--space-sm);position:relative;z-index:2}.card-option{width:100%;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:.95rem;font-weight:400;text-align:left;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light)}.card-option:hover{background:#c4a69d38;transform:translateY(-1px)}.card-option:active{transform:scale(.98)}.card-option.selected{background:#c4a69d2e;color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-option:disabled{opacity:.5;cursor:default;transform:none}.card-option.selected:disabled{opacity:1;background:#c4a69d26;color:var(--text-secondary);border-color:var(--accent);box-shadow:0 0 0 1px #c4a69d4d}.card-option:empty{display:none}.card-custom-input{display:flex;gap:.5rem;align-items:center}.card-custom-text{flex:1;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.card-custom-text:focus{border-color:var(--accent)}.card-custom-text::placeholder{color:var(--text-secondary);opacity:.6}.card-custom-send{width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.card-custom-send:hover{background:var(--accent-deep)}.card-no-coins{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--radius-lg)}.card-no-coins-content{text-align:center;padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;max-width:280px}.card-no-coins h3{font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.card-no-coins p{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.card-get-coins-btn{padding:.6rem 1.5rem;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--bg-primary);font-family:Outfit,system-ui,sans-serif;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.card-get-coins-btn:hover{background:var(--accent-deep)}.app-loading-overlay{position:fixed;inset:0;z-index:900;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.app-loading-overlay.hidden{display:none}.app-loading-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.app-loading-mark{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:appLoadingPulse 1.4s ease-in-out infinite}.app-loading-wordmark{font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400;color:var(--text-primary);letter-spacing:.1em;opacity:.6}@keyframes appLoadingPulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.card-loading{display:flex;justify-content:center;padding:var(--space-lg)}.card-loading-dots{display:flex;gap:6px}.card-loading-dots .typing-dot{width:8px;height:8px;background:var(--accent);border-radius:var(--radius-full);animation:typingBounce 1.2s ease-in-out infinite}.card-loading-dots .typing-dot:nth-child(2){animation-delay:.15s}.card-loading-dots .typing-dot:nth-child(3){animation-delay:.3s}.card-loading.hidden{display:none}.card-custom-send:disabled{opacity:.4;cursor:default}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:.4rem 0;background:var(--bg-primary);border-top:1px solid var(--border-light);flex-shrink:0}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.3rem .75rem;border:none;background:none;color:var(--text-secondary);font-family:Outfit,system-ui,sans-serif;font-size:.65rem;font-weight:400;cursor:pointer;transition:color var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item svg{stroke:var(--text-secondary);transition:stroke var(--transition-fast)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active svg{stroke:var(--accent)}.nav-lock{position:absolute;top:0;right:.25rem;width:14px;height:14px;background:var(--accent-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.nav-lock svg{stroke:var(--accent-deep);width:8px;height:8px}.nav-badge{position:absolute;top:0;right:.25rem;width:8px;height:8px;background:var(--error-text);border-radius:var(--radius-full)}.coin-balance-btn{display:flex;align-items:center;gap:4px;padding:.3rem .6rem;border:1px solid var(--border-light);border-radius:20px;background:var(--accent-light);color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.coin-balance-btn:hover{background:#c4a69d40}.coin-balance-btn svg{stroke:var(--soft-gold);flex-shrink:0}.coin-balance-btn.coin-flash{animation:coinFlash .6s ease}@keyframes coinFlash{0%{transform:scale(1)}30%{transform:scale(1.15);background:var(--accent)}to{transform:scale(1)}}.coin-shop-modal{max-width:380px;text-align:center}.coin-shop-header{margin-bottom:var(--space-lg)}.coin-shop-icon{stroke:var(--soft-gold);margin-bottom:var(--space-sm)}.coin-shop-header h2{font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:var(--space-xs)}.coin-shop-balance{font-size:.9rem;color:var(--text-secondary)}.coin-shop-section{margin-bottom:var(--space-lg);text-align:left}.coin-shop-section-title{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.coin-daily-claim{width:100%;padding:.75rem 1rem;border:2px dashed var(--accent);border-radius:var(--radius-md);background:var(--accent-light);color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:.9rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast)}.coin-daily-claim:hover{background:#c4a69d40}.coin-daily-claim:not(:disabled){animation:dailyPulse 2s ease-in-out infinite}@keyframes dailyPulse{0%,to{box-shadow:0 0 #c4a69d00}50%{box-shadow:0 0 0 4px #c4a69d33}}.coin-daily-claim:disabled{opacity:.5;cursor:default;border-style:solid;border-color:var(--border-light);animation:none}.daily-claim-amount{font-weight:600;color:var(--accent-deep)}.coin-pack-grid{display:flex;flex-direction:column;gap:.5rem}.coin-pack-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.coin-pack-item:hover{border-color:var(--accent);box-shadow:0 2px 8px var(--shadow-color)}.coin-pack-item.popular{border-color:var(--accent);background:var(--accent-light);position:relative}.coin-pack-item.popular:after{content:"Popular";position:absolute;top:-8px;right:12px;padding:1px 8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:var(--bg-primary);border-radius:8px}.coin-pack-info{text-align:left}.coin-pack-name{font-weight:500;font-size:.95rem;color:var(--text-primary)}.coin-pack-coins{font-size:.8rem;color:var(--text-secondary)}.coin-pack-rate{font-size:.7rem;opacity:.6;margin-left:.25rem}.coin-pack-item.best-value{border-color:var(--soft-gold);position:relative}.coin-pack-item.best-value:after{content:"Best Value";position:absolute;top:-8px;right:12px;padding:1px 8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--soft-gold);color:var(--bg-primary);border-radius:8px}.coin-pack-price{font-weight:600;font-size:1rem;color:var(--accent-deep);padding:.4rem .8rem;border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-primary)}.coin-sub-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,#c9a0a0,#8b5e5e);color:#fff;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:opacity .15s}.coin-sub-card:hover{opacity:.9}.coin-sub-card-name{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:600;letter-spacing:.01em}.coin-sub-card-perks{font-size:.75rem;opacity:.85;margin-top:.15rem}.coin-sub-card-price{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;white-space:nowrap;margin-left:1rem}.coin-sub-card-price span{font-size:.75rem;font-weight:400;opacity:.8}.coin-referral-btn{width:100%;padding:.6rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:Outfit,system-ui,sans-serif;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast);margin-bottom:var(--space-sm)}.coin-referral-btn:hover{border-color:var(--accent)}.unlock-modal{max-width:340px;text-align:center}.unlock-modal-icon{margin-bottom:var(--space-md);width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-inline:auto;border-radius:var(--radius-full);background:var(--accent-light)}.unlock-modal-icon svg{stroke:var(--accent)}.unlock-modal h2{font-family:Cormorant Garamond,serif;font-size:1.4rem;margin-bottom:var(--space-xs)}.unlock-modal p{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.unlock-modal-cost{font-size:.85rem;color:var(--accent-deep);margin-bottom:var(--space-md)!important}.unlock-modal-actions{display:flex;gap:.5rem;margin-bottom:0}.unlock-modal-actions .modal-btn{flex:1}@media(min-width:640px)and (min-height:700px){.card-view{max-width:440px;margin:0 auto;overflow:hidden}.card-stage{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.card-companion-text{font-size:clamp(1rem,1.5vw + .5rem,1.3rem)}.card-image-wrapper{max-height:clamp(200px,38vh,500px)}.card-nav-bar{flex-shrink:0}.card-responses{flex-shrink:0;padding-top:var(--space-md)}.card-bubble,.card-replies-toggle{display:none!important}}@media(min-width:640px)and (min-height:700px)and (max-height:800px){.card-companion-text{--card-text-lines: 4;font-size:1.05rem}.card-image-wrapper{max-height:34vh}}@media(min-width:640px)and (min-height:801px)and (max-height:950px){.card-companion-text{--card-text-lines: 6}}@media(min-width:640px)and (min-height:951px)and (max-height:1100px){.card-companion-text{--card-text-lines: 10}}@media(min-width:640px)and (min-height:1101px){.card-companion-text{--card-text-lines: 16}}@media(max-width:639px),(min-width:640px)and (max-height:699px){.card-view{max-width:440px;margin:0 auto}.card-text-body{display:none}.card-stage{flex-shrink:0}.card-image-wrapper{max-height:50vh}.card-bubble,.card-replies-toggle,.card-responses{position:relative;z-index:1}.card-bubble{display:block;padding:.8rem 1rem;margin-top:var(--space-sm);background:var(--bg-message-assistant);border-radius:var(--radius-lg);border-bottom-left-radius:4px}.card-bubble.hidden{display:none}.card-bubble-text{font-family:Lora,Georgia,serif;font-style:italic;font-weight:500;font-size:.95rem;line-height:1.55;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-bubble.expanded .card-bubble-text{display:block;-webkit-line-clamp:unset;overflow:visible}.card-bubble-expand{display:inline-block;background:none;border:none;padding:.3rem 0 0;font-size:.8rem;color:var(--accent);cursor:pointer;font-weight:600}.card-bubble-expand.hidden-expand{display:none}.card-replies-toggle{display:flex;align-items:center;justify-content:center;gap:.35rem;width:auto;margin:var(--space-sm) auto var(--space-md);padding:.5rem 1.4rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-light);border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.card-replies-toggle.hidden{display:none}.card-replies-toggle svg{transition:rotate .2s ease}.card-replies-toggle.active{margin-bottom:0}.card-replies-toggle.active svg{rotate:180deg}.card-responses.collapsed{display:none}.card-responses{margin-top:var(--space-sm)}.card-option{background:var(--bg-input);backdrop-filter:none;-webkit-backdrop-filter:none}.card-option:hover{background:var(--bg-secondary)}}@media(max-width:480px){.card-view{padding:0 .75rem}.card-companion-text{font-size:.95rem}.card-option{padding:.65rem .85rem;font-size:.9rem}.bottom-nav{padding:.3rem 0}.bottom-nav-item{font-size:.6rem}.bottom-nav-item svg{width:20px;height:20px}}.letter-twinkles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;contain:strict}@media(max-width:767px){.letter-twinkles{display:none}}.letter-twinkle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--soft-gold);box-shadow:0 0 8px 2px #d4c5a966;pointer-events:auto;cursor:pointer;border:none;padding:0;opacity:var(--twinkle-opacity, .3);animation:twinkleFloat var(--twinkle-duration, 20s) ease-in-out infinite,twinklePulse var(--twinkle-pulse, 4s) ease-in-out infinite;animation-delay:var(--twinkle-delay, 0s);transition:opacity .2s,transform .2s}.letter-twinkle:hover{opacity:.9!important;width:10px;height:10px;box-shadow:0 0 14px 4px #d4c5a999}.letter-twinkle.mood-lonely{background:var(--rose-dust, #c4a69d);box-shadow:0 0 8px 2px #c4a69d66}.letter-twinkle.mood-hopeful{background:var(--soft-gold, #d4c5a9);box-shadow:0 0 8px 2px #d4c5a980}.letter-twinkle.mood-grateful{background:var(--muted-sage, #a8b5a0);box-shadow:0 0 8px 2px #a8b5a066}@keyframes twinkleFloat{0%,to{transform:translate(0)}25%{transform:translate(var(--drift-x, 10px),var(--drift-y, -15px))}50%{transform:translate(calc(var(--drift-x, 10px) * -.5),calc(var(--drift-y, -15px) * 1.2))}75%{transform:translate(calc(var(--drift-x, 10px) * .7),calc(var(--drift-y, -15px) * -.5))}}@keyframes twinklePulse{0%,to{opacity:var(--twinkle-opacity, .3)}50%{opacity:calc(var(--twinkle-opacity, .3) * 1.6)}}.twinkle-popover{position:fixed;z-index:1000;max-width:280px;padding:.8rem 1rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:Cormorant Garamond,serif;font-style:italic;font-size:.88rem;line-height:1.5;color:var(--text-primary)}.twinkle-popover.hidden{display:none}.twinkle-popover-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-secondary);margin-top:.4rem;font-style:normal;font-family:Outfit,sans-serif}.twinkle-reply-btn{margin-top:.5rem;font-size:.7rem;color:var(--accent-deep);background:none;border:none;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#8b6b6366;cursor:pointer;padding:0;font-family:Outfit,sans-serif;transition:color var(--transition-fast)}.twinkle-reply-btn:hover{color:var(--accent);text-decoration-color:var(--accent)}