.predictive-typing-suggestion{position:relative;max-width:350px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.1);z-index:50}.predictive-typing-suggestion kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem}.status-indicator-active{animation:pulse 2s infinite}.summary-container{box-shadow:0 0 15px rgba(99,102,241,.3)}.summary-collapsed-indicator{position:absolute;top:-8px;left:50%;transform:translateX(-50%);z-index:10}.file-context-indicator{position:relative;overflow:hidden}.file-context-indicator:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,200,255,.1),rgba(0,200,255,0) 70%);z-index:-1;transform:translateX(-100%);animation:shimmer 2s infinite}.file-context-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .2s ease}.file-context-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,200,255,.3)}.recording-pulse{position:relative}.recording-pulse:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(239,68,68,.7);border-radius:9999px;animation:pulse 2s infinite;z-index:-1}.slide-transition{transition:transform .3s ease-in-out}.slide-left{transform:translateX(-50%);width:50%}.transcription-panel{position:relative;height:100%;overflow-y:auto;background-color:var(--background);border-left:1px solid var(--border);border-radius:.5rem;box-shadow:-4px 0 20px rgba(0,0,0,.05);z-index:10}.quiz-option{transition:background-color .2s ease}.quiz-option:hover{background-color:rgba(var(--primary),.1)}.quiz-option.selected{background-color:rgba(var(--primary),.2)}.quiz-option.correct{background-color:rgba(74,222,128,.2)}.quiz-option.incorrect{background-color:hsla(0,91%,71%,.2)}.editor-container{transition:all .4s cubic-bezier(.22,1,.36,1)}.editor-container.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.transcription-divider{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--border),transparent);left:50%;transform:translateX(-50%);z-index:5}.active-panel{position:relative}.active-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem;box-shadow:0 0 0 2px var(--primary/10);pointer-events:none;opacity:0;transition:opacity .3s ease}.active-panel:focus-within:after{opacity:1}.insert-button{position:relative;overflow:hidden}.insert-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary/0),var(--primary/20),var(--primary/0));transform:translateX(-100%);animation:shimmer 2s infinite;z-index:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ai-gradient-border{position:relative;border-radius:.75rem;padding:1px;background:linear-gradient(45deg,rgba(124,58,237,.5),rgba(99,102,241,.5),rgba(59,130,246,.5))}.ai-gradient-border:before{content:"";position:absolute;inset:0;border-radius:.75rem;padding:1px;background:linear-gradient(45deg,#7c3aed,#6366f1,#3b82f6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.ai-glass{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.05)}.ai-panel{position:relative;overflow:hidden}.ai-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5),rgba(99,102,241,.5),rgba(59,130,246,.5),transparent)}.ai-glow{position:relative}.ai-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#7c3aed,#6366f1,#3b82f6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.ai-glow:hover:after{opacity:1}.ai-mic-button{position:relative;z-index:1}.ai-mic-button:before{content:"";position:absolute;inset:-4px;border-radius:9999px;background:conic-gradient(from 0deg,#7c3aed,#6366f1,#3b82f6,#7c3aed);animation:rotate 4s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-2}.ai-mic-button:hover:before{opacity:1}.ai-mic-button:after{content:"";position:absolute;inset:-3px;border-radius:9999px;background:var(--background);z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-recording-waves{position:relative;z-index:1}.ai-recording-waves:after,.ai-recording-waves:before{content:"";position:absolute;inset:-4px;border-radius:9999px;background:linear-gradient(45deg,rgba(124,58,237,.5),rgba(99,102,241,.5),rgba(59,130,246,.5));animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;z-index:-1}.ai-recording-waves:after{animation-delay:1s}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.ai-content-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.ai-content-enter{opacity:0;transform:translateY(10px)}.ai-content-enter-active{opacity:1;transform:translateY(0)}.neural-bg{position:relative;overflow:hidden}.neural-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(124,58,237,.1) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);opacity:.5}.recording-timer{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.05em}.recording-timer-dot{height:.5rem;width:.5rem;border-radius:9999px;margin-right:.5rem;animation:pulse-dot 1s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.transcription-container{position:relative;z-index:10;transition:all .3s ease-in-out}.transcription-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.1);background:linear-gradient(90deg,rgba(124,58,237,.05),rgba(59,130,246,.05))}.transcription-content{max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.3) transparent}.transcription-content::-webkit-scrollbar{width:6px}.transcription-content::-webkit-scrollbar-track{background:transparent}.transcription-content::-webkit-scrollbar-thumb{background-color:rgba(124,58,237,.3);border-radius:3px}.tooltip-wrapper{position:relative;z-index:50}.floating-action-button{position:fixed;bottom:2rem;right:2rem;z-index:100;height:3rem;width:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px rgba(124,58,237,.5);transition:all .2s ease}.floating-action-button:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px rgba(124,58,237,.6)}.animated-gradient{background:linear-gradient(-45deg,#7c3aed,#6366f1,#3b82f6,#8b5cf6);background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.frosted-glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.subtle-hover{transition:all .2s ease}.subtle-hover:hover{background-color:hsla(0,0%,100%,.05);transform:translateY(-1px)}@keyframes gradient-x{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient-x{animation:gradient-x 15s ease infinite;background-size:200% 200%}.login-hero-pattern{background-color:#f9fafb;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.login-card{backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.login-button{position:relative;overflow:hidden}.login-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(99,102,241,.5),rgba(168,85,247,.5),rgba(236,72,153,.5));opacity:0;transition:opacity .3s ease}.login-button:hover:after{opacity:1}.feature-icon{transition:transform .3s ease}.feature-item:hover .feature-icon{transform:scale(1.1)}