*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#fff;--card:#fff;--card2:#f8f9fa;--bdr:#e9ecef;--bdr2:#ced4da;--red:#e33203;--red-h:#c22b03;--red-d:rgba(227,50,3,.08);--red-lt:#fdebe6;--blue:#007bff;--blue-d:rgba(0,123,255,.1);--blue-lt:#e6f2ff;--yellow:#ffc107;--yellow-d:rgba(255,193,7,.12);--green:#28a745;--green-d:rgba(40,167,69,.1);--amber:#ffc107;--amber-d:rgba(255,193,7,.12);--fg:#212529;--fg2:#6c757d;--fg3:#868e96;--ff:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--r:12px;--r-sm:8px;--r-pill:999px;--r-xl:16px;--shadow-sm:0 1px 3px rgba(11,27,43,.08),0 1px 2px rgba(11,27,43,.04);--shadow:0 6px 16px rgba(11,27,43,.08);--shadow-lg:0 14px 32px rgba(11,27,43,.1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.2,0,0,1)}body,html{height:100%;overflow:hidden}body{font-family:var(--ff);font-weight:400;color:var(--fg);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px circle at 12% -10%,rgba(0,123,255,.09),transparent 55%),radial-gradient(900px circle at 100% 105%,rgba(227,50,3,.07),transparent 55%),#f2f3f5}.app{display:flex;flex-direction:column;height:calc(100vh - 48px);max-width:860px;margin:24px auto;background:var(--surface);border-radius:24px;box-shadow:0 24px 60px -16px rgba(11,27,43,.22),0 8px 24px -8px rgba(227,50,3,.1),0 0 0 1px rgba(11,27,43,.04);overflow:hidden}@media (max-width:640px){.app{height:100vh;margin:0;border-radius:0}}.header{flex-shrink:0;justify-content:space-between;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--bdr)}.hbrand,.header{display:flex;align-items:center;gap:14px}.hbrand{min-width:0}.fotc-logo{display:block;height:26px;width:auto;flex-shrink:0}.hmeta{min-width:0}.hname-row{display:flex;align-items:center;gap:8px}.hname{font-family:var(--ff);font-size:15.5px;font-weight:500;color:var(--fg);line-height:1;white-space:nowrap}.hsub{font-size:11.5px;color:var(--fg3);margin-top:3px;font-weight:400}.hstatus{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;color:var(--green);white-space:nowrap}.hstatus--pending{color:var(--amber)}.hstatus--off{color:var(--red)}.hstatus-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor;animation:blink 1.8s infinite}.hstatus--off .hstatus-dot{box-shadow:none;animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.hright{flex-shrink:0;display:flex;align-items:center;gap:10px}.hactions{gap:4px;padding:3px;background:var(--card2)}.hactions,.icon-btn{flex-shrink:0;display:flex;align-items:center;border-radius:var(--r-pill)}.icon-btn{gap:5px;height:30px;padding:0 12px;border:none;background:transparent;color:var(--fg2);font-family:var(--ff);font-size:11px;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease-out),color .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .15s var(--ease-out)}.icon-btn:hover:not(:disabled){background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm)}.icon-btn:active:not(:disabled){transform:scale(.95)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--syncing{background:var(--blue-d);color:var(--blue)}.icon-btn--syncing svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.lang-switch{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 11px;border:1px solid var(--bdr);border-radius:var(--r-pill);background:var(--surface);color:var(--fg2);transition:border-color .15s var(--ease-out)}.lang-switch:hover{border-color:var(--bdr2)}.lang-switch:focus-within{border-color:var(--red)}.lang-switch__gl{width:15px;height:15px;flex-shrink:0}.lang-switch__cv{width:13px;height:13px;flex-shrink:0}.lang-switch__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;font-family:var(--ff);font-size:12px;font-weight:500;color:var(--fg);cursor:pointer;padding:0}.sync-toast{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:7px 28px;background:var(--blue-lt);border-bottom:1px solid rgba(0,123,255,.2);font-size:12px;font-weight:400;color:var(--blue);animation:pop-in .28s var(--ease-out)}.sync-toast--error{background:var(--red-lt);border-bottom-color:rgba(227,50,3,.2);color:var(--red)}.ctx-bar,.sync-toast-icon{display:flex}.ctx-bar{flex-shrink:0;align-items:center;gap:14px;padding:8px 28px;background:var(--bg);border-bottom:1px solid var(--bdr);font-size:12px;color:var(--fg2);font-weight:400;overflow-x:auto;scrollbar-width:none}.ctx-bar::-webkit-scrollbar{display:none}.ctx-icon{display:flex;color:var(--fg3)}.ctx-icon,.ctx-label,.ctx-sep{flex-shrink:0}.ctx-sep{color:var(--bdr2)}.ctx-tag{padding:2px 9px;border-radius:var(--r-pill);background:var(--blue-lt);border:1px solid rgba(0,123,255,.2);font-size:10px;font-weight:500;color:var(--blue);flex-shrink:0;white-space:nowrap}.msgs{flex:1 1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:18px;background:var(--card2);scroll-behavior:smooth}.msgs::-webkit-scrollbar{width:4px}.msgs::-webkit-scrollbar-track{background:transparent}.msgs::-webkit-scrollbar-thumb{background:var(--bdr2);border-radius:2px}.mrow{display:flex;align-items:flex-end;gap:10px;animation:pop-in .28s var(--ease-out) backwards}.mrow.user{flex-direction:row-reverse}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ff);font-size:10px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.av-bot{background:var(--red);color:#fff}.av-user{background:#333;color:#fff}.mcol{display:flex;flex-direction:column;gap:4px;max-width:70%}.mrow.user .mcol{align-items:flex-end}.bubble{padding:12px 16px;font-size:14px;line-height:1.65;word-break:break-word;font-weight:400}.bubble p{margin:0 0 6px}.bubble p:last-child{margin-bottom:0}.bubble ol,.bubble ul{margin:4px 0 6px;padding-left:18px}.bubble li{margin-bottom:2px}.b-assistant{background:var(--card);border-radius:4px 18px 18px 18px;color:var(--fg);box-shadow:var(--shadow)}.b-user{background:var(--red);color:#fff;border-radius:18px 4px 18px 18px;font-weight:400;box-shadow:0 4px 14px -4px rgba(227,50,3,.4)}.tdots{display:flex!important;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content}.tdots span{display:block;width:7px;height:7px;border-radius:50%;background:var(--bdr2);animation:bounce-dot 1.2s infinite}.tdots span:nth-child(2){animation-delay:.16s}.tdots span:nth-child(3){animation-delay:.32s}@keyframes bounce-dot{0%,60%,to{transform:translateY(0);background:var(--bdr2)}30%{transform:translateY(-5px);background:var(--red)}}.mmeta{font-size:11px;color:var(--fg3);display:flex;align-items:center;gap:6px;font-weight:400}.cite{display:inline-block;width:16px;height:16px;padding:0;margin:0 1px;border-radius:3px;background:var(--blue-lt);border:1px solid rgba(0,123,255,.35);color:var(--blue);font-size:9px;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:0;vertical-align:middle;font-style:normal;text-decoration:none;cursor:pointer;position:relative;flex-shrink:0;box-sizing:border-box}.cite>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1}.cite:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.cite[data-tip]:before{content:"";bottom:calc(100% + 2px);border:5px solid transparent;border-top:5px solid var(--surface);z-index:201;filter:drop-shadow(0 1px 0 var(--bdr))}.cite[data-tip]:after,.cite[data-tip]:before{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;opacity:0;transition:opacity .15s}.cite[data-tip]:after{content:attr(data-tip);bottom:calc(100% + 12px);background:var(--surface);color:var(--fg);padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--bdr);box-shadow:0 4px 16px rgba(11,27,43,.1);font-size:12px;font-weight:400;white-space:normal;width:max-content;max-width:220px;text-align:left;z-index:200;font-family:var(--ff);line-height:1.45}.cite[data-tip]:hover:after,.cite[data-tip]:hover:before{opacity:1}.sources-wrap{margin-top:2px}.sources-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid rgba(0,123,255,.25);background:var(--blue-lt);font-family:var(--ff);font-size:11px;font-weight:500;color:var(--blue);cursor:pointer;transition:background .15s,border-color .15s}.sources-toggle:hover{background:var(--blue-d);border-color:rgba(0,123,255,.45)}.sources-toggle svg.chevron{transition:transform .2s}.sources-toggle.open svg.chevron{transform:rotate(180deg)}.sources-list{display:flex;flex-direction:column;gap:3px;margin-top:5px;animation:pop-in .15s ease-out}.source-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:var(--r-sm);border:1px solid var(--bdr);background:var(--surface);text-decoration:none;transition:border-color .15s,background .15s}.source-link:hover{border-color:var(--blue);background:var(--blue-lt)}.source-title{font-size:12px;font-weight:400;color:var(--blue);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-score{font-size:10px;font-weight:500;color:var(--fg3);flex-shrink:0;padding:1px 6px;border-radius:10px;background:var(--card2);border:1px solid var(--bdr)}.qstrip{flex-shrink:0;display:flex;gap:8px;padding:14px 28px;border-top:1px solid var(--bdr);overflow-x:auto;scrollbar-width:none;background:var(--surface)}.qstrip::-webkit-scrollbar{display:none}.qbtn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--bdr);background:var(--surface);color:var(--fg2);font-family:var(--ff);font-size:12px;font-weight:400;cursor:pointer;white-space:nowrap;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .15s var(--ease-out)}.qbtn:hover:not(:disabled){border-color:var(--red);color:var(--red);background:var(--red-lt);box-shadow:0 4px 12px -4px rgba(227,50,3,.25);transform:translateY(-1px)}.qbtn:active:not(:disabled){transform:scale(.97)}.qbtn:disabled{opacity:.4;cursor:not-allowed}.qbtn-step{font-size:9px;font-weight:700;color:var(--fg3);background:var(--bdr2);border-radius:3px;padding:1px 4px;margin-left:2px;font-family:ui-monospace,monospace;transition:color .15s,background .15s}.qbtn:hover:not(:disabled) .qbtn-step{background:var(--red-lt);color:var(--red)}.iarea{flex-shrink:0;padding:12px 28px 20px;background:var(--surface)}.iwrap{display:flex;align-items:center;gap:8px;background:var(--card2);border:1.5px solid transparent;border-radius:var(--r-pill);padding:8px 8px 8px 18px;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s var(--ease-out)}.iwrap:focus-within{border-color:var(--red);box-shadow:0 0 0 4px var(--red-d);background:#fff}.ifield{flex:1 1;background:transparent;border:none;outline:none;color:var(--fg);font-family:var(--ff);font-size:14px;font-weight:400;min-width:0}.ifield::placeholder{color:var(--fg3)}.sbtn{width:38px;height:38px;flex-shrink:0;border:none;border-radius:50%;background:var(--red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -3px rgba(227,50,3,.5);transition:background .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.sbtn:hover:not(:disabled){background:var(--red-h);transform:scale(1.06)}.sbtn:active:not(:disabled){transform:scale(.93)}.sbtn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.inote{margin-top:9px;font-size:11px;color:var(--fg3);text-align:center;font-weight:400}.overlay{position:fixed;inset:0;background:rgba(11,27,43,.55);display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px;animation:fade .2s var(--ease-out)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:18px;padding:32px;max-width:420px;width:100%;animation:rise .32s var(--ease-out);box-shadow:var(--shadow-lg)}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.m-icon-wrap{width:48px;height:48px;background:var(--blue-lt);color:var(--blue);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.m-title{font-family:var(--ff);font-size:18px;font-weight:500;color:var(--fg);margin-bottom:8px}.m-desc{font-size:13.5px;color:var(--fg2);line-height:1.6;margin-bottom:18px;font-weight:400}.m-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.m-step{gap:11px;padding:10px 13px;background:var(--card2);font-size:13px;color:var(--fg2);font-weight:400}.m-step,.m-step-icon{display:flex;align-items:center;border-radius:var(--r-sm)}.m-step-icon{width:28px;height:28px;background:var(--blue-lt);color:var(--blue);justify-content:center;flex-shrink:0}.m-btns{display:flex;gap:8px}.m-cancel{flex:1 1;padding:10px;border-radius:var(--r-pill);border:1.5px solid var(--bdr2);background:transparent;color:var(--fg2);font-family:var(--ff);font-size:13.5px;font-weight:400;cursor:pointer;transition:border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out)}.m-cancel:hover{border-color:var(--fg);color:var(--fg)}.m-cancel:active{transform:scale(.97)}.m-confirm{flex:2 1;padding:10px;border-radius:var(--r-pill);border:none;background:var(--red);color:#fff;font-family:var(--ff);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .15s var(--ease-out),transform .15s var(--ease-out)}.m-confirm:hover{background:var(--red-h)}.m-confirm:active{transform:scale(.97)}@media (max-width:640px){.hsub{display:none}.header{padding:12px 16px}.ctx-bar{padding:6px 16px}.msgs{padding:16px}.qstrip{padding:10px 16px}.iarea{padding:10px 16px 16px}}