:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#263e36;background:#f7f6f1;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:#efeee7;border-right:1px solid #dcded2;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;padding:28px 18px}header{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#315e4c;color:white;font-size:30px}h1{font-size:21px;margin:0;letter-spacing:-.5px}header p{font-size:11px;color:#738077;margin:5px 0 0}.section-label{font-size:11px;letter-spacing:1px;color:#7b8278;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}button{font:inherit;cursor:pointer;border:1px solid #d5dbcf;border-radius:8px;padding:9px 14px;background:#fafaf5;color:#315e4c}button:hover{background:#e7ecdf}button:disabled{opacity:.42;cursor:default}button[hidden]{display:none}.section-label button{font-size:11px;padding:5px 9px}.session-list{overflow-y:auto;flex:1}.session{width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:8px;margin:2px 0;padding:12px}.session strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session small{display:block;font-size:10px;opacity:.65;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:6px}.session.selected{background:#dde6d6;border-color:#c9d7c0}footer{display:flex;gap:7px;align-items:center;font-size:11px;color:#748273;padding:18px 5px 0;border-top:1px solid #d8ddcf}.dot{width:6px;height:6px;border-radius:50%;background:#78a16b}footer #mode{margin-left:auto}main{width:100%;max-width:1060px;margin:0 auto;padding:32px 44px 28px}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e2d9;padding-bottom:20px}h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:6px 0 8px}#cwd{color:#7f877b;font-size:11px;margin:0;overflow-wrap:anywhere}#notice{font-size:12px;color:#6b7868;padding:16px 0;min-height:47px}#older{margin-bottom:15px}.messages{min-height:35vh}.empty{color:#a0a698;font-size:24px;line-height:1.8;padding:60px 0}.message{margin:0 0 20px;line-height:1.8;overflow-wrap:anywhere}.message .role{font-size:10px;letter-spacing:1px;color:#8b9383;margin-bottom:7px}.message .body{white-space:pre-wrap}.message.user{background:#ecefe3;padding:16px 20px;border-radius:12px}.message.activity{font-family:Consolas,monospace;font-size:12px;background:#f0f0e9;padding:12px 16px;border-left:2px solid #c2cdb6}.request{background:#fff9e8;border:1px solid #e9d9ad;border-radius:10px;padding:15px;margin:12px 0;white-space:pre-wrap}.request button{margin:10px 8px 0 0}#composer{position:sticky;bottom:12px;background:#fdfdf8;border:1px solid #dce1d3;border-radius:12px;padding:16px;margin-top:30px;box-shadow:0 5px 30px #293d3010}label{display:block;font-size:11px;color:#77836f;margin-bottom:8px}textarea{width:100%;resize:vertical;border:0;background:transparent;color:#263e36;font:inherit;outline:none}#composer>div{display:flex;align-items:center;gap:10px}#composer-note{flex:1;font-size:10px;color:#89907e}#send{background:#315e4c;color:white;border-color:#315e4c}#mode{font-size:10px}@media(max-width:850px){body{grid-template-columns:215px 1fr}aside{padding:20px 10px}main{padding:24px 20px}h2{font-size:20px}}@media(max-width:600px){body{display:block}aside{height:auto;position:relative;padding:16px}header{padding-bottom:15px}.session-list{max-height:180px}footer{padding-top:12px}.conversation-header{align-items:flex-start}main{padding:20px 16px}.messages{min-height:25vh}#composer-note{max-width:60%}#composer>div{flex-wrap:wrap}}
.device-label{margin-top:2px}#device{width:100%;font:inherit;color:#315e4c;background:#fafaf5;border:1px solid #d5dbcf;border-radius:8px;padding:9px;margin-bottom:18px}.login-page{display:grid;place-items:center;min-height:100vh}.login-card{max-width:420px;width:calc(100% - 32px);margin:0;padding:32px;border:1px solid #dce1d3;border-radius:16px;background:#fdfdf8}.login-card h1{margin-top:20px}.login-card p{color:#748273}.login-card input{font:inherit;padding:12px;width:100%;border:1px solid #d5dbcf;border-radius:8px;margin:4px 0 16px}.login-card button{width:100%;background:#315e4c;color:white}