:root{--bg-color:#f0f2f5;--card-bg:#fff;--text-color:#333;--text-secondary:#666;--border-color:#ddd;--primary-color:#007bff;--primary-hover:#0056b3;--error-bg:#f8d7da;--error-text:#dc3545;--error-border:#f5c6cb;--header-bg:#282c34}[data-theme=dark]{--bg-color:#18191a;--card-bg:#242526;--text-color:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--primary-color:#2d88ff;--primary-hover:#4b97ff;--error-bg:#4b1116;--error-text:#fb7185;--error-border:#842029;--header-bg:#1c1e21}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow:hidden;transition:background-color .3s ease,color .3s ease;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.top-controls{display:flex;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.kill-button,.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.6rem;transition:all .2s}.kill-button:hover{background-color:#f44;color:#fff;transform:scale(1.1)}.theme-toggle:hover{background-color:var(--bg-color);transform:scale(1.1)}.App-logo{height:20vmin;margin-bottom:2rem;pointer-events:none}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center;transition:background-color .3s ease}.pattern-gate{animation:fadeIn .5s ease;padding:2.5rem;text-align:center}.grid-3x3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:0 auto;width:180px}.grid-square{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;height:50px;transition:all .2s;width:50px}.grid-square:hover{border-color:var(--primary-color);transform:scale(1.05)}.grid-square.active{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-form{max-width:400px;padding:2rem;transition:background-color .3s ease;width:100%}.login-form h2{color:var(--text-color);margin-bottom:.5rem;text-align:center}.login-header{margin-bottom:2rem;text-align:center}.login-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.lock-icon{align-items:center;background-color:var(--primary-color);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.form-group input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-color);padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .2s,transform .1s;width:100%}.submit-button:hover:not(:disabled){background-color:var(--primary-hover)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-text);font-size:.9rem;margin-bottom:1.5rem;padding:.75rem;text-align:center}.login-footer{margin-top:1.5rem;text-align:center}.login-footer p{color:var(--text-secondary);cursor:pointer;font-size:.85rem}.login-footer p:hover{color:var(--primary-color)}.chat-container{background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:800px}.chat-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.header-info h2{color:var(--text-color);font-size:1.25rem;margin:0}.user-tag{color:var(--text-secondary);font-size:.8rem}.header-actions{display:flex;gap:.5rem}.action-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;padding:.5rem;transition:background-color .2s}.action-button:hover{background-color:var(--border-color)}.action-button.logout{color:var(--error-text)}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.empty-chat{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:100%;justify-content:center}.message-item{display:flex;flex-direction:column;max-width:70%}.message-item.own{align-self:flex-end}.message-bubble{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem}.message-item.own .message-bubble{background-color:var(--primary-color);border:none;color:#fff}.message-text{font-size:.95rem;word-break:break-word}.message-time{align-self:flex-end;font-size:.7rem;opacity:.7}.chat-input-area{border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.5rem}.chat-input-area input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);flex:1 1;outline:none;padding:.75rem 1rem}.chat-input-area input:focus{border-color:var(--primary-color)}.send-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 1rem;transition:opacity .2s}.send-button:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.882cc0f4.css.map*/