@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap");:root{--primary-hue:250;--bg-gradient:linear-gradient(135deg,hsl(230,80%,95%),hsl(280,80%,90%),hsl(320,80%,95%));--glass-bg:rgba(255,255,255,0.75);--glass-border:rgba(255,255,255,1);--glass-shadow:0 20px 40px -15px rgba(0,0,0,0.05),inset 0 0 0 1px rgba(255,255,255,0.5);--text-main:#0f172a;--text-muted:#64748b;--accent:linear-gradient(135deg,#3b82f6,#8b5cf6);--accent-shadow:0 10px 20px -10px rgba(59,130,246,0.5);--accent-hover:0 15px 25px -10px rgba(59,130,246,0.7)}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden;max-width:100vw}body{font-family:var(--font-geist-sans),"Outfit",sans-serif;background-color:#f8fafc;background-image:radial-gradient(circle at 15% 50%,rgba(244,63,94,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at 50% 100%,rgba(168,85,247,.15),transparent 30%);background-size:100% 100%;animation:bgPulsateLight 15s ease-in-out infinite alternate;color:var(--text-main);min-height:100vh}@keyframes bgPulsateLight{0%{background-position:0 0}to{background-position:100% 100%}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-input{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:14px;padding:1rem 1.5rem;font-size:1rem;color:var(--text-main);font-family:inherit;outline:none;transition:all .3s ease}.glass-input:focus{background:#ffffff;border-color:rgba(59,130,246,.5);box-shadow:0 0 0 4px rgba(59,130,246,.15)}.glass-button{background:var(--accent);color:white;border:none;border-radius:14px;padding:1rem 2rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:var(--accent-shadow)}.glass-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--accent-hover)}.glass-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-bubble{padding:1.25rem 1.5rem;border-radius:20px;max-width:75%;line-height:1.6;font-size:.95rem;animation:fadeUp .4s cubic-bezier(.16,1,.3,1) forwards;margin-bottom:1rem}.chat-bubble.you{background:var(--accent);color:white;align-self:flex-end;border-bottom-right-radius:6px;box-shadow:var(--accent-shadow)}.chat-bubble.them{background:#ffffff;color:var(--text-main);align-self:flex-start;border-bottom-left-radius:6px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.02)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}@keyframes appearPulse{0%{transform:scale(.8);opacity:0;box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{transform:scale(1.05);box-shadow:0 0 20px 10px rgba(16,185,129,0)}to{transform:scale(1);opacity:1}}.pulse-new-tab{animation:appearPulse 1s ease-out forwards}.portal-layout{display:flex;height:100vh;width:100%;max-width:100vw;padding:1rem;gap:1rem;overflow:hidden;position:relative}.portal-sidebar{width:380px;padding:2rem 1.5rem;display:flex;flex-direction:column;transition:transform .3s ease-in-out;z-index:10}.portal-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.mobile-sidebar-overlay{display:none}@media (max-width:768px){.portal-layout{padding:0;gap:0}.portal-sidebar{position:fixed;top:0;left:0;height:100vh;width:320px;max-width:85vw;border-radius:0;background:rgba(255,255,255,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:50;box-shadow:2px 0 15px rgba(0,0,0,.15)}.portal-sidebar.hidden-mobile{transform:translateX(-100%)}.portal-main{border-radius:0}.mobile-close-sidebar,.mobile-menu-btn{display:block!important}.login-title{font-size:2.5rem!important}.login-panel{padding:2rem!important}.login-container{padding:2rem 1rem!important}.chat-input-form{padding:1rem!important}.mobile-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}