:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--accent-primary: #333333;--accent-secondary: #6c77d;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--success: #28a745;--warning: #ffc107;--danger: #dc3545}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--accent-primary: 0d6efd;--accent-secondary: #6c757d;--border-color: #444444;--shadow: rgba(0, 0, 0, .3);--success: #198754;--warning: #ffc107;--danger: #dc3545}}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.response{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:.5rem;margin-top:1.5rem;margin-bottom:15rem}.prompt{background-color:var(--bg-secondary);color:var(--text-primary)}.prompt textarea{border:none;resize:none;outline:none;background-color:transparent;color:var(--text-primary);overflow:auto;opacity:1}.prompt textarea:focus,.prompt textarea:active{outline:none!important;box-shadow:none!important;border-color:transparent!important;background-color:transparent;color:var(--text-primary)}@keyframes fading{0%{opacity:.75}to{opacity:1}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(45deg,#6cb0c4,#1287a8);animation:fading 30s infinite;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-form{background:var(--bg-primary);border-radius:15px;box-shadow:0 15px 35px #0003;padding:40px 30px;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.login-header{text-align:center;margin-bottom:30px}.login-header h2{margin-bottom:10px;font-weight:600}.login-header p{color:#666;font-size:14px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#444;font-weight:500}.input-group input{width:100%;padding:14px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.remember-me{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.remember-me label{display:flex;align-items:center;cursor:pointer}.remember-me input{margin-right:8px}.remember-me a{color:#667eea;text-decoration:none;transition:color .3s ease}.remember-me a:hover{color:#5a6fd8;text-decoration:underline}.login-button{width:100%;padding:15px;background:linear-gradient(45deg,#6cb0c4,#1287a8);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #ffcdd2;font-size:14px}.login-footer{text-align:center;margin-top:25px;color:#666}.login-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:#5a6fd8;text-decoration:underline}@media(max-width:480px){.login-form{margin:20px;padding:30px 20px}.remember-me{flex-direction:column;align-items:flex-start;gap:10px}.remember-me a{align-self:flex-end}}