@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);font-family:Inter,sans-serif;overflow:hidden}#root{height:100vh;display:flex}.pdf-modal-overlay{z-index:200;-webkit-user-select:none;user-select:none;background:#000000f2;flex-direction:column;display:flex;position:fixed;inset:0}.pdf-modal-header{color:#fff;z-index:201;background:#1e293b;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.pdf-modal-header button{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.pdf-modal-header button:disabled{opacity:.3;cursor:default}.pdf-modal-close{background:#ef4444!important;margin-left:auto!important}.pdf-modal-body{flex:1;justify-content:center;padding:16px;display:flex;overflow:auto}.pdf-modal-body canvas{max-width:100%;height:auto;box-shadow:0 4px 24px #00000080}@media print{.pdf-modal-overlay{display:none!important}}.sidebar-wrap{flex-shrink:0;height:100vh;display:flex}.navbar{background:#0a1628;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:48px;padding:12px 0;display:flex}.nav-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.nav-btn:hover{color:#fffc;background:#ffffff0f}.nav-btn.active{color:#38bdf8;background:#38bdf81f}.nav-item{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:48px;padding:8px 4px;transition:all .15s;display:flex}.nav-item:hover{color:#fffc;background:#ffffff0f}.nav-item.active{color:#38bdf8}.nav-item svg{width:18px;height:18px}.nav-label{white-space:nowrap;font-size:9px}.nav-spacer{flex:1}.sidebar{color:#fff;background:linear-gradient(#0f172a 0%,#1e3a5f 100%);flex-direction:column;flex-shrink:0;width:200px;padding:12px 10px;display:flex}.sidebar .brand{color:#38bdf8;letter-spacing:-.5px;text-align:center;margin-bottom:16px;font-size:14px;font-weight:800}.sidebar .new-btn{color:#38bdf8;cursor:pointer;background:#0ea5e91f;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:7px 18px;font-size:11px;font-weight:600;transition:opacity .15s;display:inline-flex}.sidebar .new-btn:hover{opacity:.9}.sidebar .section{color:#ffffff4d;letter-spacing:.5px;margin:14px 0 6px;font-size:10px}.sidebar .list{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow-y:auto}.sidebar .item{color:#ffffff8c;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;min-height:32px;padding:7px 10px;font-size:12px;transition:background .1s;animation:.25s slideIn;display:flex;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar .item:hover{background:#ffffff0d}.sidebar .item.active{color:#7dd3fc;background:#38bdf81a}.sidebar .item-title{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar .item-delete{color:#ffffff4d;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px 4px;transition:opacity .15s}.sidebar .item:hover .item-delete{opacity:1}.sidebar .item-delete:hover{color:#f87171}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:2px;margin-top:auto;padding-top:10px;display:flex}.sidebar-footer .footer-item{color:#ffffff80;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s;display:flex}.sidebar-footer .footer-item:hover{color:#fffc;background:#ffffff0d}.nav-badge{color:#fff;background:#dc2626;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:8px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.nav-btn{position:relative}.sidebar-wrap .sidebar{width:200px;transition:width .2s,opacity .2s;overflow:hidden}.sidebar-wrap.collapsed .sidebar{opacity:0;width:0;padding:0}@media (width<=768px){.navbar{padding:8px 0;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom));gap:2px;overflow-y:auto}.nav-btn{width:32px;height:32px}}.show-more-btn.sticky-bottom{background:linear-gradient(#0000,#0f172a 30%);padding-top:12px;position:sticky;bottom:0}.main{background:linear-gradient(160deg,#f0f9ff 0%,#eff6ff 50%,#f5f3ff 100%);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.main:before{content:"";pointer-events:none;background:radial-gradient(50% 40% at 80% 10%,#6366f10a,#0000);position:absolute;inset:0}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#ffffffb3;border-bottom:1px solid #0ea5e914;align-items:center;min-height:44px;padding:8px 24px;display:flex;position:relative}.header h1{color:#0f172a;flex:1;font-size:15px;font-weight:700}.env-badge{vertical-align:middle;color:#fff;background:#ef4444;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}.env-badge.blink{animation:1.5s infinite badge-blink}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.3}}.new-chat-btn{color:#0ea5e9;cursor:pointer;background:#0ea5e914;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.new-chat-btn:hover{background:#0ea5e926}.categories{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#ffffff80;border-bottom:1px solid #0ea5e90f;flex-wrap:wrap;gap:6px;padding:10px 24px;display:flex;position:relative}.cat-label{color:#64748b;width:100%;margin-bottom:2px;font-size:10px}.chip{color:#0369a1;cursor:pointer;background:0 0;border:1px solid #0ea5e92e;border-radius:16px;padding:5px 14px;font-size:11px;font-weight:500;transition:all .15s}.chip:hover{background:#0ea5e90a;border-color:#0ea5e9}.chip.sel{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:#0000;transform:scale(1.03);box-shadow:0 2px 8px #0ea5e933}.chip.disabled{opacity:.4;cursor:not-allowed}.chat{z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;gap:14px;padding:24px;display:flex;position:relative;overflow-y:auto}.chat .empty{color:#94a3b8;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.welcome{flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:-40px;padding:40px 24px;display:flex}.welcome-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;box-shadow:0 8px 24px #0ea5e933}.welcome-title{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:700}.welcome-brand{background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.welcome-sub{color:#64748b;margin-bottom:24px;font-size:13px}.welcome-categories{background:0 0;border:none;justify-content:center;margin-bottom:16px;padding:0}.center-input-wrap{width:100%;max-width:560px;position:relative}.center-input{background:#fff;border:1px solid #0ea5e933;border-radius:16px;outline:none;width:100%;padding:16px 96px 16px 20px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 16px #0ea5e914}.center-input:focus{border-color:#0ea5e9;box-shadow:0 4px 24px #0ea5e926}.center-input::placeholder{color:#94a3b8}.center-input-icon{z-index:1;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.center-spinner{border:2px solid #f59e0b4d;border-top-color:#f59e0b;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.center-pulse-dot{background:#dc2626;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.center-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.center-send:hover{transform:translateY(-50%)scale(1.06)}.center-mic{color:#0ea5e9;cursor:pointer;background:#0ea5e914;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;right:54px;transform:translateY(-50%)}.center-mic:hover{background:#0ea5e926}.center-mic.rec{color:#fff;background:#dc2626}.welcome-transcript{color:#dc2626;background:#dc26260f;border:1px solid #dc262626;border-radius:8px;width:100%;max-width:560px;margin-top:16px;padding:10px 16px;font-size:13px;animation:.2s fadeIn}.msg{max-width:74%;font-size:var(--chat-font-size,13px);border-radius:10px;padding:11px 15px;line-height:1.6;animation:.3s msgIn}.msg.user{color:#0c4a6e;background:#0ea5e914;align-self:flex-end}.msg.bot{color:#1e293b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #0ea5e91a;align-self:flex-start;box-shadow:0 1px 4px #00000008}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg.bot{animation:.4s botIn}@keyframes botIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.msg .src{color:#64748b;border-top:1px solid #0ea5e914;justify-content:space-between;align-items:center;margin-top:10px;padding-top:7px;font-size:10px;display:flex}.src-tag{background:#0ea5e90f;border-radius:4px;padding:2px 8px}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 11px;font-size:10px;font-weight:500;transition:opacity .15s;display:flex}.play-btn:hover{opacity:.85}.play-btn.playing{background:#dc2626}.msg-footer{border-top:1px solid #0ea5e914;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.msg-actions{align-items:center;gap:2px;display:flex}.act-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px 6px;transition:all .15s;display:flex}.act-btn:hover{color:#0369a1;background:#0ea5e90f}.act-btn.active-good{color:#059669;background:#10b98114;animation:.4s scaleBounce}.act-btn.active-bad{color:#dc2626;background:#ef44440f;animation:.4s scaleBounce}@keyframes scaleBounce{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}.act-btn.active-play{color:#0ea5e9}.act-btn.locked{opacity:.5;cursor:default}.act-btn.locked:hover{background:0 0}.act-btn.copied{color:#059669;animation:.4s scaleBounce}.act-btn.copied:after{content:"✓";color:#fff;background:#0f172a;border-radius:4px;padding:2px 6px;font-size:9px;position:absolute;top:-16px}.act-btn{position:relative}.stop-bar{cursor:pointer;color:#dc2626;background:#dc26260a;border:1px solid #dc26261f;border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;display:flex}.stop-bar-text{font-size:10px;font-weight:500}.stop-bar-sentence{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.stop-bar-wave{align-items:center;gap:2px;display:flex}.stop-bar-wave span{background:#dc2626;border-radius:1px;width:2px;animation:.6s ease-in-out infinite wv}.stop-bar-wave span:nth-child(2){animation-delay:.1s}.stop-bar-wave span:nth-child(3){animation-delay:.2s}.audio-highlight{background:#0ea5e91f;border-radius:3px;padding:1px 2px}.audio-read{color:#94a3b8}.msg.bot table{border-collapse:collapse;width:100%;font-size:calc(var(--chat-font-size,13px) - 2px);margin:8px 0}.msg.bot th,.msg.bot td{text-align:left;border:1px solid #0ea5e926;padding:6px 8px}.msg.bot th{background:#0ea5e90a;font-weight:600}.msg.bot tr:nth-child(2n) td{background:#0ea5e908}.msg.bot ul,.msg.bot ol{margin:4px 0;padding-left:0;list-style:none}.msg.bot li{margin:3px 0;padding-left:16px;position:relative}.msg.bot li:before{content:"•";color:#0ea5e9;font-weight:700;position:absolute;left:0}.msg.bot li.no-bullet{padding-left:0}.msg.bot li.no-bullet:before{content:none}.msg.bot li.no-bullet>p:first-child{background:#0ea5e90a;border-left:3px solid #0ea5e9;border-radius:0 6px 6px 0;margin-bottom:6px;padding:6px 10px;font-weight:600}.msg.bot table li{padding-left:0}.msg.bot table li:before{content:none}.msg.bot>ul>li>h1,.msg.bot>ul>li>h2,.msg.bot>ul>li>h3{margin-left:0}.msg.bot h1,.msg.bot h2,.msg.bot h3{font-size:calc(var(--chat-font-size,13px) + 1px);color:#0369a1;border-top:1px solid #0ea5e914;margin:12px 0 4px;padding-top:10px;font-weight:600}.msg.bot h1{font-size:calc(var(--chat-font-size,13px) + 2px)}.msg.bot h1:first-child,.msg.bot h2:first-child,.msg.bot h3:first-child{border-top:none;margin-top:0;padding-top:0}.msg.bot p:first-child{font-weight:500;font-size:var(--chat-font-size,13px);background:#0ea5e90f;border-left:3px solid #0ea5e9;border-radius:0 6px 6px 0;margin-bottom:10px;padding:8px 12px}.msg.bot li p:first-child{font-weight:inherit;font-size:inherit;background:0 0;border-left:none;border-radius:0;margin-bottom:0;padding:0}.msg.bot p{margin:4px 0}.msg.bot code{font-size:calc(var(--chat-font-size,13px) - 2px);background:#0ea5e90f;border-radius:3px;padding:1px 4px}.msg.bot pre{background:#0ea5e90a;border-radius:6px;margin:6px 0;padding:8px;overflow-x:auto}.msg.bot strong{color:#0f172a;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.suggestions-box{background:#0ea5e90a;border:1px dashed #0ea5e926;border-radius:10px;max-width:85%;margin-top:8px;padding:10px 14px}.suggestions-label{color:#64748b;margin-bottom:6px;font-size:9px;font-weight:600}.suggestions-chips{flex-wrap:wrap;gap:6px;display:flex}.suggestion-chip{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #0ea5e933;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .15s}.suggestion-chip:hover{background:#0ea5e90f;border-color:#0ea5e9}.transcript{color:#0369a1;background:#0ea5e90f;border:1px solid #0ea5e926;border-radius:8px;padding:10px 14px;font-size:13px;animation:.2s fadeIn}.transcript .label{color:#0ea5e9;margin-bottom:3px;font-size:10px;font-weight:600}.voice-overlay{z-index:20;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.voice-sheet{text-align:center;background:#fff;border-radius:16px 16px 0 0;width:100%;padding:20px;animation:.3s slideUp;box-shadow:0 -4px 24px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.voice-handle{background:#e2e8f0;border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.voice-mic-icon{color:#fff;cursor:pointer;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;animation:1.2s infinite recPulse;display:flex}.voice-mic-icon.connecting{background:#f59e0b;animation:1.5s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b00}}.voice-connecting-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.voice-status{color:#1e293b;margin-bottom:8px;font-size:12px;font-weight:600}.voice-wave{justify-content:center;align-items:center;gap:3px;height:20px;margin:8px 0;display:flex}.voice-wave span{background:#dc2626;border-radius:2px;width:3px;animation:.6s ease-in-out infinite wv}.voice-wave span:nth-child(2){animation-delay:.1s}.voice-wave span:nth-child(3){animation-delay:.2s}.voice-wave span:nth-child(4){animation-delay:.3s}.voice-wave span:nth-child(5){animation-delay:.4s}.voice-transcript{color:#0f172a;min-height:20px;margin:8px 0;font-size:13px}.voice-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:16px;margin-top:8px;padding:5px 16px;font-size:11px}.loading{gap:5px;padding:6px 0;display:flex}.loading span{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:50%;width:7px;height:7px;animation:1.2s infinite bounce}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.ptt-overlay{z-index:20;background:#000000d9;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:absolute;inset:0}.ptt-content{text-align:center;color:#fff}.ptt-mic-circle{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 20px;animation:1.2s infinite recPulse;display:flex}.ptt-mic-circle.connecting{background:#f59e0b;animation:1.5s infinite pulse}.ptt-mic-circle.sending{background:#0ea5e9;animation:1.5s infinite pulse}.ptt-wave{justify-content:center;align-items:center;gap:4px;height:24px;margin:16px 0;display:flex}.ptt-wave span{background:#fff;border-radius:2px;width:4px;animation:.6s ease-in-out infinite wv}.ptt-wave span:nth-child(2){animation-delay:.1s}.ptt-wave span:nth-child(3){animation-delay:.2s}.ptt-wave span:nth-child(4){animation-delay:.3s}.ptt-wave span:nth-child(5){animation-delay:.4s}.ptt-status{margin-bottom:8px;font-size:16px;font-weight:600}.ptt-transcript{color:#ffffffb3;min-height:20px;margin-bottom:16px;font-size:14px}.ptt-transcript-full{color:#fff;text-align:left;word-break:break-all;background:#ffffff1a;border-radius:10px;max-height:40vh;margin:16px 24px;padding:12px 16px;font-size:15px;line-height:1.6;overflow-y:auto}.ptt-hint{color:#fff6;font-size:12px}.ptt-send-btn{cursor:pointer;color:#fff;background:#0ea5e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:20px auto 0;transition:transform .15s;display:flex;box-shadow:0 4px 16px #0ea5e966}.ptt-send-btn:hover{transform:scale(1.08)}.ptt-send-label{color:#fff9;margin-top:8px;font-size:11px}.input-bar{padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#ffffffb3;border-top:1px solid #0ea5e90f;align-items:center;gap:8px;display:flex;position:relative}.plus-btn{color:#0ea5e9;cursor:pointer;background:#fff;border:1px solid #0ea5e933;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.plus-btn:hover{background:#0ea5e90f}.input-bar input{background:#fff;border:1px solid #0ea5e926;border-radius:22px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.input-bar input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914}.mic-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex}.mic-btn:hover{transform:scale(1.06);box-shadow:0 4px 12px #0ea5e940}.mic-btn.rec{background:#dc2626;animation:1.2s infinite recPulse}@keyframes recPulse{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 10px #dc262600}}.send-btn{color:#0ea5e9;cursor:pointer;background:#0ea5e91a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.send-btn:hover{background:#0ea5e92e}.wave{align-items:center;gap:2px;height:12px;display:inline-flex}.wave span{background:#fff;border-radius:1px;width:2.5px;animation:.7s ease-in-out infinite wv}.wave span:nth-child(2){animation-delay:.1s}.wave span:nth-child(3){animation-delay:.2s}.wave span:nth-child(4){animation-delay:.3s}@keyframes wv{0%,to{height:3px}50%{height:11px}}.settings-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:#fff;border-radius:16px;width:320px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 24px #0000001f}.settings-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h2{font-size:16px;font-weight:600}.settings-close{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.settings-body{padding:20px}.setting-row{justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting-row span{color:#374151;font-size:13px}.setting-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:12px}.toggle{width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:#3b82f6}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}.settings-divider{background:#f0f0f0;height:1px;margin:16px 0}.setting-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:8px;padding:10px;font-size:12px;font-weight:500;transition:all .15s}.setting-btn:last-child{margin-bottom:0}.setting-btn:hover{background:#f9fafb}.setting-btn-blue{color:#3b82f6;border-color:#bfdbfe}.setting-btn-blue:hover{background:#eff6ff}.setting-preview{color:#6b7280;background:#f9fafb;border-radius:6px;margin-top:4px;padding:8px 12px;line-height:1.6;transition:font-size .15s}.font-slider-row{align-items:center;gap:10px;padding:4px 0 8px;display:flex}.font-label-small{color:#9ca3af;font-size:11px;font-weight:600}.font-label-large{color:#9ca3af;font-size:18px;font-weight:600}.font-slider{appearance:none;background:#e2e8f0;border-radius:4px;outline:none;flex:1;height:4px}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #3b82f64d}.font-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:18px;height:18px}.escalate-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0ea5e926;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.escalate-btn:hover{color:#0369a1;background:#0ea5e90f;border-color:#0ea5e9}.escalated-badge{color:#166534;background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;align-self:flex-start;padding:8px 14px;font-size:12px}@media (width<=768px){.sidebar-wrap{z-index:50;padding-top:env(safe-area-inset-top);transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-wrap.open{transform:translate(0)}.sidebar-overlay{z-index:49;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.hamburger,.welcome-header{display:flex}.welcome-header h1{display:none}.main{width:100vw;min-width:100vw}.header{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));min-height:44px}.header h1{font-size:14px}.categories{gap:4px;padding:8px 12px}.cat-label{font-size:9px}.chip{padding:4px 10px;font-size:10px}.chat{gap:10px;padding:14px 10px 10px}.msg{border-radius:8px;max-width:92%;padding:9px 12px;font-size:12px}.msg .src{font-size:9px}.src-tag{padding:2px 6px;font-size:9px}.play-btn{padding:3px 8px;font-size:9px}.input-bar{gap:6px;padding:8px 10px}.input-bar input{border-radius:18px;padding:8px 12px;font-size:16px}.input-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.mic-btn{width:34px;height:34px}.send-btn{width:30px;height:30px}.plus-btn{width:28px;height:28px}.transcript{margin:0 4px;padding:8px 12px;font-size:12px}.transcript .label{font-size:9px}.dept-list{gap:6px;padding:10px}.dept-card{padding:10px 12px}.dept-name{font-size:12px}.dept-desc{font-size:10px}.escalation-card{padding:10px 14px}.esc-question{font-size:12px}.esc-reason{font-size:10px}.esc-context{padding:8px 12px}.settings-panel{width:92vw;max-height:85vh}.settings-header,.settings-body{padding:12px 16px}.setting-row{font-size:12px}.escalate-btn{font-size:10px}.escalated-badge{padding:6px 10px;font-size:11px}.empty{font-size:12px}.loading span{width:6px;height:6px}.back-btn{margin-right:4px}}@media (width>=769px){.hamburger{display:none}.sidebar-overlay{display:none!important}.welcome-header{display:none}}.hamburger{color:#0f172a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px}.hamburger:hover{background:#0ea5e90f}.esc-pill-tabs{background:#fff;border-bottom:2px solid #e1e4e8;padding:0 16px;display:flex}.esc-pill-tab{color:#879196;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:11px;font-weight:600;transition:all .15s}.esc-pill-tab.active{color:#0f172a;border-bottom-color:#0f172a}.esc-pill-tab.active.sent{color:#0369a1;border-bottom-color:#0369a1}.esc-pill-tab.active.received{color:#dc2626;border-bottom-color:#dc2626}.esc-pill-cnt{color:#545b64;background:#e1e4e8;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:9px}.esc-pill-tab.active.sent .esc-pill-cnt{color:#fff;background:#0369a1}.esc-pill-tab.active.received .esc-pill-cnt,.esc-pill-cnt.alert{color:#fff;background:#dc2626}.esc-filter-bar{background:#f8f9fc;border-bottom:1px solid #e1e4e8;align-items:center;gap:6px;padding:8px 16px;display:flex}.esc-filter-label{color:#879196;font-size:9px;font-weight:600}.esc-filter-chip{color:#545b64;cursor:pointer;background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:500;transition:all .15s}.esc-filter-chip.active{color:#fff;background:#0f172a;border-color:#0f172a}.esc-filter-chip:hover{border-color:#0ea5e9}.esc-issue-time{color:#879196;white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:9px}.esc-issues{background:#f0f2f5;flex:1;padding:8px;overflow-y:auto}.esc-issue-item{cursor:pointer;background:#fff;border:1px solid #e1e4e8;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:12px 16px;transition:background .1s;display:flex}.esc-issue-item:hover{border-color:#0ea5e9;box-shadow:0 1px 4px #0ea5e91a}.esc-issue-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px}.esc-issue-icon.open{color:#f59e0b}.esc-issue-icon.progress{color:#3b82f6}.esc-issue-icon.done{color:#10b981}.esc-issue-body{flex:1;min-width:0}.esc-issue-title{color:#16191f;margin-bottom:3px;font-size:12px;font-weight:600}.esc-issue-meta{color:#879196;font-size:10px}.esc-badge{border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.esc-badge.open{color:#92400e;background:#fef3c7}.esc-badge.progress{color:#1e40af;background:#dbeafe}.esc-badge.done{color:#166534;background:#dcfce7}.esc-detail-bar{color:#545b64;background:#f8f9fc;border-bottom:1px solid #e1e4e8;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;font-size:10px;display:flex}.esc-detail-tag{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:500}.esc-detail-info{color:#64748b;font-size:10px}.esc-timeline{-webkit-overflow-scrolling:touch;flex:1;padding:16px;overflow-y:auto}.tl-item{gap:10px;margin-bottom:16px;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";background:#e1e4e8;width:1px;position:absolute;top:32px;bottom:-8px;left:15px}.tl-avatar{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex;position:relative}.tl-avatar.user{color:#0369a1;background:#e0f2fe}.tl-avatar.staff{color:#065f46;background:#dcfce7}.tl-content{flex:1}.tl-header{color:#545b64;margin-bottom:4px;font-size:10px}.tl-header strong{color:#16191f}.tl-time{color:#879196;margin-left:6px}.tl-text{color:#16191f;background:#f8f9fc;border:1px solid #e1e4e8;border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.6}.tl-text.staff{background:#f0fdf4;border-color:#bbf7d0}.tl-waiting{text-align:center;color:#94a3b8;padding:12px;font-size:10px}.esc-status-bar{background:#f8f9fc;border-top:1px solid #e1e4e8;align-items:center;gap:6px;padding:10px 16px;display:flex}.esc-status-label{color:#879196;margin-right:4px;font-size:9px;font-weight:600}.esc-s-btn{cursor:pointer;color:#545b64;background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:4px 10px;font-size:9px;transition:all .15s}.esc-s-btn:hover{color:#0ea5e9;border-color:#0ea5e9}.esc-s-btn.current.open{color:#92400e;background:#fef3c7;border-color:#f59e0b;font-weight:700}.esc-s-btn.current.progress{color:#1e40af;background:#dbeafe;border-color:#3b82f6;font-weight:700}.esc-s-btn.current.done{color:#166534;background:#dcfce7;border-color:#10b981;font-weight:700}.esc-reply{border-top:1px solid #e1e4e8;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.esc-reply textarea{resize:none;border:1px solid #e1e4e8;border-radius:6px;outline:none;flex:1;min-height:36px;padding:8px 10px;font-family:inherit;font-size:12px}.esc-reply textarea:focus{border-color:#0ea5e9}.esc-reply-btn{color:#fff;cursor:pointer;background:#16191f;border:none;border-radius:6px;flex-shrink:0;padding:8px 14px;font-size:10px;font-weight:600}.esc-reply-btn:disabled{opacity:.4;cursor:not-allowed}.esc-loading{justify-content:center;align-items:center;padding:60px 0;display:flex}.esc-original-qa{background:#f8f9fc;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:16px;padding:12px}.esc-qa-label{color:#879196;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:600}.esc-qa-msg{align-items:flex-start;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.esc-qa-msg:last-child{margin-bottom:0}.esc-qa-role{border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600}.esc-qa-msg.user .esc-qa-role{color:#0369a1;background:#e0f2fe}.esc-qa-msg.bot .esc-qa-role{color:#065f46;background:#f0fdf4}.esc-qa-text{color:#334155;line-height:1.5}.escalation-card{cursor:pointer;background:#ffffffd9;border:1px solid #0ea5e91a;border-radius:8px;padding:14px 18px;transition:border-color .15s}.escalation-card:hover{border-color:#0ea5e9}.esc-category{color:#0ea5e9;margin-bottom:4px;font-size:10px;font-weight:600}.esc-question{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:600}.esc-reason{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:11px;overflow:hidden}.esc-action{color:#0ea5e9;font-size:11px;font-weight:500}.esc-context{z-index:1;background:#fbbf240f;border-bottom:1px solid #fbbf2426;padding:10px 24px;position:relative}.esc-context-label{color:#d97706;margin-bottom:2px;font-size:10px;font-weight:600}.esc-context-text{color:#92400e;font-size:12px}.msg-sender{color:#0ea5e9;margin-bottom:2px;font-size:10px;font-weight:600}.streaming-msg{min-width:300px}.stream-step{color:#64748b;border-radius:5px;align-items:center;gap:8px;margin-bottom:6px;padding:5px 8px;font-size:11px;display:flex}.stream-step.active{color:#0ea5e9;font-weight:600}.stream-step.done{color:#059669}.stream-step.wait{color:#cbd5e1}.stream-step-icon{justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:flex}.stream-step-icon .dot{background:#e2e8f0;border-radius:50%;width:8px;height:8px}.stream-step.done .dot{background:#059669}.stream-step.active .dot{background:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.step-spinner{border:2px solid #0ea5e933;border-top-color:#0ea5e9;border-radius:50%;width:10px;height:10px;animation:.6s linear infinite stepSpin}@keyframes stepSpin{to{transform:rotate(360deg)}}.stream-text{margin-top:8px;line-height:1.7}.stream-cursor{vertical-align:middle;background:#0ea5e9;width:2px;height:14px;margin-left:2px;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.show-more-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:5px;width:100%;margin-top:4px;padding:6px 8px;font-size:10px}.show-more-btn:hover{color:#ffffffb3;background:#ffffff0d}.msg.no-anim{animation:none!important}.src-tag.clickable{cursor:pointer;text-decoration:underline}.src-tag.clickable:hover{color:#0ea5e9}.doc-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.doc-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:700px;max-height:80vh;display:flex;box-shadow:0 20px 60px #0003}.doc-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.doc-modal-header h2{color:#1e293b;font-size:14px;font-weight:600}.doc-modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:18px}.doc-modal-content{white-space:pre-wrap;word-wrap:break-word;color:#334155;flex:1;padding:20px;font-family:inherit;font-size:13px;line-height:1.7;overflow-y:auto}.thread-list{z-index:1;flex-direction:column;flex:1;gap:10px;padding:16px 24px;display:flex;position:relative;overflow-y:auto}.thread-item{cursor:pointer;background:#ffffffd9;border:1px solid #0ea5e91a;border-radius:10px;padding:14px 16px;transition:border-color .15s}.thread-item:hover{border-color:#0ea5e9}.thread-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.thread-item-title{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:600}.thread-item-preview{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.thread-item-meta{color:#94a3b8;margin-top:6px;font-size:10px}.thread-status{border-radius:10px;padding:2px 8px;font-size:9px}.thread-status.open{color:#92400e;background:#fef3c7}.thread-status.progress{color:#1e40af;background:#dbeafe}.thread-status.done{color:#065f46;background:#d1fae5}.thread-detail-header{background:#ffffff80;border-bottom:1px solid #0ea5e90f;align-items:center;gap:8px;padding:8px 24px;font-size:11px;display:flex}.thread-dept{color:#64748b;font-size:11px}.thread-msg{gap:10px;padding:4px 0;display:flex}.thread-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.thread-avatar.user{color:#0369a1;background:#0ea5e91a}.thread-avatar.staff{color:#065f46;background:#10b9811a}.thread-avatar.ai{color:#4338ca;background:#6366f11a}.thread-msg-content{flex:1}.thread-msg-name{color:#1e293b;margin-bottom:3px;font-size:10px;font-weight:600}.thread-msg-time{color:#94a3b8;margin-left:6px;font-size:9px;font-weight:400}.thread-msg-text{color:#334155;white-space:pre-wrap;background:#f8fafc;border-radius:8px;padding:8px 12px;font-size:11px;line-height:1.6}.thread-msg-text.staff{background:#f0fdf4}.thread-msg-text.ai{background:#6366f10a}.thread-waiting{text-align:center;color:#94a3b8;padding:12px;font-size:11px}.thread-resolved{text-align:center;color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:11px;font-weight:600;display:flex}.thread-knowledge-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:4px 10px;font-size:10px}.thread-reply{background:#ffffffb3;border-top:1px solid #0ea5e90f;align-items:flex-end;gap:8px;padding:12px 24px;display:flex}.thread-reply textarea{resize:none;border:1px solid #0ea5e926;border-radius:10px;outline:none;flex:1;min-height:36px;max-height:100px;padding:8px 12px;font-family:inherit;font-size:12px}.thread-reply textarea:focus{border-color:#0ea5e9}.btn-thread-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:11px;font-weight:600}.btn-thread-send:disabled{opacity:.4;cursor:not-allowed}.cat-badge{color:#0369a1;background:#0ea5e914;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.esc-modal{background:#fff;border-radius:12px;width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 16px 48px #00000026}.esc-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.esc-modal-header h2{color:#0f172a;font-size:15px;font-weight:700}.esc-modal-body{padding:16px 20px}.esc-modal-field{margin-bottom:14px}.esc-modal-field label{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.esc-textarea{resize:none;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:12px}.esc-textarea:focus{border-color:#0ea5e9}.esc-textarea-sm{min-height:50px}.esc-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:8px;padding:8px 16px;font-size:11px;font-weight:600}.btn-secondary{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:11px}.esc-reason-chips{flex-wrap:wrap;gap:6px;display:flex}.esc-reason-chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .15s}.esc-reason-chip:hover{color:#0369a1;border-color:#0ea5e9}.esc-reason-chip.active{color:#0369a1;background:#0ea5e914;border-color:#0ea5e9;font-weight:600}.esc-dest{align-items:center;gap:8px;display:flex}.esc-dest-text{color:#64748b;font-size:11px}.toast-notify{color:#fff;z-index:100;background:#059669;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:11px;font-weight:500;animation:.3s toastSlide;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-notify:before{content:"✓"}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fb-thanks{color:#059669;margin-left:4px;font-size:9px;animation:.3s fadeIn}.fb-thanks.bad{color:#dc2626}.act-btn-wrap{align-items:center;display:inline-flex}.disclaimer{text-align:left;color:#dc2626;padding:4px 12px;font-size:9px}@media (width<=768px){.disclaimer{white-space:nowrap;padding:2px 8px;font-size:7px}}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.bad-fb-modal{background:#fff;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 20px 60px #00000026}.bad-fb-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bad-fb-header h3{color:#1e293b;font-size:14px;font-weight:600}.bad-fb-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.bad-fb-close:hover{color:#475569;background:#f1f5f9}.bad-fb-body{padding:20px}.bad-fb-body p{color:#64748b;margin-bottom:12px;font-size:12px}.reason-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.reason-chip{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:6px 14px;font-size:11px;transition:all .15s}.reason-chip:hover{color:#0ea5e9;border-color:#0ea5e9}.reason-chip.selected{color:#0369a1;background:#0ea5e914;border-color:#0ea5e9;font-weight:500}.bad-fb-textarea{resize:none;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:80px;padding:10px 12px;font-family:inherit;font-size:12px}.bad-fb-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914}.bad-fb-textarea::placeholder{color:#94a3b8}.bad-fb-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.bad-fb-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-size:12px;font-weight:500}.bad-fb-btn.cancel{color:#475569;background:#f1f5f9}.bad-fb-btn.cancel:hover{background:#e2e8f0}.bad-fb-btn.submit{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1)}.bad-fb-btn.submit:hover{opacity:.9}.bad-fb-btn.submit:disabled{opacity:.4;cursor:default}.share-menu-wrap{display:inline-flex;position:relative}.share-menu{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:160px;padding:4px;animation:.15s fadeIn;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001a}.share-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;text-decoration:none;display:flex}.share-item:hover{color:#0369a1;background:#0ea5e90f}.splash{background:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.splash-letters{gap:4px;display:flex}.splash-letters span{color:#0ea5e9;font-size:48px;font-weight:900;animation:2s ease-in-out infinite splashWave;display:inline-block}.splash-letters span:nth-child(2){animation-delay:.25s}.splash-letters span:nth-child(3){animation-delay:.5s}@keyframes splashWave{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(-5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-8px)rotate(5deg)}}.splash-sub{color:#ffffff80;margin-top:12px;font-size:14px;font-weight:500}.app-fb-modal{background:#fff;border-radius:16px;width:400px;max-width:92vw;box-shadow:0 20px 60px #00000026}.app-fb-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.app-fb-header h3{color:#0f172a;font-size:15px;font-weight:700}.app-fb-sub{color:#94a3b8;font-size:10px}.app-fb-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.app-fb-close:hover{background:#f1f5f9}.app-fb-body{padding:20px}.app-fb-types{gap:8px;margin-bottom:18px;display:flex}.app-fb-type{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 8px;transition:all .15s;display:flex}.app-fb-type span{color:#334155;font-size:11px;font-weight:600}.app-fb-type svg{color:#64748b}.app-fb-type:hover{border-color:#94a3b8}.app-fb-type.sel-good{background:#10b9810a;border-color:#10b981}.app-fb-type.sel-good svg{color:#10b981}.app-fb-type.sel-improve{background:#0ea5e90a;border-color:#0ea5e9}.app-fb-type.sel-improve svg{color:#0ea5e9}.app-fb-type.sel-bug{background:#ef44440a;border-color:#ef4444}.app-fb-type.sel-bug svg{color:#ef4444}.app-fb-section-label{color:#64748b;margin-bottom:8px;font-size:10px;font-weight:600}.app-fb-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.app-fb-chip{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:6px 12px;font-size:11px;transition:all .15s}.app-fb-chip:hover{border-color:#0ea5e9}.app-fb-chip.sel-good{color:#fff;background:#059669;border-color:#059669}.app-fb-chip.sel-improve{color:#fff;background:#0369a1;border-color:#0369a1}.app-fb-chip.sel-bug{color:#fff;background:#dc2626;border-color:#dc2626}.app-fb-textarea{resize:none;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:70px;padding:10px 12px;font-family:inherit;font-size:12px}.app-fb-textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e914}.app-fb-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.app-fb-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:12px;font-weight:600}.app-fb-btn.cancel{color:#475569;background:#f1f5f9}.app-fb-btn.submit.good{color:#fff;background:#059669}.app-fb-btn.submit.improve{color:#fff;background:#0369a1}.app-fb-btn.submit.bug{color:#fff;background:#dc2626}.app-fb-success{text-align:center;padding:40px 32px}.app-fb-success .app-fb-check{background:#059669;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;animation:.6s fbPulse;display:flex}.app-fb-success .app-fb-check svg{color:#fff;width:28px;height:28px}.app-fb-success h3{color:#0f172a;margin-bottom:6px;font-size:15px;font-weight:700}.app-fb-success p{color:#64748b;font-size:11px}@keyframes fbPulse{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}
