*{box-sizing:border-box}body{color:#fff;background:#090909;margin:0;font-family:Arial,Helvetica,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.container{text-align:center;width:100%;max-width:950px}.brand{letter-spacing:5px;color:#a3a3a3;margin-bottom:30px;font-size:14px;font-weight:700}h1{letter-spacing:-2px;margin:0;font-size:48px}.subtitle{color:#9d9d9d;max-width:600px;margin:18px auto 45px;font-size:17px;line-height:1.6}.category-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.category-card{color:#fff;text-align:left;cursor:pointer;background:#111;border:1px solid #282828;border-radius:18px;padding:35px 25px;transition:all .25s}.category-card:hover{background:#171717;border-color:#666;transform:translateY(-5px)}.emoji{margin-bottom:25px;font-size:32px;display:block}.category-card h2{margin:0 0 10px;font-size:22px}.category-card p{color:#999;margin:0;font-size:14px;line-height:1.5}.footer-text{color:#666;margin-top:45px;font-size:13px}@media (width<=700px){.category-grid{grid-template-columns:1fr}h1{font-size:36px}}.chat-page{color:#fff;background:#090909;justify-content:center;min-height:100vh;display:flex}.chat-container{flex-direction:column;width:100%;max-width:950px;min-height:100vh;padding:20px;display:flex}.chat-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.chat-header h2{margin:3px 0 0;font-size:20px}.chat-brand{letter-spacing:3px;color:#777;margin:0;font-size:10px}.back-button,.history-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #2b2b2b;border-radius:10px}.back-button{padding:8px 13px;font-size:22px}.history-button{padding:10px 16px}.chat-area{flex:1;padding:40px 0}.welcome-message{text-align:center;color:#888;max-width:550px;margin:80px auto;line-height:1.6}.message-box{background:#111;border:1px solid #2a2a2a;border-radius:18px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.message-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:15px}.message-box input::placeholder{color:#666}.upload-button,.mic-button,.send-button{cursor:pointer;border:none;border-radius:10px;min-width:42px;height:42px}.upload-button,.mic-button{color:#fff;background:#1c1c1c}.send-button{color:#000;background:#fff;font-size:20px;font-weight:700}.messages{flex-direction:column;gap:14px;display:flex}.message{border-radius:16px;max-width:70%;padding:13px 16px;font-size:15px;line-height:1.5}.message.user{color:#000;background:#fff;align-self:flex-end}.message.ai{color:#ddd;background:#171717;border:1px solid #292929;align-self:flex-start}.history-page{padding:40px 0}.history-page h3{color:#777;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:14px}.history-card{cursor:pointer;background:#111;border:1px solid #292929;border-radius:16px;padding:20px;transition:all .2s}.history-card:hover{background:#171717;border-color:#444}.history-card p{color:#eee;margin:0 0 10px;font-size:16px}.history-card span{color:#666;font-size:13px}.empty-history{color:#666}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{justify-content:space-between;align-items:center;gap:20px;display:flex}.history-content{cursor:pointer;flex:1}.history-content h3{margin:0 0 10px}.delete-button{cursor:pointer;background:#181818;border:1px solid #333;border-radius:10px;width:42px;height:42px;font-size:16px}.delete-button:hover{background:#252525}.clear-history-button{color:#d98989;cursor:pointer;background:0 0;border:1px solid #422;border-radius:12px;width:100%;margin-top:30px;padding:14px;font-size:14px}.clear-history-button:hover{background:#1c1010}.chat-date{color:#666;margin-top:3px;font-size:11px;display:block}.upload-button{cursor:pointer;justify-content:center;align-items:center;font-size:20px;display:flex}.mic-button:disabled{cursor:default}@keyframes listeningPulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.mic-button.listening{min-width:100px;padding:0 12px;font-size:12px;animation:1s infinite listeningPulse}.message-box input:disabled{cursor:not-allowed;opacity:.55}.send-button:disabled,.mic-button:disabled{cursor:not-allowed;opacity:.45}.upload-button.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.today-button{color:#999;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-size:11px;display:block}.today-button:hover{color:#fff}.chat-area{overflow-y:auto}.messages{padding-bottom:10px}.thinking-message{align-items:center;gap:5px;width:fit-content;display:flex}.thinking-message span{background:#777;border-radius:50%;width:7px;height:7px;animation:1.2s infinite thinkingDot}.thinking-message span:nth-child(2){animation-delay:.2s}.thinking-message span:nth-child(3){animation-delay:.4s}@keyframes thinkingDot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.image-preview-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-preview-modal{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-preview-full{object-fit:contain;border-radius:16px;width:auto;max-width:85vw;height:auto;max-height:80vh;display:block;box-shadow:0 20px 70px #0009}.image-preview-close{color:#fff;cursor:pointer;z-index:2;background:#181818;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:27px;line-height:1;display:flex;position:absolute;top:-18px;right:-18px}.image-preview-close:hover{background:#292929}.image-preview-name{color:#aaa;text-overflow:ellipsis;white-space:nowrap;max-width:500px;margin-top:12px;font-size:13px;overflow:hidden}@media (width<=600px){.chat-page{width:100%;height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.chat-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:0 18px;display:flex}.chat-header{flex-shrink:0;min-height:82px;padding:18px 0 15px}.chat-header h2{margin:2px 0;font-size:24px;line-height:1.1}.chat-brand{letter-spacing:5px;font-size:9px}.chat-date{font-size:11px}.back-button,.history-button{border-radius:14px;min-height:48px}.back-button{width:48px;font-size:25px}.history-button{padding:0 17px;font-size:13px}.chat-area{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px 0;overflow-y:auto}.messages{gap:18px;width:100%}.message{max-width:82%}.message.ai{border-radius:18px;max-width:84%;padding:16px 18px;font-size:15px;line-height:1.55}.message.user{max-width:84%}.user-message-text{font-size:15px!important;line-height:1.45!important}.ai-markdown p{margin-top:0;margin-bottom:10px}.ai-markdown p:last-child{margin-bottom:0}.composer-area{width:100%;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#070707;flex-shrink:0}.message-box{box-sizing:border-box;border-radius:20px;width:100%;min-height:58px;padding:6px}.message-box input[type=text]{min-width:0;padding:0 8px;font-size:16px}.upload-button,.mic-button,.send-button{border-radius:14px;width:46px;min-width:46px;height:46px}.send-button{font-size:23px}.pending-attachments{max-width:100%;overflow-x:auto}.history-page{padding:20px 0}.history-card{border-radius:16px}}@media (width<=390px){.chat-container{padding-left:14px;padding-right:14px}.chat-header h2{font-size:22px}.message.ai,.message.user{max-width:88%}.message.ai{padding:15px 16px;font-size:14.5px}.history-button{padding:0 13px}}