@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-gradient: linear-gradient(135deg, #05070f 0%, #0c0c1b 100%);--panel-bg: rgba(12, 14, 28, .65);--panel-border: rgba(255, 255, 255, .07);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #8b5cf6;--font-family: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:transparent;pointer-events:auto}.logo-small{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.nav-links{display:flex;gap:1.5rem}.icon-links{gap:.5rem;background:transparent;padding:.5rem 1.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease}.icon-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:.4rem .8rem;border-radius:12px}.icon-link:hover,.icon-link.active{color:#fff;background:#ffffff26;transform:translateY(-2px)}.nav-icon{font-size:1.4rem}.nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard{max-width:1400px;margin:0 auto;padding:100px 2rem 2rem}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.ui-content{width:100%;height:100%;pointer-events:none}.ui-content>*{pointer-events:auto}.home-container{width:100%;height:100%;position:relative;pointer-events:none}.home-container>*{pointer-events:auto}.page-panel{top:15%;bottom:auto;transform:translate(-50%);max-height:80vh;overflow-y:auto;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.avatar-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.avatar-container{width:100%;height:100%;cursor:grab}.avatar-container canvas{background:transparent!important}.avatar-container:active{cursor:grabbing}.upload-wrapper{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:10;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:16px;padding:2rem;box-shadow:0 20px 40px -15px #0009;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.panel:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.panel h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary);border-bottom:1px solid var(--panel-border);padding-bottom:.5rem}button{cursor:pointer;border:none;border-radius:8px;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.primary-btn{background:var(--accent-color);color:#fff;box-shadow:0 4px 14px #8b5cf663}.primary-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.02)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--panel-border)}.secondary-btn:hover{background:#fff3}.icon-btn{background:transparent;color:var(--accent-color);padding:.5rem}.icon-btn:hover{color:#fff}input[type=file]{color:var(--text-secondary);padding:.5rem;border:1px dashed var(--panel-border);border-radius:8px;width:100%}input[type=text],.chat-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--panel-border);background:#0003;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}input[type=text]:focus,.chat-input:focus{border-color:var(--accent-color)}.glass-box{background:#080a1699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 20px 40px #0009;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease}.glass-box:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.upload-wrapper.glass-box:hover,.upload-wrapper.panel:hover,.page-panel.glass-box:hover,.page-panel.panel:hover{transform:translate(-50%) translateY(-4px)}.upload-text{margin-bottom:1rem}.upload-text h3{font-size:1.25rem;margin-bottom:.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.upload-text p{color:#fffc;font-size:.95rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.upload-controls{display:flex;flex-direction:row;align-items:center;gap:1rem}.upload-controls input[type=file]{flex-grow:1;border-radius:8px;background:#0003;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);color:#fff}.upload-controls .primary-btn{border-radius:8px;padding:.75rem 2rem;white-space:nowrap}.summary-content{color:var(--text-secondary);line-height:1.6;max-height:200px;overflow-y:auto;padding-right:.5rem}.placeholder{font-style:italic;opacity:.5}.chat-panel{min-height:540px}.scrollable-chat{flex-grow:1;min-height:360px;max-height:460px;overflow-y:auto;background:#0003;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(255,255,255,.05);margin-bottom:1rem}.chat-bubble{max-width:85%;padding:.75rem 1rem;border-radius:12px;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 4px 12px #0003;animation:slideIn .3s cubic-bezier(.175,.885,.32,1.1)}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#8b5cf633,#6366f133);border:1px solid rgba(139,92,246,.35);border-radius:12px 12px 0}.chat-bubble.aura{align-self:flex-start;background:#080a1673;border:1px solid rgba(255,255,255,.06);border-radius:12px 12px 12px 0}.bubble-sender{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.chat-bubble.user .bubble-sender{color:#a78bfa}.chat-bubble.aura .bubble-sender{color:#60a5fa}.chat-bubble p{margin:0;font-size:.95rem;color:#f3f4f6;line-height:1.45;white-space:pre-wrap}.bubble-timestamp{font-size:.65rem;color:var(--text-secondary);align-self:flex-end;margin-top:.1rem}.chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);padding:2rem 1rem;gap:.5rem}.placeholder-icon{font-size:2rem;margin-bottom:.25rem}.placeholder-hint{font-size:.8rem;opacity:.6}.typing-loader{display:flex;gap:5px;align-items:center;justify-content:center;padding:.25rem .5rem;height:18px}.typing-loader span{width:6px;height:6px;background:#60a5fa;border-radius:50%;animation:typing 1s infinite alternate}.typing-loader span:nth-child(2){animation-delay:.2s}.typing-loader span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{transform:translateY(0);opacity:.3}to{transform:translateY(-5px);opacity:1}}.archive-item:hover{background:#ffffff14!important;border-color:#8b5cf666!important;transform:translateY(-2px);box-shadow:0 4px 15px #00000040}.chat-input-area{display:flex;gap:.5rem}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.flashcard-deck{position:relative;width:100%;max-width:440px;height:250px;margin:1rem auto;-webkit-user-select:none;user-select:none;touch-action:none}.flashcard{width:100%;height:100%;perspective:1000px}.flashcard.interactive{position:absolute;top:0;left:0;width:100%;height:100%}.flashcard-stack-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;filter:blur(.5px);transition:transform .3s ease,opacity .3s ease}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem 1.5rem;background:linear-gradient(135deg,#080a16bf,#080a1680);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px #00000080;transition:border-color .2s ease,box-shadow .2s ease}.flashcard-front p,.flashcard-back p{font-size:1.1rem;line-height:1.6;font-weight:500;margin:auto 0;color:#f3f4f6;max-height:140px;overflow-y:auto;padding:.5rem}.card-badge{position:absolute;top:15px;left:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.25rem .6rem;border-radius:6px}.card-badge.question{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.card-badge.answer{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.flashcard.swiping-right .flashcard-front,.flashcard.swiping-right .flashcard-back{border-color:#34d39980!important;box-shadow:0 0 25px #34d3994d!important}.flashcard.swiping-left .flashcard-front,.flashcard.swiping-left .flashcard-back{border-color:#8b5cf680!important;box-shadow:0 0 25px #8b5cf64d!important}.flashcard-back{transform:rotateY(180deg);background:linear-gradient(135deg,#8b5cf626,#3b82f626)!important;border-color:#8b5cf64d!important}.flip-hint{position:absolute;bottom:12px;font-size:.75rem;opacity:.5;letter-spacing:.5px}.flashcard-controls{display:flex;align-items:center;gap:1.5rem;font-weight:600;font-size:.95rem;color:var(--text-secondary)}.quiz-question{margin-bottom:1.5rem;animation:fadeIn .5s ease}.quiz-question h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quiz-option{background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text-primary);padding:1rem;text-align:left;border-radius:8px;font-size:.95rem}.quiz-option:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-color)}.quiz-option.selected{background:#8b5cf633;border-color:var(--accent-color)}.quiz-option.correct{background:#10b98133;border-color:var(--success-color)}.quiz-option.incorrect{background:#ef444433;border-color:var(--error-color)}.quiz-results{text-align:center;padding:1rem;background:#ffffff0d;border-radius:8px}.submit-quiz-btn{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:#0003;padding:1rem;border-radius:12px;text-align:center;border:1px solid var(--panel-border)}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 900px){.dashboard-grid,.quiz-options{grid-template-columns:1fr}}.board-summary-html{pointer-events:auto}.board-content{width:700px;background:#14281e99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(167,243,208,.2);border-radius:8px;padding:1.5rem;color:#f0fdf4;box-shadow:0 4px 30px #00000080;text-align:left}.board-content h3{font-size:1.6rem;color:#6ee7b7;margin-bottom:1rem;border-bottom:1px solid rgba(167,243,208,.2);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.board-text{font-size:1rem;line-height:1.5;max-height:300px;overflow-y:auto;padding-right:.75rem}.board-text::-webkit-scrollbar{width:6px}.board-text::-webkit-scrollbar-track{background:#a7f3d00d;border-radius:4px}.board-text::-webkit-scrollbar-thumb{background:#6ee7b7;border-radius:4px}.upload-options{display:flex;align-items:center;gap:1.5rem;width:100%}.upload-file-option{flex:1}.or-divider{font-weight:600;color:var(--text-secondary);font-size:.85rem;letter-spacing:1px;position:relative}.mic-record-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 15px #ef444466;white-space:nowrap}.mic-record-btn:hover{background:linear-gradient(135deg,#f87171,#dc2626)!important}.recording-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:#0000004d;border-radius:12px;border:1px dashed rgba(239,68,68,.4);animation:pulseBorder 2s infinite ease-in-out}.recording-status{display:flex;align-items:center;gap:.75rem}.recording-pulse{width:14px;height:14px;background:#ef4444;border-radius:50%;box-shadow:0 0 #ef4444b3;animation:pulseRecording 1.2s infinite cubic-bezier(.66,0,0,1)}.recording-time{font-size:1.2rem;font-weight:600;color:#ef4444;letter-spacing:.5px}.recording-controls{display:flex;gap:1rem}.stop-btn{background:#ef4444!important;box-shadow:0 4px 12px #ef44444d}.stop-btn:hover{background:#dc2626!important}.selected-item-panel{display:flex;flex-direction:column;gap:1rem;width:100%}.selected-info{display:flex;align-items:center;gap:.75rem;background:#ffffff14;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--panel-border)}.file-icon{font-size:1.2rem}.file-name{flex-grow:1;font-weight:500;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-btn{background:transparent;padding:.25rem .5rem;font-size:.85rem;opacity:.6}.clear-btn:hover{opacity:1;background:#ffffff1a}.preview-container{display:flex;justify-content:center;width:100%}.audio-preview{width:100%;height:40px;border-radius:8px;background:#0003}.upload-submit-btn{width:100%;font-size:1.05rem;padding:.85rem;background:linear-gradient(90deg,var(--accent-color) 0%,#3b82f6 100%)}.chat-input-wrapper{position:relative;flex-grow:1;display:flex;align-items:center}.chat-input-wrapper .chat-input{padding-right:3rem!important}.chat-mic-btn{position:absolute;right:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;font-size:1rem;transition:all .2s ease}.chat-mic-btn:hover{background:#ffffff26;transform:scale(1.05)}.chat-mic-btn.active-listen{background:#ef4444;border-color:#ef4444;animation:pulseRecording 1.2s infinite cubic-bezier(.66,0,0,1);color:#fff}.listening-input{border-color:#ef4444!important;color:#f87171!important;font-style:italic}@keyframes pulseRecording{0%{-moz-box-shadow:0 0 0 0 rgba(239,68,68,.7);box-shadow:0 0 #ef4444b3}70%{-moz-box-shadow:0 0 0 8px rgba(239,68,68,0);box-shadow:0 0 0 8px #ef444400}to{-moz-box-shadow:0 0 0 0 rgba(239,68,68,0);box-shadow:0 0 #ef444400}}@keyframes pulseBorder{0%,to{border-color:#ef44444d}50%{border-color:#ef4444cc}}