*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0f1a;--bg-gradient: radial-gradient(60% 80% at 20% 10%, rgba(0, 229, 255, .08) 0%, rgba(0, 229, 255, 0) 60%), radial-gradient(50% 60% at 80% 20%, rgba(168, 85, 247, .08) 0%, rgba(168, 85, 247, 0) 60%), linear-gradient(180deg, #0b0f1a 0%, #070a12 100%);--surface: #0f1629;--surface-2: #0b1222;--text: #e6f1ff;--muted: #9fb3c8;--primary: #00e5ff;--primary-2: #00b3ff;--danger: #ff4d4d;--warning: #ff7b00;--shadow: 0 10px 30px rgba(0, 0, 0, .4);--glass: rgba(255, 255, 255, .06);--glass-border: 1px solid rgba(255, 255, 255, .08)}.error-screen{display:none}html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg-gradient)}main{display:flex;flex-direction:column;align-items:center;padding:16px;min-height:100svh}.content-container{width:100%;max-width:1200px;min-height:calc(100svh - 32px);display:flex;justify-content:center;align-items:stretch;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:var(--glass-border);box-shadow:var(--shadow)}section{width:100%}h1{margin:2rem 0;font-size:2rem;color:var(--text)}#logged-out-view{display:block}#logged-in-view{display:none}.auth-page_container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.form-container{width:320px;display:flex;flex-direction:column;align-items:center;background:var(--surface);padding:20px;border-radius:12px;border:var(--glass-border);box-shadow:var(--shadow)}.toggle-container{display:flex;gap:.2rem;width:100%;height:40px;margin-bottom:20px}.auth-toggle-signin{display:flex;align-items:center;justify-content:center;width:50%;text-align:center;padding:10px;font-size:1.1rem;cursor:pointer;border:var(--glass-border)}#signin-form{display:block}.auth-toggle-signin{border-radius:10px 0 0;background:linear-gradient(135deg,#00b3ff33,#00e5ff0d);color:var(--text)}.login-form-container{width:100%}.login-form{display:flex;flex-direction:column;align-items:center;width:100%}.login-form h2{text-align:center;margin-bottom:20px;color:var(--text)}.input-group{margin-bottom:20px;width:100%}.input-group input{padding:12px;border:1px solid rgba(255,255,255,.08);background:var(--surface-2);color:var(--text);border-radius:8px;font-size:1rem;width:100%;outline:none}.input-group input:focus{border-color:#00e5ff99;box-shadow:0 0 0 3px #00e5ff26}.login-btn,.google-login-btn{width:100%;padding:12px;font-size:1.1rem;text-align:center;cursor:pointer;border:none;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.login-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#00121a;font-weight:700}.login-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #00e5ff59,0 0 40px #00b3ff40}.google-login-btn{background:var(--surface-2);border:var(--glass-border);color:var(--text);display:flex;justify-content:center;align-items:center;gap:.5em;font-weight:500}.google-login-btn:hover{transform:translateY(-1px)}.google-btn-logo{width:1.375em}.alt-signin-divider{margin:1em 0;text-align:center;font-size:.875em;color:var(--muted)}.error-msg{color:#ff6b6b;font-size:.875rem;text-align:center}.greeting{text-align:center;color:var(--text);font-size:1.2rem}.msg-container{display:flex;flex-direction:column;align-items:center;width:100%}.msg-form-group{width:100%;display:flex;gap:10px;height:3rem}.msg-input-form{width:85%;padding:.5rem;font-size:1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--surface-2);color:var(--text)}.msg-submit-btn{width:15%;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#00121a;border:none;cursor:pointer;border-radius:10px;font-size:1.1rem;transition:transform .2s ease,box-shadow .2s ease}.msg-submit-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #00e5ff59,0 0 40px #00b3ff40}.msg-list-container{margin-top:2rem;width:100%;background:var(--surface);padding:1rem;border-radius:12px;border:var(--glass-border);box-shadow:var(--shadow)}.msg-list-container h3{text-align:center;margin-bottom:.3rem;font-size:1.5rem;color:var(--text)}.msg-list-container hr{margin-bottom:1rem}.message{margin-bottom:1rem;padding-bottom:1rem}.user-tag{margin-bottom:.5rem;font-weight:700}.logout-btn{margin:10px 0 20px;padding:10px 20px;font-size:16px;color:#1a0000;background:linear-gradient(135deg,#ff7b7b,var(--danger));border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #ff4d4d59,0 0 40px #ff4d4d33}.top-section{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 0 8px;gap:12px}.hidden-form{display:grid}.hidden-box{display:inline}#spin-button{padding:10px 20px;font-size:16px;color:#1a0b00;background:linear-gradient(135deg,#ffb366,var(--warning));border:none;border-radius:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.chat-container{background:var(--surface);border-radius:16px;padding:.75em 1em;margin:0;width:100%;height:80svh;max-width:none;max-height:75svh;border:var(--glass-border);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:visible}.chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;justify-content:flex-start;flex-direction:column}.chat-messages::-webkit-scrollbar{display:none}.message{margin-bottom:.5em;padding:.1em 0;color:var(--text)}.message:hover{background:#ffffff05;border-radius:8px}.message-sender{font-weight:700;color:var(--primary);display:inline;margin-right:.5em}.message-text{font-size:1rem;line-height:1.4;margin:.1em 0 .2em;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.message-top{display:inline-block}.message-timestamp{font-size:.75em;color:var(--muted);display:inline;vertical-align:baseline;margin-left:.25em}.yello-bg{background-color:#ffff00c0;border-radius:8px}.chat-input-form{display:flex;align-items:center;margin-top:.5em;gap:.625em}.chat-input{padding:.625em .875em;border:1px solid rgba(255,255,255,.08);border-radius:10px;background-color:var(--surface-2);color:var(--text);font-size:1em;flex-grow:1}.chat-input:focus{border-color:#00e5ff99;box-shadow:0 0 0 3px #00e5ff26;outline:none}.send-button{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#00121a;font-size:1em;font-weight:700}.clear-chat-button{display:block;margin:2.5em auto}.button{border:none;padding:.625em .9em;border-radius:10px;cursor:pointer}.button:hover{filter:brightness(1.05);box-shadow:0 0 20px #00e5ff40}.button:active{transform:translateY(1px)}@media(max-width:1024px){.content-container{padding:16px;border-radius:14px}}@media(max-width:768px){.content-container{padding:12px;min-height:calc(100svh - 24px);border-radius:12px}.form-container{width:100%;max-width:420px}.top-section{flex-direction:column;align-items:stretch}.msg-input-form{width:100%}.msg-submit-btn{width:auto;padding:0 1rem}}