:root{--primary-color:#007bff;--hover-color:#0056b3;--background:#282c34;--header-bg:#05010075;--text-light:#fff;--text-dark:#ddd;--chat-bg:#1e1e1e;--footer-bg:#333;--header-height:60px;--footer-height:50px;--input-height:80px}body{background-color:#282c34;background-color:var(--background);display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:60px 0 50px;padding:var(--header-height) 0 var(--footer-height)}.header{align-items:center;background-color:#05010075;background-color:var(--header-bg);box-shadow:0 2px 10px #0000001a;color:#fff;color:var(--text-light);display:flex;height:60px;height:var(--header-height);justify-content:center;padding:0 1rem;position:fixed;top:0;width:100%;z-index:1000}.header h1{font-size:1.5rem;margin:0;white-space:nowrap}.chat-container{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 110px);height:calc(100vh - var(--header-height) - var(--footer-height));margin:0 auto;max-width:1200px;padding:1rem;width:100%}.chat-box{background-color:#1e1e1e;background-color:var(--chat-bg);border:1px solid #0000001a;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex:1 1;margin:0 auto;max-height:calc(100vh - 110px);max-height:calc(100vh - var(--header-height) - var(--footer-height));min-height:200px;overflow-y:auto;padding:1rem 1rem calc(80px + 1rem);padding-bottom:calc(var(--input-height) + 1rem);width:100%}.message{background:#ffffff0d;border-radius:6px;margin-bottom:1rem;padding:.8rem}.sender{color:#007bff;color:var(--primary-color);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.content{color:#ddd;color:var(--text-dark);font-size:.95rem;line-height:1.5;white-space:pre-wrap}.user-input{background:#282c34;background:var(--background);bottom:50px;bottom:var(--footer-height);gap:.75rem;left:0;margin:0 auto;max-width:800px;padding:1rem 0;position:fixed;right:0;width:100%;z-index:500}.input-field{background:#2a2a2a;border:1px solid #fff3;border-radius:25px;color:#fff;color:var(--text-light);font-size:1rem;padding:.9rem 1.25rem;transition:all .2s ease}.input-field::placeholder{color:#aaa}.input-field:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff26;outline:none}.button-group{gap:.75rem}.button-group button{background-color:#007bff;background-color:var(--primary-color);border-radius:25px;color:#fff;color:var(--text-light);padding:.9rem 1.5rem;transition:all .2s ease}.button-group button:hover{background-color:#0056b3;background-color:var(--hover-color)}footer{align-items:center;background-color:#333;background-color:var(--footer-bg);bottom:0;display:flex;height:50px;height:var(--footer-height);justify-content:center;left:0;position:fixed;right:0;z-index:1000}footer p{font-size:.85rem;margin:0}footer a,footer p{color:#fff;color:var(--text-light)}footer a{text-decoration:none;transition:opacity .2s ease}footer a:hover{opacity:.8}@media (max-width:768px){:root{--header-height:55px;--footer-height:45px;--input-height:70px}.chat-container{height:calc(100vh - 120px);height:calc(100vh - var(--header-height) - var(--footer-height) - 10px);padding:.75rem}.chat-box{border-radius:6px;max-height:calc(100vh - 200px);max-height:calc(100vh - var(--header-height) - var(--footer-height) - var(--input-height) - 10px);padding:.75rem}.user-input{gap:.5rem;padding:.75rem 0}.button-group button,.input-field{padding:.75rem 1rem}}@media (max-width:480px){:root{--header-height:50px;--footer-height:40px;--input-height:65px}.header h1{font-size:1.25rem}.chat-container{padding:.5rem}.chat-box{border-left:none;border-radius:0;border-right:none}.message{padding:.6rem}.sender{font-size:.8rem}.content{font-size:.85rem}.button-group button{min-width:40px;padding:.6rem}.button-group button span{display:none}}.content pre{background:#0000000d;border-radius:4px;font-size:.85rem;line-height:1.4;margin:.5rem 0;overflow-x:auto;padding:1rem}.ai-message{background:#007bff1a;border-left:4px solid #007bff;border-left:4px solid var(--primary-color);border-radius:6px;font-size:.95rem;line-height:1.5;padding:.8rem}.markdown-output{color:#fff;color:var(--text-light)}.markdown-output h1,.markdown-output h2,.markdown-output h3{color:#007bff;color:var(--primary-color);margin-bottom:.5rem}.markdown-output code{background:#ffffff1a;border-radius:4px;font-family:Courier New,Courier,monospace;padding:4px 6px}.markdown-output pre{background:#2a2a2a;border-radius:6px;overflow-x:auto;padding:1rem;position:relative}.code-block-container{margin-bottom:1rem;position:relative}.copy-code-btn{background:#007bff;background:var(--primary-color);border:none;border-radius:4px;color:#fff;color:var(--text-light);cursor:pointer;font-size:.75rem;padding:.3rem .6rem;position:absolute;right:5px;top:5px;transition:background .2s ease}.copy-code-btn:hover{background:#0056b3;background:var(--hover-color)}.user-input{align-items:center;background:#000;display:flex;padding:10px}.input-field{border:1px solid #000;border-radius:5px;flex:1 1;font-size:16px;margin-right:10px;min-height:40px;overflow:hidden;padding:10px;resize:none}.button-group{display:flex}.button-group button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px}@media screen and (max-width:600px){.button-group button{margin-right:5px;padding:8px 16px}}
/*# sourceMappingURL=main.fd7c66c1.css.map*/