: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);--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;--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}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")}.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)}.header{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}.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)}.companion-avatar:hover{transform:scale(1.05);box-shadow:0 6px 32px #c4a69d80}.companion-details h1{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--text-primary)}.companion-status{font-size:.7rem;color:var(--accent);display:flex;align-items:center;gap:.35rem;font-style:italic;opacity:.9}.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)}.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}.header-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;display:block}.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}.chat-area.hidden{display:none}.chat-area::-webkit-scrollbar{width:4px}.chat-area::-webkit-scrollbar-thumb{background:var(--accent);opacity:.3;border-radius:2px}.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)}}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start;align-items:flex-start}.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-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}.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;background:transparent;flex-shrink:0}.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}.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-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:fadeIn .8s ease forwards,gentleFloat 5s ease-in-out 1s infinite;opacity:0}@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);opacity:0;animation:fadeIn .6s ease .2s forwards}.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;opacity:0;animation:fadeIn .6s ease .35s forwards}.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;opacity:0;animation:fadeIn .5s ease forwards}.starter-prompt:nth-child(1){animation-delay:.45s}.starter-prompt:nth-child(2){animation-delay:.55s}.starter-prompt:nth-child(3){animation-delay:.65s}.starter-prompt:nth-child(4){animation-delay:.75s}.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}.modal-overlay{position:fixed;inset:0;background:#1a181566;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}.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;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)}.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)}.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.danger{background:transparent;color:var(--error-text);border:1px solid var(--error-border);font-size:.75rem}.modal-btn.danger:hover{background:var(--error-bg)}.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}.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}@media(max-width:600px){.header,.chat-area{padding:.85rem var(--space-md)}.input-area{padding:.65rem var(--space-md) var(--space-md)}.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}}