:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#2f2d2a;background:#f7f5f1}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#f0ede7;border-right:1px solid #e0dcd4;display:flex;flex-direction:column;padding:24px 14px;gap:22px}.brand{font-family:Georgia,serif;font-size:24px;font-weight:bold;color:#a34f34;padding:0 10px}.brand span{font-family:inherit;font-size:15px;color:#77716a;font-weight:normal}.new-chat,.secondary,.icon-button{background:transparent;border:1px solid #d9d3ca;border-radius:10px;color:#403c37;cursor:pointer;padding:10px 13px;font:inherit}.new-chat{text-align:left;width:100%}.new-chat:hover,.secondary:hover,.icon-button:hover{background:#e8e2d9}nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.conversation{border:0;background:transparent;border-radius:9px;padding:10px 12px;text-align:left;cursor:pointer;color:#514b44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit}.conversation:hover{background:#e8e3da}.conversation.active{background:#e2d9cb;color:#332e28;font-weight:600}.sidebar-bottom{font-size:13px;color:#77716a;padding:0 10px;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#aaa}.status-dot.on{background:#4b9974}.main{flex:1;min-width:0;display:flex;flex-direction:column;max-height:100vh}.topbar{height:74px;border-bottom:1px solid #e9e4dc;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fbfaf7}.topbar strong{display:block;font-size:16px}.topbar small{display:block;color:#8c847b;margin-top:4px}.messages{flex:1;overflow-y:auto;padding:36px max(24px,calc((100% - 820px)/2));display:flex;flex-direction:column;gap:26px}.empty{margin:auto;text-align:center;color:#847d73;font-size:18px}.message{max-width:86%;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#eae5dd;border-radius:16px;padding:12px 18px}.message.assistant{align-self:flex-start;padding:4px 0}.message.assistant::before{content:"Claude";display:block;font-size:13px;font-weight:700;color:#a34f34;margin-bottom:8px}.composer-wrap{padding:16px max(24px,calc((100% - 820px)/2)) 20px;background:#fbfaf7}.composer{border:1px solid #d9d2c8;border-radius:16px;background:#fff;display:flex;align-items:flex-end;padding:12px;gap:12px;box-shadow:0 4px 20px #00000008}.composer textarea{resize:none;border:0;outline:0;flex:1;min-height:45px;max-height:180px;font:inherit;line-height:1.5;background:transparent;color:inherit}.primary{background:#a9583b;border:0;border-radius:10px;padding:10px 16px;color:white;font:inherit;cursor:pointer;white-space:nowrap}.primary:hover{background:#90452e}.primary:disabled,.secondary:disabled,.new-chat:disabled{opacity:.5;cursor:not-allowed}.hint{font-size:12px;color:#9a9289;text-align:center;margin-top:8px}.settings{display:none;background:#fff9ef;border-bottom:1px solid #e5d6bd;padding:20px 28px}.settings.open{display:block}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings h2{margin:0;font-size:18px}.settings p{font-size:13px;color:#776c5c;line-height:1.5;margin:8px 0 14px}.settings textarea{display:block;width:100%;height:160px;resize:vertical;border:1px solid #d8c9b2;border-radius:9px;padding:12px;background:#fff;font:12px/1.5 Consolas,monospace;outline:0}.settings textarea:focus{border-color:#a9583b}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;color:#5d765f}.header-summary{font-size:12px;color:#8b8174;margin-top:10px;word-break:break-word}.error{color:#a33b2c;margin-bottom:8px;font-size:14px}@media(max-width:720px){.sidebar{width:74px;padding:16px 7px}.brand{font-size:17px;padding:0 4px}.brand span,.sidebar-bottom,#conversations{display:none}.new-chat{font-size:0;padding:10px;text-align:center}.new-chat::first-letter{font-size:20px}.topbar{padding:12px 16px}.topbar small{display:none}.secondary{font-size:12px;padding:8px}.messages{padding:22px 18px}.composer-wrap{padding:12px 16px}.settings{padding:16px}}

.settings{max-height:65vh;overflow-y:auto;flex-shrink:0}.settings h3{font-size:15px;margin:16px 0 8px}.proxy-settings{padding-bottom:18px;border-bottom:1px solid #e5d6bd}.proxy-settings label{display:block;font-size:13px;margin-bottom:6px}.proxy-settings input{width:100%;max-width:460px;border:1px solid #d8c9b2;border-radius:9px;padding:10px 12px;font:14px Consolas,monospace;background:#fff}.proxy-settings input:focus{outline:1px solid #a9583b}.settings-actions{flex-wrap:wrap}

.request-history{padding-bottom:18px;border-bottom:1px solid #e5d6bd}.request-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.request-filters label{display:flex;flex-direction:column;gap:6px;font-size:13px}.request-filters input,.request-filters select{border:1px solid #d8c9b2;border-radius:8px;padding:9px;background:white;font:inherit;max-width:100%}.request-table-wrap{overflow:auto;max-height:320px;margin-top:12px}.request-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.request-table th,.request-table td{padding:9px;border-bottom:1px solid #e5d6bd;vertical-align:top}.request-table td:nth-child(5){min-width:140px;max-width:320px;overflow-wrap:anywhere;white-space:pre-wrap}.request-table td:first-child{min-width:130px}.request-table button{padding:5px 9px}.request-history pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.6;background:#fff;padding:12px;border-radius:8px;max-height:280px;overflow:auto}.request-history h4{font-size:13px;margin-bottom:6px}.request-history button:disabled{opacity:.5;cursor:not-allowed}