@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page: #f5f0ed;--surface: #fffaf7;--surface-alt: #f0e8e4;--header: #fffaf7;--text: #403747;--muted: #918692;--accent: #80618f;--accent-soft: #eee4f2;--border: #eadfe7;--user-bubble: #80618f;--user-text: #ffffff;--assistant-bubble: #ffffff;--shadow: 0 5px 24px rgba(55, 35, 55, .07)}:root[data-theme=dark],[data-theme=dark]{--page: #17151c;--surface: #24212b;--surface-alt: #302b38;--header: #211e27;--text: #f2edf5;--muted: #aaa0b2;--accent: #c39bd4;--accent-soft: #3b3045;--border: #403747;--user-bubble: #80618f;--user-text: #ffffff;--assistant-bubble: #302b38;--shadow: 0 5px 24px rgba(0, 0, 0, .2)}:root[data-theme=colorful],[data-theme=colorful]{--page: #f8efff;--surface: #ffffff;--surface-alt: #f1e3ff;--header: #fffaff;--text: #443052;--muted: #8e7a9d;--accent: #a05acb;--accent-soft: #f0ddff;--border: #ead7f7;--user-bubble: #a05acb;--user-text: #ffffff;--assistant-bubble: #ffffff;--shadow: 0 5px 24px rgba(112, 62, 150, .09)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:var(--page);color:var(--text);font-family:Inter,sans-serif;transition:background .2s ease,color .2s ease}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app,.app-container{min-height:100vh;background:var(--page);color:var(--text)}.welcome-screen,.new-chat-screen,.chat-list-screen,.settings-screen{min-height:100vh;background:var(--page)}.welcome-screen{display:flex;align-items:center;justify-content:center;padding:28px 22px;text-align:center}.welcome-content{width:100%;max-width:390px;margin:0 auto}.welcome-logo{width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;border-radius:28px;background:var(--accent);color:#fff;font-size:42px;font-weight:800;box-shadow:var(--shadow)}.welcome-content h1{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(46px,11vw,64px);font-weight:600;font-style:italic;letter-spacing:-1.5px}.welcome-subtitle{margin:10px 0 24px;color:var(--accent);font-size:16px;font-weight:600}.welcome-description{max-width:340px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.8}.welcome-description p{margin:0}.welcome-tagline{margin:25px 0;font-size:14px;font-weight:600}.primary-button,.welcome-button{min-height:52px;padding:13px 20px;border:none;border-radius:16px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;box-shadow:var(--shadow);transition:transform .2s ease,opacity .2s ease}.primary-button:active,.welcome-button:active{transform:scale(.98)}.welcome-button{width:100%;max-width:320px}.welcome-themes{display:flex;justify-content:center;gap:12px;margin-top:30px}.theme-button{min-width:88px;padding:10px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:12px}.theme-button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.header,.new-chat-header,.dm-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--header)}.brand{display:flex;align-items:center;gap:10px;font-family:Cormorant Garamond,serif;font-size:25px;font-weight:700;font-style:italic;letter-spacing:-.3px}.brand h1{margin:0;font-size:inherit;font-weight:inherit}.brand p{margin:0;color:var(--muted);font-family:Inter,sans-serif;font-size:10px;font-weight:500;font-style:normal;letter-spacing:.3px}.brand-mark{width:36px;height:36px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;background:var(--accent);color:#fff;font-family:Inter,sans-serif;font-size:19px;font-weight:800;font-style:normal}.header-actions{display:flex;align-items:center;gap:9px}.back-button,.new-chat-button,.header-actions button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.new-chat-button{border-color:var(--accent);background:var(--accent);color:#fff}.new-chat-screen{padding-bottom:35px}.category-content{width:100%;max-width:650px;margin:0 auto;padding:35px 20px}.category-content>h2{margin:0 0 10px;text-align:center;font-size:27px;font-weight:700;letter-spacing:-.8px}.category-intro{margin:0 0 27px;color:var(--muted);font-size:14px;line-height:1.7;text-align:center}.category-content>p{margin:0 0 27px;color:var(--muted);font-size:14px;line-height:1.7;text-align:center}.category-list{display:flex;flex-direction:column;gap:13px}.category-card{display:flex;align-items:center;gap:15px;width:100%;min-height:91px;padding:17px;border:1px solid var(--border);border-radius:19px;background:var(--surface);color:var(--text);text-align:left;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease}.category-card:active{transform:scale(.985)}.category-card:hover{border-color:var(--accent)}.category-emoji{width:53px;height:53px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:17px;background:var(--accent-soft);font-size:25px}.category-details{flex:1;min-width:0}.category-details strong{display:block;margin:0 0 5px;font-size:16px;font-weight:700}.category-details small{display:block;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.category-arrow{color:var(--accent);font-size:22px}.category-divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:var(--muted);font-size:12px}.category-divider:before,.category-divider:after{content:"";flex:1;height:1px;background:var(--border)}.free-chat-button{width:100%;min-height:52px;padding:13px;border:1px solid var(--accent);border-radius:16px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:700}.chat-list-screen{display:flex;flex-direction:column}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 20px 16px}.list-heading h1,.list-heading h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.7px}.list-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.chat-count{color:var(--muted);font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;padding:30px;text-align:center}.empty-state>*{max-width:330px}.empty-state h2{margin:15px 0 8px;font-size:20px}.empty-state p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.7}.conversation-list{display:flex;flex-direction:column;gap:10px;padding:8px 16px 100px}.conversation-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.conversation-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;border:none;background:transparent;color:var(--text);text-align:left}.conversation-avatar,.dm-avatar{width:43px;height:43px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:700}.conversation-info{flex:1;min-width:0}.conversation-info strong{display:block;overflow:hidden;margin:0 0 5px;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.conversation-info p{overflow:hidden;margin:0;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-main time{color:var(--muted);font-size:10px}.conversation-actions{display:flex;flex-shrink:0;gap:5px}.conversation-actions button{width:34px;height:34px;border:none;border-radius:10px;background:var(--surface-alt);color:var(--muted)}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:space-around;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--header)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:65px;padding:5px 12px;border:none;border-radius:12px;background:transparent;color:var(--muted);font-size:11px}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.dm-header{position:sticky;justify-content:flex-start;gap:11px}.dm-header .back-button{flex-shrink:0}.dm-title{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.dm-title strong{overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dm-title span{color:var(--muted);font-size:11px;font-weight:400}.chat-area{width:100%;max-width:760px;height:calc(100dvh - 145px);min-height:300px;overflow-y:auto;margin:0 auto;padding:20px 15px 90px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.message-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:17px}.message-row.user{justify-content:flex-end}.avatar{width:30px;height:30px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:800}.message{max-width:min(82%,570px);padding:12px 15px;border-radius:17px 17px 17px 5px;background:var(--assistant-bubble);color:var(--text);font-size:14px;line-height:1.7;overflow-wrap:anywhere;box-shadow:var(--shadow)}.message.user{border-radius:17px 17px 5px;background:var(--user-bubble);color:var(--user-text)}.message-label{display:block;margin-bottom:5px;font-size:10px;font-weight:700;opacity:.7}.message p{margin:0 0 9px}.message p:last-child{margin-bottom:0}.message ul,.message ol{padding-left:21px}.message li{margin-bottom:5px}.message strong{font-weight:700}.typing-indicator{display:flex;align-items:center;gap:5px;width:fit-content;margin:5px 0 15px 38px;padding:12px 16px;border-radius:15px;background:var(--assistant-bubble);color:var(--muted);font-size:12px}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:typing 1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.error-message{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px auto;padding:11px 14px;border:1px solid #e8aaaa;border-radius:12px;background:#fff0f0;color:#a43d3d;font-size:12px}.error-message button{border:none;background:transparent;color:inherit;font-weight:700}.composer{position:fixed;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:flex-end;gap:8px;width:100%;max-width:790px;margin:0 auto;padding:11px 13px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--header)}.composer textarea,.composer input{flex:1;min-width:0;max-height:120px;min-height:44px;padding:12px 14px;border:1px solid var(--border);border-radius:17px;outline:none;background:var(--surface);color:var(--text);font-size:14px;resize:none}.composer textarea::placeholder,.composer input::placeholder{color:var(--muted)}.sticker-toggle,.send-button{width:44px;height:44px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border:none;border-radius:15px;font-size:19px}.sticker-toggle{background:var(--surface-alt);color:var(--text)}.send-button{background:var(--accent);color:#fff;font-weight:700}.sticker-panel{position:fixed;right:12px;bottom:78px;left:12px;z-index:20;max-width:450px;margin:0 auto;padding:16px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow)}.sticker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:700}.sticker-heading button{border:none;background:transparent;color:var(--muted);font-size:18px}.sticker-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sticker-list button{min-height:48px;border:none;border-radius:12px;background:var(--surface-alt);font-size:25px}.settings-screen{padding-bottom:90px}.settings-section{width:100%;max-width:620px;margin:0 auto;padding:23px 19px}.settings-section h2{margin:0 0 15px;font-size:17px;font-weight:700}.settings-section p{color:var(--muted);font-size:13px;line-height:1.7}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:85px;padding:13px 7px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600}.theme-option.active{border:2px solid var(--accent);background:var(--accent-soft);color:var(--accent)}.theme-option span:first-child{font-size:23px}.settings-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;font-size:13px;font-weight:600}.settings-about{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;padding:18px;border-radius:16px;background:var(--surface-alt);color:var(--muted);font-size:12px;line-height:1.7}.settings-about h3{margin:0;color:var(--text);font-family:Cormorant Garamond,serif;font-size:23px;font-style:italic}.settings-about p{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0a148c}.new-chat-modal{width:100%;max-width:390px;padding:23px;border:1px solid var(--border);border-radius:21px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px}.modal-heading h2{margin:0;font-size:19px;font-weight:800}.modal-heading button{border:none;background:transparent;color:var(--muted);font-size:20px}.new-chat-modal label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.new-chat-modal input{width:100%;min-height:47px;margin-bottom:17px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--page);color:var(--text)}.new-chat-modal button{min-height:42px;margin-right:8px;padding:10px 15px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:13px;font-weight:700}@media(max-width:480px){.header,.new-chat-header,.dm-header{padding-right:13px;padding-left:13px}.category-content{padding:27px 15px}.category-content>h2{font-size:24px}.message{max-width:86%;font-size:13px}.chat-area{padding-right:11px;padding-left:11px}.conversation-list{padding-right:12px;padding-left:12px}.welcome-themes{gap:7px}.theme-button{min-width:0;padding:9px 11px}}@media(min-width:700px){.welcome-screen{padding:50px}.category-content{padding-top:48px}.conversation-list{width:100%;max-width:760px;margin:0 auto}.composer{right:auto;left:50%;transform:translate(-50%);border-right:1px solid var(--border);border-left:1px solid var(--border);border-radius:18px 18px 0 0}}