@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #0d0d0f;--text-color: #ffffff;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--accent: #ffd700;--liquid: linear-gradient(270deg, #0f172a, #1e293b, #581c87, #1e1b4b)}[data-theme=light]{--bg-color: #f0f4f8;--text-color: #1a1a1a;--glass: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--accent: #2e7d32;--liquid: linear-gradient(270deg, #a8e6cf, #dcedc1, #ffd3b6, #ffaaa5)}*{box-sizing:border-box;margin:0;padding:0;transition:background .5s ease,color .5s ease;cursor:default}button,input,textarea,.clickable{cursor:pointer!important}body{font-family:Outfit,sans-serif;background:var(--bg-color);color:var(--text-color);overflow:hidden}.liquid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--liquid);background-size:400% 400%;animation:moveGradient 15s ease infinite;z-index:-1}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #00000080}.app-wrapper,.app-root{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.login-screen,.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:10}.theme-toggle-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-color);padding:8px 16px;border-radius:20px;font-family:inherit;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-box{width:380px;padding:40px;text-align:center}.brand-header{margin-bottom:30px}.brand-header h1{font-size:2.5rem;margin:10px 0}.brand-header .logo-icon{font-size:3rem}.input-field,.input-group{margin-bottom:20px;position:relative}.input-field input,.input-group input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--glass-border);background:#0000001a;color:var(--text-color);font-family:inherit;font-size:1rem}[data-theme=light] .input-field input,[data-theme=light] .input-group input{background:#ffffff80}.login-btn,.blast-btn{width:100%;padding:12px;border-radius:12px;border:none;background:var(--accent);color:#000;font-weight:600;font-size:1.1rem;font-family:inherit;transition:transform .2s}.login-btn:hover,.blast-btn:hover{transform:scale(1.02)}.dashboard-layout{display:flex;height:100vh;width:100vw;padding:20px;gap:20px;z-index:10}.mascot-sidebar,.mascot-bar{width:120px;display:flex;flex-direction:column;align-items:center;padding:30px 0;gap:30px}.mascot,.mascot-item{display:flex;flex-direction:column;align-items:center;opacity:.6;gap:8px;transition:opacity .3s}.mascot:hover,.mascot-item:hover,.active-mascot,.active-buddy{opacity:1}.mascot span,.mascot-item span{font-size:2rem;background:var(--glass-border);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.mascot:hover span,.mascot-item:hover span{background:var(--glass)}.notebook-area,.notebook-glass{flex:1;display:flex;flex-direction:column;padding:30px}.nb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vibe-sync,.vibe-meter{display:flex;align-items:center;gap:15px}.vibe-bar{width:150px;height:8px;background:var(--glass-border);border-radius:4px}.vibe-bar .fill,.vibe-fill{height:100%;background:var(--accent);border-radius:4px;box-shadow:0 0 10px var(--accent)}.notebook-area textarea,.paper{flex:1;background:transparent;border:none;resize:none;outline:none;font-size:1.2rem;line-height:1.8;color:var(--text-color);font-family:inherit}.controls,.button-footer{display:flex;gap:15px;margin-top:20px}.controls button,.button-footer button{padding:10px 20px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-color);font-family:inherit;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s}.controls button:hover,.button-footer button:hover{background:#ffffff1a}.mentor-chat,.mentor-sidebar{width:350px;padding:25px;display:flex;flex-direction:column}.mentor-header{font-weight:600;font-size:1.2rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:10px}.chat-content{flex:1;display:flex;flex-direction:column;gap:15px}.ai-msg,.chat-bubble{background:var(--glass-border);padding:15px;border-radius:12px;font-size:.95rem;line-height:1.5}.chat-input{background:var(--glass)!important;border-color:var(--glass-border)!important;margin-top:20px}.mini-theme-btn{background:none;border:none;font-size:1.5rem}