*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a1a;font-family:-apple-system,sans-serif}.app{height:100vh;display:flex}.sidebar{background:#111;border-right:1px solid #333;flex-direction:column;width:240px;padding:12px;display:flex}.new-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;margin-bottom:12px;padding:10px}.new-btn:hover{background:#444}.session-list{flex:1;overflow-y:auto}.session-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px;display:flex}.session-item:hover{background:#222}.session-item.active{background:#2a2a2a}.del-btn{color:#666;cursor:pointer;background:0 0;border:none;font-size:14px}.del-btn:hover{color:#f66}.settings-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;margin-top:8px;padding:10px}.main{flex-direction:column;flex:1;display:flex}.top-bar{border-bottom:1px solid #333;padding:12px}.top-bar select{color:#fff;background:#222;border:1px solid #444;border-radius:4px;padding:6px 12px}.messages{flex:1;padding:20px;overflow-y:auto}.msg{max-width:80%;margin-bottom:16px}.msg.user{margin-left:auto}.msg.user .msg-content{color:#fff;background:#2563eb;border-radius:14px 14px 4px;padding:10px 14px}.msg.assistant .msg-content{white-space:pre-wrap;background:#2a2a2a;border-radius:14px 14px 14px 4px;padding:10px 14px}.typing{color:#999;font-style:italic}.thinking{color:#888;margin-bottom:6px;font-size:12px}.thinking summary{cursor:pointer}.thinking pre{white-space:pre-wrap;color:#777;max-height:200px;margin-top:6px;font-size:11px;overflow-y:auto}.input-area{border-top:1px solid #333;gap:8px;padding:12px 20px;display:flex}.input-area textarea{color:#fff;resize:none;background:#222;border:1px solid #444;border-radius:8px;flex:1;padding:10px;font-size:14px}.input-area button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px}.input-area button:disabled{cursor:not-allowed;background:#444}.modal-overlay{background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#222;border-radius:12px;width:500px;max-height:80vh;padding:24px;overflow-y:auto}.modal h3{margin-bottom:16px}.modal label{color:#999;margin:12px 0 4px;font-size:13px;display:block}.modal textarea,.modal input[type=number]{color:#fff;background:#333;border:1px solid #444;border-radius:6px;width:100%;padding:8px}.modal input[type=range]{width:100%}.modal-btns{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-btns button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.modal-btns button:first-child{color:#fff;background:#444}.modal-btns button:last-child{color:#fff;background:#2563eb}.thinking-btn{color:#999;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-left:8px;padding:6px 12px;font-size:12px}.thinking-btn.on{color:#2563eb;border-color:#2563eb}