#chat-container{box-shadow:0 0 2px #0000001f,0 2px 4px #00000024;border-radius:24px;margin-bottom:8px;background:#fff;overflow-y:auto;height:89dvh;display:flex;flex-direction:column;position:relative;overscroll-behavior-y:contain}#messages-container{flex:1;overflow-y:auto;padding:4px 0 20px;overscroll-behavior-y:contain}#user-input-container{padding:12px 16px;background:#fff;border-top:1px solid #eaeaea;border-radius:0 0 24px 24px;position:relative}#user-input{width:100%;padding:14px 44px 14px 12px;border:none;outline:none;font-family:Mona Sans,sans-serif;font-size:15px;background:#f5f5f5;border-radius:12px;box-sizing:border-box;resize:none;min-height:48px;max-height:200px;overflow-y:auto}#send-btn{position:absolute;right:25px;bottom:25px;width:32px;height:32px;padding:0;background:#206cf8;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}#send-btn:disabled{background:#ddd;color:#999}#send-btn:not(:disabled):hover{background:#145adc}#user-input:focus{outline:solid 2px rgb(32,108,248)}#user-input::placeholder{color:#999}#user-input:focus::placeholder{color:transparent}.message{padding:16px 56px 4px 18px;line-height:20px;font-size:15px;display:flex;gap:12px}.message:hover{background:#f5f5f5}.message.user-message{background:#206cf80d}.message.user-message:hover{background:#206cf814}.avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.message-content{flex:1}.speaker{font-weight:600;font-size:12px;line-height:17px;color:#292929}.message-text{color:#292929;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.timestamp-divider{text-align:center;padding:20px 0 8px;color:#707070;font-size:11px;font-weight:400;text-transform:uppercase}input,select{padding:10px;font-family:Mona Sans,sans-serif;font-size:14px;background:#fff;color:#292929;border:1px solid #ddd;border-radius:4px}input{flex:1}h2{font-size:18px;font-weight:700;line-height:normal;letter-spacing:-.15pt}button{padding:4px 8px;background:#f5f5f5b3;color:#292929;border:none;font-weight:600;border-radius:8px;cursor:pointer;font-family:Mona Sans,sans-serif;font-size:15px;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#e6e6e6b3}button:disabled{color:#29292955;cursor:not-allowed}#status{background:#f5f5f5;border-radius:24px;position:relative;padding:8px 12px 8px 28px;box-shadow:0 0 2px #0000001f,0 2px 4px #00000024}#status:before{content:"";position:absolute;left:12px;top:14px;width:8px;height:8px;border-radius:50%;background:#007acc;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading:before{background:orange!important}.error:before{background:#f44336!important}.ready:before{background:#4caf50!important}#loading-spinner{display:flex;justify-content:center;align-items:center;padding-top:18px}.webgpu-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;color:#666}.webgpu-error svg{color:#6e00ffb3;margin-bottom:16px}.webgpu-error h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#292929}.webgpu-error p{margin:0 0 8px;font-size:14px;line-height:1.5;color:#666;max-width:400px}.webgpu-error p:last-child{margin-bottom:0}#settings-popover{position:absolute;top:64px;right:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:240px}#settings-popover input[type=number],#settings-popover input[type=text]{width:100%;box-sizing:border-box;padding:8px 12px;font-family:Mona Sans,sans-serif;font-size:14px;background:#fff;color:#292929;border:1px solid #ddd;border-radius:8px}#settings-popover input::placeholder{color:#999}#settings-popover input[type=number]:focus,#settings-popover input[type=text]:focus{outline:solid 2px rgb(32,108,248);border-color:#206cf8}#model-select{width:100%;padding:8px 12px;font-family:Mona Sans,sans-serif;font-size:14px;background:#fff;color:#292929;border:1px solid #ddd;border-radius:8px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}#model-select:focus{outline:solid 2px rgb(32,108,248);border-color:#206cf8}