:root{--bg-page: #f2f4f7;--bg-window: rgba(255, 255, 255, .82);--bg-header: rgba(255, 255, 255, .72);--bg-surface: #ffffff;--text-primary: #0b1f35;--text-secondary: #6b7585;--text-chip: #0b1f35;--text-inverse: #fff;--border-main: rgba(11, 31, 53, .09);--border-glass: rgba(255, 255, 255, .55);--bubble-ai-bg: #ffffff;--bubble-ai-color: #0b1f35;--bubble-user-bg: linear-gradient(140deg, #e8192c 0%, #a80d1e 100%);--accent: #ef3124;--accent-glow: rgba(239, 49, 36, .22);--icon-muted: #6b7585;--icon-active: #0b1f35;--shadow-window: 0 40px 100px -20px rgba(11, 31, 53, .14), inset 0 0 0 1px rgba(255, 255, 255, .6);--shadow-bubble: 0 6px 20px -6px rgba(11, 31, 53, .07);--shadow-user: 0 10px 24px -6px rgba(232, 25, 44, .35);color-scheme:light;font-family:Onest,Inter,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{--bg-page: #07080a;--bg-window: rgba(14, 16, 22, .82);--bg-header: rgba(14, 16, 22, .72);--bg-surface: #16181e;--text-primary: #eef0f5;--text-secondary: #6b7585;--text-chip: #d0d4e0;--text-inverse: #fff;--border-main: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .04);--bubble-ai-bg: #1a1c25;--bubble-ai-color: #eef0f5;--bubble-user-bg: linear-gradient(140deg, #e8192c 0%, #a80d1e 100%);--accent: #ef3124;--accent-glow: rgba(239, 49, 36, .35);--icon-muted: #6b7585;--icon-active: #eef0f5;--shadow-window: 0 50px 120px -20px rgba(0, 0, 0, .9), inset 0 0 0 1px rgba(255, 255, 255, .05);--shadow-bubble: 0 8px 24px -8px rgba(0, 0, 0, .4);--shadow-user: 0 10px 24px -6px rgba(232, 25, 44, .4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{height:100vh;height:100svh;height:100dvh;font-family:inherit;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100vh;height:100svh;height:100dvh;overflow:hidden}button{background:none;border:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.alfa-app-bg{position:fixed;inset:0;z-index:0;background:var(--bg-page);overflow:hidden;pointer-events:none}.alfa-app-bg:before,.alfa-app-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(140px);opacity:.5;animation:orbFloat 20s ease-in-out infinite alternate;pointer-events:none}.alfa-app-bg:before{top:-15%;right:-10%;width:50vmax;height:50vmax;background:radial-gradient(circle,var(--accent-glow),transparent 65%)}.alfa-app-bg:after{bottom:-20%;left:-10%;width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(30,50,100,.15),transparent 60%);animation-delay:-8s}:root[data-theme=dark] .alfa-app-bg:after{background:radial-gradient(circle,rgba(50,80,230,.1),transparent 65%)}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(-30px,25px) scale(1.04)}to{transform:translate(20px,-35px) scale(.96)}}.alfa-app{position:relative;z-index:1;width:100%;height:100vh;height:100svh;height:100dvh;display:flex;justify-content:center;align-items:center;padding:clamp(0px,2vw,32px) clamp(0px,2vw,32px)}.alfa-main{width:100%;max-width:920px;height:100%;max-height:min(880px,100%)}.chat-window{width:100%;height:100%;background:var(--bg-window);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:clamp(0px,3vw,36px);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-window);border:1px solid var(--border-glass);animation:windowIn .7s cubic-bezier(.16,1,.3,1) both}@media(max-width:480px){.chat-window{border:none;box-shadow:none;border-radius:0}.alfa-app{padding:0}.chat-header{padding-top:calc(10px + env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:6px}.chat-header-left{gap:8px}.chat-header-right{gap:6px}.messages-area{padding:12px 12px 10px}.msg-row,.bubble{max-width:100%}.chips-section{padding:6px 12px 12px;max-height:44%}.composer{padding:8px 12px calc(12px + env(safe-area-inset-bottom))}.composer-inner{padding:6px 8px;gap:4px}}@keyframes windowIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2vw,20px) clamp(14px,3vw,28px);background:var(--bg-header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border-main);flex-shrink:0;z-index:10;gap:8px}.chat-header-left{display:flex;align-items:center;gap:clamp(10px,2vw,14px);min-width:0}.ai-avatar{width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);background:linear-gradient(140deg,#e8192c,#a80d1e);border-radius:clamp(10px,2vw,16px);display:flex;align-items:center;justify-content:center;font-family:Geologica,sans-serif;font-weight:800;font-size:clamp(14px,2.5vw,18px);color:#fff;flex-shrink:0;box-shadow:0 6px 18px -3px var(--accent-glow);text-shadow:0 1px 3px rgba(0,0,0,.15)}.chat-header-info{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-header-name{font-size:clamp(14px,2.5vw,17px);font-weight:700;color:var(--text-primary);font-family:Geologica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-sub{font-size:clamp(11px,1.8vw,13px);color:var(--text-secondary);font-weight:500}.chat-header-right{display:flex;align-items:center;gap:clamp(6px,1.5vw,12px);flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:999px;border:1px solid var(--border-main);background:var(--bg-surface)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:clamp(28px,5vw,34px);height:clamp(28px,5vw,34px);border-radius:50%;background:transparent;border:none;color:var(--icon-muted);transition:all .25s cubic-bezier(.16,1,.3,1)}.theme-toggle-btn.active{background:var(--bg-header);color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.theme-toggle-btn:hover:not(.active){color:var(--icon-active)}.header-ghost-btn{display:flex;align-items:center;justify-content:center;width:clamp(32px,6vw,42px);height:clamp(32px,6vw,42px);border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-main);color:var(--icon-muted);transition:all .3s cubic-bezier(.16,1,.3,1)}.header-ghost-btn:hover:not(:disabled){color:var(--icon-active);transform:rotate(-15deg) scale(1.05)}.header-ghost-btn:disabled{opacity:.3;cursor:not-allowed}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:clamp(16px,3vw,36px) clamp(12px,3vw,28px) clamp(10px,1.5vw,16px);display:flex;flex-direction:column;gap:clamp(8px,1.5vw,14px);scrollbar-width:thin;scrollbar-color:var(--border-main) transparent}.messages-area::-webkit-scrollbar{width:5px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:10px}.date-divider{text-align:center;font-size:clamp(10px,1.5vw,12px);color:var(--text-secondary);margin-bottom:clamp(8px,2vw,20px);font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.msg-row{display:flex;align-items:flex-end;gap:clamp(8px,1.5vw,12px);max-width:88%;min-width:0}.msg-row.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:clamp(24px,4.5vw,32px);height:clamp(24px,4.5vw,32px);background:linear-gradient(140deg,#e8192c,#a80d1e);border-radius:clamp(7px,1.5vw,10px);display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.8vw,12px);font-weight:800;color:#fff;flex-shrink:0;margin-bottom:22px;box-shadow:0 3px 10px var(--accent-glow);font-family:Geologica,sans-serif}.msg-content-column{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0;max-width:100%}.msg-row.user .msg-content-column{flex:0 1 auto;max-width:100%;align-items:flex-end}.bubble{display:inline-block;padding:clamp(10px,2vw,16px) clamp(12px,2.5vw,20px);font-size:clamp(13px,2vw,15px);line-height:1.55;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.msg-row:not(.user) .bubble{background:var(--bubble-ai-bg);color:var(--bubble-ai-color);border-radius:clamp(14px,3vw,22px) clamp(14px,3vw,22px) clamp(14px,3vw,22px) 4px;border:1px solid var(--border-main);box-shadow:var(--shadow-bubble)}.msg-row:not(.user) .bubble strong{color:var(--text-primary);font-weight:700}.msg-row.user .bubble{background:var(--bubble-user-bg);color:var(--text-inverse);border-radius:clamp(14px,3vw,22px) clamp(14px,3vw,22px) 4px clamp(14px,3vw,22px);border:none;box-shadow:var(--shadow-user);font-weight:500}.msg-time{font-size:clamp(9px,1.3vw,11px);color:var(--text-secondary);margin-left:4px;font-weight:600;opacity:.7}.msg-time.user{margin-left:0;margin-right:4px;text-align:right}.bubble.assistant p{margin:0}.bubble.assistant p+p{margin-top:.8em}.bubble.assistant ul,.bubble.assistant ol{margin:.6em 0;padding-left:1.5em}.bubble.assistant pre{background:#0000000a;padding:clamp(8px,1.5vw,12px);border-radius:10px;overflow-x:auto;border:1px solid var(--border-main);font-size:.85em}:root[data-theme=dark] .bubble.assistant pre{background:#00000040}.bubble.assistant code{background:#0000000d;color:var(--accent);padding:2px 5px;border-radius:5px;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.plain-message-text,.markdown-content,.markdown-content p{overflow-wrap:anywhere;word-break:break-word}.plain-message-text{margin:0;white-space:pre-wrap}.typing-row{display:none;align-items:flex-end;gap:clamp(8px,1.5vw,12px)}.typing-row.show{display:flex}.typing-dots{display:flex;align-items:center;gap:5px;background:var(--bubble-ai-bg);padding:clamp(12px,2vw,18px) clamp(14px,2.5vw,20px);border-radius:18px 18px 18px 4px;border:1px solid var(--border-main);box-shadow:var(--shadow-bubble)}.dot{width:6px;height:6px;background:var(--text-secondary);border-radius:50%;animation:dotBounce 1.3s infinite}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.chips-section{padding:clamp(6px,1vw,10px) clamp(12px,3vw,28px) clamp(12px,2vw,20px);flex-shrink:0;animation:fadeUp .5s ease both;overflow-y:auto;max-height:50%}.chips-label{font-size:clamp(10px,1.5vw,12px);color:var(--text-secondary);margin-bottom:clamp(8px,1.5vw,14px);padding-left:4px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-family:Geologica,sans-serif}.chips{display:flex;flex-direction:column;gap:clamp(6px,1vw,10px)}.chip{display:flex;align-items:center;gap:clamp(8px,1.5vw,14px);background:var(--bg-surface);border:1px solid var(--border-main);border-radius:clamp(12px,2vw,18px);padding:clamp(10px,1.8vw,16px) clamp(12px,2vw,20px);transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;width:100%;color:var(--text-chip);font-size:clamp(12.5px,2vw,14.5px);font-weight:500}.chip:hover{border-color:var(--accent);color:var(--text-primary);transform:translate(4px);box-shadow:0 8px 24px var(--accent-glow)}.chip-icon{font-size:clamp(16px,2.5vw,20px);flex-shrink:0;transition:transform .3s}.chip:hover .chip-icon{transform:scale(1.15) rotate(-5deg)}.chip-arrow{margin-left:auto;color:var(--text-secondary);font-size:clamp(16px,2.5vw,20px);transition:all .25s;opacity:.5;flex-shrink:0}.chip:hover .chip-arrow{color:var(--accent);transform:translate(3px);opacity:1}.composer{padding:clamp(8px,1.5vw,16px) clamp(12px,3vw,28px) clamp(12px,3vw,28px);padding-bottom:max(clamp(12px,3vw,28px),env(safe-area-inset-bottom));flex-shrink:0;background:linear-gradient(to top,var(--bg-header) 60%,transparent);border-top:1px solid var(--border-main);z-index:10}.composer-form{position:relative}.composer-inner{display:flex;align-items:center;gap:clamp(4px,1vw,10px);background:var(--bg-surface);border:1px solid var(--border-main);border-radius:clamp(20px,4vw,32px);padding:clamp(6px,1.2vw,10px) clamp(10px,2vw,16px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 28px #00000008}.composer-inner:focus-within{border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-2px)}.composer-inner textarea{flex:1;min-width:0;background:transparent;border:none;outline:none;resize:none;font-size:clamp(13px,2vw,15px);color:var(--text-primary);line-height:1.45;height:22px;max-height:100px;overflow-y:auto;padding:2px 0;scrollbar-width:none;font-weight:500}.composer-inner textarea::-webkit-scrollbar{display:none}.composer-inner textarea::placeholder{color:var(--text-secondary);font-weight:400;opacity:.7}.composer-disclaimer{margin:clamp(6px,1vw,8px) 0 0;padding-inline:clamp(8px,2vw,16px);font-size:clamp(10px,1.5vw,11px);line-height:1.35;color:var(--text-secondary);opacity:.75;text-align:center}.icon-btn{width:clamp(28px,5vw,38px);height:clamp(28px,5vw,38px);display:flex;align-items:center;justify-content:center;color:var(--icon-muted);border-radius:50%;transition:all .2s;flex-shrink:0;font-size:0}.icon-btn:hover{color:var(--icon-active);background:#8080801a}.icon-btn.recording{color:var(--accent);background:#ef31241a;animation:pulseRec 1.4s infinite}.send-btn{width:clamp(30px,5.5vw,42px);height:clamp(30px,5.5vw,42px);background:var(--bubble-user-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s cubic-bezier(.16,1,.3,1);opacity:.4;filter:grayscale(1);transform:scale(.85)}.send-btn.active{opacity:1;filter:none;transform:scale(1);box-shadow:0 6px 16px var(--accent-glow)}.send-btn.active:hover{transform:scale(1.08);box-shadow:0 10px 24px var(--accent-glow)}@keyframes pulseRec{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px #ef312400}to{box-shadow:0 0 #ef312400}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade-in{animation:fadeUp .35s cubic-bezier(.16,1,.3,1) forwards}.queued-files-dock{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.queued-file-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--accent);background:var(--accent-glow);font-size:clamp(11px,1.7vw,13px);font-weight:600;color:var(--text-primary);max-width:100%}.queued-file-pill .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.queued-file-pill button{color:var(--text-primary);padding:2px;border-radius:50%;display:flex;align-items:center;transition:.2s}.queued-file-pill button:hover{background:#ffffff4d;color:var(--accent)}.feedback-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;margin-bottom:12px;background:var(--accent-glow);border:1px solid var(--accent);color:var(--text-primary);font-size:clamp(12px,1.8vw,13.5px);font-weight:600}.feedback-toast button{color:currentColor;display:flex;align-items:center;flex-shrink:0}.feedback-toast-warning{background:#f973161f;border-color:#f973164d;color:#f97316}.chip:disabled,.icon-btn:disabled,.composer-inner textarea:disabled{cursor:not-allowed;opacity:.5}.chip:disabled:hover,.icon-btn:disabled:hover{transform:none;box-shadow:none}.voice-status-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-surface);border:1px solid var(--accent);color:var(--accent);box-shadow:0 4px 12px var(--accent-glow)}.voice-status-chip.transcribing{border-color:#22c55e;color:#22c55e;box-shadow:0 4px 12px #22c55e33}.voice-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.voice-status-chip.recording .voice-status-dot{animation:pulseRec 1s infinite}.message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#0000000d;font-size:12px;font-weight:600;color:var(--text-secondary)}:root[data-theme=dark] .attachment-pill{background:#ffffff0f}.offer-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2vw,24px);background:#080a12b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.offer-modal{width:min(900px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;gap:12px;border-radius:20px;border:1px solid var(--border-main);background:var(--bg-surface);color:var(--text-primary);padding:clamp(16px,2.8vw,28px);box-shadow:0 24px 72px #00000059;outline:none}.offer-title{font-size:clamp(18px,2.8vw,24px);line-height:1.25;font-weight:700}.offer-subtitle{font-size:clamp(13px,1.8vw,15px);color:var(--text-secondary);line-height:1.45}.offer-content{margin-top:2px;flex:1;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:clamp(12.5px,1.8vw,14px);line-height:1.45;color:var(--text-primary);background:#7f7f7f12;border:1px solid var(--border-main);border-radius:14px;padding:clamp(12px,2vw,16px)}.offer-actions{display:flex;justify-content:flex-end;gap:10px}.offer-btn{min-width:130px;height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border-main);font-weight:650;font-size:14px}.offer-btn-decline{background:var(--bg-window);color:var(--text-primary)}.offer-btn-accept{background:var(--bubble-user-bg);color:#fff;border:none}@media(max-width:640px){.offer-actions{flex-direction:column-reverse}.offer-btn{width:100%}}