html,body,#root{width:100%;min-height:100%}:root{--paper:#faf8f5;--sidebar:#f0ede7;--line:#ddd8d0;--ink:#272522;--muted:#77716a;--accent:#a55f3b;--accent-dark:#854826;--card:#fffdf9}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid #b87958;outline-offset:2px}.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--paper)}.sidebar{width:276px;flex:none;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line);padding:16px 12px 12px}.sidebar-header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.wordmark{font-weight:650;font-size:15px;letter-spacing:-.01em}.new-conversation{height:42px;border:1px solid #d5cec4;border-radius:10px;color:var(--ink);background:#f9f7f3;display:flex;gap:9px;align-items:center;padding:0 12px;margin:14px 4px 16px;text-align:left;font-size:14px;transition:.16s ease}.new-conversation:hover{background:#fffdf9;border-color:#bbb1a5}.new-conversation svg,.icon-button svg,.send-button svg,.delete-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conversation-list{overflow:auto;padding:0 4px;flex:1}.conversation-group{margin:0 0 16px}.conversation-group h2{color:#918a81;margin:0 0 5px 8px;font-size:11px;font-weight:600;letter-spacing:.06em}.conversation-row{position:relative;display:flex;align-items:center;min-width:0;border-radius:8px}.conversation-row:hover,.conversation-row.active{background:#e3ddd4}.conversation-select{background:none;border:0;color:#49443f;height:36px;padding:0 38px 0 9px;text-align:left;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.conversation-row.active .conversation-select{color:#292622;font-weight:560}.delete-button{position:absolute;right:5px;display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:6px;color:#837a70;background:transparent;opacity:0}.delete-button:hover{color:#8c3d2b;background:#eee4dc}.conversation-row:hover .delete-button,.conversation-row.active .delete-button{opacity:1}.empty-list{margin:25px 8px;color:#9c958c;font-size:13px;line-height:1.5}.sidebar-footer{margin:10px 7px 0;color:#777068;display:flex;gap:6px;align-items:center;font-size:12px;flex-wrap:wrap}.status-dot{width:7px;height:7px;border-radius:100%;background:#aba39a;flex:none}.status-dot.online{background:#608a67}.status-dot.offline{background:#b0523f}.model-select{flex:1;min-width:0;border:1px solid #d5cec4;border-radius:6px;background:#f5f2ed;color:var(--ink);font-size:11px;padding:2px 4px;cursor:pointer}.bridge-toggle{border:1px solid #d5cec4;border-radius:6px;background:#f5f2ed;color:var(--ink);font-size:13px;padding:2px 6px;line-height:1}.chat-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:62px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1100px)/2))}.topbar-title{flex:1;text-align:center;font-size:14px;font-weight:580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;color:#59534d;background:transparent}.icon-button:hover{background:#eee9e3}.menu-button{visibility:hidden}.mobile-close{display:none}.new-top{visibility:hidden}.notice{align-self:center;position:absolute;top:74px;z-index:5;max-width:min(560px,calc(100% - 32px));padding:10px 14px;border:1px solid #e3c5b5;border-radius:9px;color:#743b28;background:#fff6f1;box-shadow:0 5px 20px #37221614;font-size:13px}.message-scroll{flex:1;overflow:auto}.welcome{width:min(760px,calc(100% - 48px));margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 0 14vh}.welcome h1{margin:0;font-size:clamp(31px,5vw,48px);font-weight:520;letter-spacing:-.055em}.welcome p:last-child{margin:14px 0 0;color:var(--muted);font-size:15px}.messages{width:min(800px,calc(100% - 48px));margin:0 auto;padding:46px 0 28px}.message{display:flex;gap:12px;margin:0 0 6px;align-items:flex-start}.message+.message.user,.message.user+.message.assistant{margin-top:22px}.message-content{max-width:700px;font-size:15px;line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{justify-content:flex-end}.message.user .message-content{max-width:min(600px,82%);padding:11px 15px;color:#2b2824;background:#ece7df;border-radius:15px 15px 4px;line-height:1.65}.message.assistant .message-content{max-width:min(640px,88%);padding:11px 15px;background:#fff;border:1px solid #e8e2da;border-radius:4px 15px 15px;box-shadow:0 1px 4px #30261e0f;line-height:1.72}.typing{display:inline-flex;gap:5px;align-items:center;height:25px}.typing i{width:5px;height:5px;border-radius:50%;background:#897e73;animation:pulse 1.2s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,70%,to{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}}.composer-wrap{flex:none;padding:12px 24px 16px;background:linear-gradient(transparent,var(--paper) 18%)}.composer{width:min(800px,100%);margin:auto;padding:12px 12px 8px 16px;border:1px solid #d5cec5;border-radius:16px;background:var(--card);box-shadow:0 5px 18px #30261e0e}.composer:focus-within{border-color:#b9a99b;box-shadow:0 5px 18px #30261e13}.composer textarea{width:100%;min-height:28px;max-height:180px;resize:none;overflow:auto;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px;line-height:1.6}.composer textarea::placeholder{color:#999187}.composer-footer{display:flex;justify-content:space-between;align-items:center;padding-top:4px;color:#9a9187;font-size:11px}.send-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:var(--accent);color:#fff;transition:.15s ease}.send-button:hover:not(:disabled){background:var(--accent-dark)}.send-button:disabled{background:#d8d1c8;color:#f5f2ed;cursor:not-allowed}.send-button svg{width:17px}.disclaimer{margin:8px 0 0;text-align:center;color:#a49c93;font-size:11px}.scrim{display:none}@media (max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(82vw,300px);transform:translate(-103%);transition:transform .2s ease;box-shadow:8px 0 28px #2b221c1a}.sidebar.sidebar-open{transform:translate(0)}.scrim{position:fixed;display:block;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#2e272147}.menu-button,.new-top{visibility:visible}.mobile-close{display:grid}.topbar{padding:0 13px}.topbar-title{text-align:left;padding-left:7px}.messages,.welcome{width:calc(100% - 28px)}.messages{padding-top:28px}.message-content{font-size:15px}.composer-wrap{padding:8px 12px 12px}.composer-footer span{display:none}.composer-footer{justify-content:flex-end}.delete-button{opacity:1}.welcome{padding-bottom:20vh}}