:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#ec4899;--secondary-light:#f472b6;--accent-blue:#0ea5e9;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--bg:#0f172a;--bg-secondary:#1e293b;--surface:#1e293b;--surface-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--glow-primary:0 0 20px #6366f14d;--glow-secondary:0 0 20px #ec48994d;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:all 0.15s ease-in-out;--transition-base:all 0.3s ease-in-out;--transition-slow:all 0.5s ease-in-out;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f1f5f9;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--text-base);height:100%;line-height:1.6}.app-container,body,html{background:#0f172a;background:var(--bg)}.app-container{min-height:100vh;overflow-x:hidden;position:relative}.animated-background{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);inset:0;pointer-events:none;position:fixed;z-index:-2}.grid-overlay{background-image:linear-gradient(#94a3b805 1px,#0000 0),linear-gradient(90deg,#94a3b805 1px,#0000 0);background-size:40px 40px;inset:0;z-index:-1}.gradient-orb,.grid-overlay{pointer-events:none;position:absolute}.gradient-orb{border-radius:50%;filter:blur(120px);mix-blend-mode:multiply}.orb-1{animation:drift 30s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);height:600px;right:-100px;top:-200px;width:600px}.orb-2{animation:drift 35s ease-in-out infinite reverse;background:radial-gradient(circle,#ec48991a 0,#0000 70%);bottom:-100px;height:500px;left:-50px;width:500px}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #94a3b81a;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:1020;z-index:var(--z-sticky)}.navbar-content{justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2)}.navbar-actions{align-items:center;display:flex;gap:1rem;gap:var(--space-4)}.landing-page{display:flex;flex-direction:column;min-height:100vh;position:relative}.landing-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:1400px;padding:4rem 1.5rem;padding:var(--space-16) var(--space-6);width:100%}.coaching-modes-section{margin-bottom:4rem;margin-bottom:var(--space-16)}.section-title{color:#f1f5f9;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);text-align:center}.coaching-modes-grid,.section-title{margin-bottom:3rem;margin-bottom:var(--space-12)}.coaching-modes-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.coaching-mode-card{align-items:center;background:#1e293b;background:var(--surface);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center;transition:all .3s ease-in-out;transition:var(--transition-base)}.coaching-mode-card:before{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.coaching-mode-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #6366f14d;box-shadow:var(--shadow-xl),var(--glow-primary);transform:translateY(-8px)}.coaching-mode-card:hover:before{opacity:.05}.coaching-mode-card.advisor-mode,.coaching-mode-card.finance-mode,.coaching-mode-card.interview-mode,.coaching-mode-card.math-mode{border-color:#6366f133}.coaching-mode-card h3{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin:0}.coaching-mode-card p{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin:0}.mode-icon{align-items:center;display:flex;font-size:3rem;height:64px;justify-content:center}.roles-container{margin-bottom:3rem;margin-bottom:var(--space-12)}.roles-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;margin-top:var(--space-8)}.role-card{align-items:center;background:#1e293b;background:var(--surface);border:2px solid #94a3b833;border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center;transition:all .3s ease-in-out;transition:var(--transition-base)}.role-card:before{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.role-card:hover:before{opacity:.05}.role-card:hover{transform:translateY(-6px)}.role-card.selected,.role-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #6366f14d;box-shadow:var(--shadow-lg),var(--glow-primary)}.role-card.selected{background:linear-gradient(135deg,#6366f11a,#ec48990d)}.role-icon-wrapper{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;width:64px}.role-card h3{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.role-arrow{color:#6366f1;color:var(--primary);opacity:0;position:absolute;right:1rem;right:var(--space-4);top:50%;transform:translateY(-50%);transition:all .3s ease}.role-card:hover .role-arrow{opacity:1;transform:translateY(-50%) translateX(4px)}.start-session-wrapper{display:flex;justify-content:center;margin-top:3rem;margin-top:var(--space-12)}.start-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #6366f14d;box-shadow:var(--shadow-lg),var(--glow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);gap:.75rem;gap:var(--space-3);justify-content:center;padding:1rem 3rem;padding:var(--space-4) var(--space-12);transition:all .3s ease-in-out;transition:var(--transition-base)}.start-button:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #6366f14d;box-shadow:var(--shadow-xl),var(--glow-primary);transform:translateY(-4px)}.start-button:disabled{cursor:not-allowed;opacity:.6}.hero-section{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-primary);font-size:3rem;font-size:var(--text-5xl);font-weight:700;font-weight:var(--font-bold);line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.hero-subtitle{color:#cbd5e1;color:var(--text-secondary);font-size:1.25rem;font-size:var(--text-xl);line-height:1.8;margin-bottom:2rem;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px}.features-showcase{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem;margin-bottom:var(--space-16)}.feature-item{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:2rem;padding:var(--space-8);transition:all .3s ease-in-out;transition:var(--transition-base)}.feature-item:hover{background:#334155;background:var(--surface-hover);border-color:#6366f1;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #6366f14d;box-shadow:var(--shadow-md),var(--glow-primary);transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:2.5rem;height:56px;justify-content:center;width:56px}.feature-title{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold)}.feature-description{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6}.coach-selection{margin-bottom:4rem;margin-bottom:var(--space-16)}.coach-title{color:#f1f5f9;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:3rem;margin-bottom:var(--space-12);text-align:center}.coach-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.coach-card{align-items:center;background:#1e293b;background:var(--surface);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;text-align:center;transition:all .3s ease-in-out;transition:var(--transition-base)}.coach-card:before{background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.coach-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #6366f14d;box-shadow:var(--shadow-xl),var(--glow-primary);transform:translateY(-8px)}.coach-card:hover:before{opacity:.05}.coach-card.active{background:linear-gradient(135deg,#6366f11a,#ec48990d);border-color:#6366f1;border-color:var(--primary)}.coach-icon{font-size:3rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.coach-name{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold)}.coach-description{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm)}.practice-page{background:linear-gradient(135deg,#0f172a,#6366f105);background:linear-gradient(135deg,var(--bg) 0,#6366f105 100%);display:flex;flex-direction:column;min-height:100vh}.practice-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #94a3b81a;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.back-button,.practice-header{align-items:center;display:flex}.back-button{background:#0000;border:1px solid #94a3b833;border-radius:.5rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-in-out;transition:var(--transition-fast)}.back-button:hover{background:#6366f10d;border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.progress-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.question-counter{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.progress-bar{background:#94a3b81a;height:3px;overflow:hidden;width:200px}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,#6366f1 0,var(--accent-pink) 100%);background:linear-gradient(90deg,var(--primary) 0,var(--accent-pink) 100%);height:100%;transition:width .3s ease}.practice-content{grid-gap:2rem;grid-gap:var(--space-8);align-items:start;display:grid;flex:1 1;gap:2rem;gap:var(--space-8);grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1400px;width:100%}.practice-content,.question-panel{padding:2rem;padding:var(--space-8)}.question-panel{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000001a;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px;transition:all .3s ease-in-out;transition:var(--transition-base)}.question-panel:hover{border-color:#6366f14d;box-shadow:0 8px 25px #6366f126}.question-header{align-items:center;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.question-icon{color:#6366f1;color:var(--primary);font-size:1.5rem}.question-panel h2{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);margin:0}.question-text{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);letter-spacing:.3px;line-height:1.8;margin:0}.answer-panel{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #0000001a;padding:2rem;padding:var(--space-8);transition:all .3s ease-in-out;transition:var(--transition-base)}.answer-panel:hover{border-color:#6366f14d;box-shadow:0 8px 25px #6366f126}.input-method-tabs{border-bottom:2px solid #94a3b81a;display:flex;gap:.75rem;gap:var(--space-3);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:1rem;padding-bottom:var(--space-4)}.method-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;bottom:-4px;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);position:relative;transition:all .15s ease-in-out;transition:var(--transition-fast)}.method-tab:hover{color:#cbd5e1;color:var(--text-secondary)}.method-tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--primary);box-shadow:0 2px 8px #6366f133;color:#6366f1;color:var(--primary)}.typing-input{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.answer-textarea{background:#94a3b80d;border:2px solid #94a3b833;border-radius:.75rem;border-radius:var(--radius-lg);color:#f1f5f9;color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-size:var(--text-base);line-height:1.6;min-height:250px;padding:1rem;padding:var(--space-4);resize:vertical;transition:all .15s ease-in-out;transition:var(--transition-fast)}.answer-textarea::placeholder{color:#94a3b8;color:var(--text-tertiary);opacity:.7}.answer-textarea:focus{background:#6366f10d;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a,inset 0 2px 8px #6366f10d;outline:none}.char-count{color:#94a3b8;color:var(--text-tertiary);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);text-align:right}.recording-input{padding:2rem 0;padding:var(--space-8) 0}.recording-input,.recording-visualizer{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.recording-visualizer{transition:all .3s ease-in-out;transition:var(--transition-base)}.recording-visualizer.recording{transform:scale(1.05)}.recording-circle{animation:pulse-ring 2s infinite;background:linear-gradient(135deg,#6366f133,#ec48991a);border:3px solid #6366f1;border:3px solid var(--primary);border-radius:50%;height:80px;width:80px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #6366f166}70%{box-shadow:0 0 0 20px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.recording-waveform{align-items:flex-end;display:flex;gap:.5rem;gap:var(--space-2);height:40px}.wave-bar{animation:wave .6s ease-in-out infinite;background:linear-gradient(180deg,#6366f1 0,var(--accent-pink) 100%);background:linear-gradient(180deg,var(--primary) 0,var(--accent-pink) 100%);border-radius:var(--radius-full);width:4px}.wave-bar:nth-child(odd){animation-delay:.1s}.wave-bar:nth-child(2n){animation-delay:.2s}@keyframes wave{0%,to{height:8px}50%{height:30px}}.recording-time{font-feature-settings:"tnum";color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600;font-weight:var(--font-semibold)}.recording-buttons{display:flex;gap:1rem;gap:var(--space-4);width:100%}.record-start,.record-stop{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .3s ease-in-out;transition:var(--transition-base)}.record-start{background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--primary) 0,var(--accent-blue) 100%);box-shadow:0 4px 15px #6366f14d;color:#fff}.record-start:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.record-stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.record-stop:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.transcribe-btn{align-items:center;background:linear-gradient(135deg,var(--accent-pink) 0,#8b5cf6 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 15px #ec48994d;color:#fff;cursor:pointer;display:flex;font-weight:600;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .3s ease-in-out;transition:var(--transition-base);width:100%}.transcribe-btn:hover:not(:disabled){box-shadow:0 8px 25px #ec489966;transform:translateY(-2px)}.transcribe-btn:disabled{cursor:not-allowed;opacity:.6}.recorded-audio-preview{background:#6366f10d;border:1px solid #6366f133;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4)}.audio-player{border-radius:.5rem;border-radius:var(--radius-md);height:40px;width:100%}.audio-controls{display:flex;gap:.75rem;gap:var(--space-3)}.pause-btn,.play-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--primary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--space-2);justify-content:center;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-in-out;transition:var(--transition-fast)}.pause-btn:hover,.play-btn:hover{background:#6366f133;border-color:#6366f1;border-color:var(--primary)}.transcript-display{background:#6366f10d;border-left:3px solid #6366f1;border-left:3px solid var(--primary);border-radius:.5rem;border-radius:var(--radius-md);color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;padding:1rem;padding:var(--space-4)}.submit-button{align-items:center;background:linear-gradient(135deg,#6366f1 0,var(--accent-pink) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--accent-pink) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 6px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-2);justify-content:center;margin-top:1.5rem;margin-top:var(--space-6);padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .3s ease-in-out;transition:var(--transition-base);width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 35px #6366f166;transform:translateY(-3px)}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.btn{border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all .15s ease-in-out;transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #6366f14d;box-shadow:var(--shadow-lg),var(--glow-primary)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#334155;background:var(--surface-hover);border:1px solid #94a3b833;color:#f1f5f9;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#6366f11a;border-color:#6366f1;border-color:var(--primary)}.btn-lg{font-size:1.125rem;font-size:var(--text-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.panel{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--space-8)}.panel-header{align-items:center;display:flex;gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.panel-title{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold)}.form-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.form-label{font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium)}.form-input,.form-label,.form-textarea{color:#f1f5f9;color:var(--text-primary)}.form-input,.form-textarea{background:#94a3b80d;border:1px solid #94a3b833;border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;font-size:1rem;font-size:var(--text-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-in-out;transition:var(--transition-fast)}.form-input:hover,.form-textarea:hover{border-color:#94a3b84d}.form-input:focus,.form-textarea:focus{background:#6366f10d;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{min-height:120px}@media (max-width:768px){.hero-title{font-size:1.875rem;font-size:var(--text-3xl)}.hero-subtitle{font-size:1.125rem;font-size:var(--text-lg)}.landing-content{padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.features-showcase{grid-template-columns:1fr}.coach-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.hero-title{font-size:1.5rem;font-size:var(--text-2xl)}.navbar{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.landing-content{padding:1.5rem .5rem;padding:var(--space-6) var(--space-2)}.btn-lg{width:100%}}.about-page{background:linear-gradient(135deg,#0f172a,#6366f105);background:linear-gradient(135deg,var(--bg) 0,#6366f105 100%);min-height:100vh}.about-content{margin:0 auto;max-width:1200px;padding:4rem 2rem;padding:var(--space-16) var(--space-8)}.about-container{display:flex;flex-direction:column;gap:3rem;gap:var(--space-12)}.about-profile{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a;padding:3rem;padding:var(--space-12)}.profile-card-header{align-items:center;border-bottom:2px solid #94a3b81a;display:flex;gap:2rem;gap:var(--space-8);margin-bottom:2rem;margin-bottom:var(--space-8);padding-bottom:2rem;padding-bottom:var(--space-8)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f133,#ec48991a);border:2px solid #6366f14d;border-radius:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-shrink:0;font-size:4rem;height:100px;justify-content:center;width:100px}.profile-header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1 0,var(--accent-pink) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--accent-pink) 100%);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);margin:0}.profile-header-info p{color:#cbd5e1;color:var(--text-secondary);font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium);margin:.5rem 0 0;margin:var(--space-2) 0 0 0}.profile-bio{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);margin-bottom:2rem;margin-bottom:var(--space-8)}.profile-bio p{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.8;margin:0}.about-mission{background:linear-gradient(135deg,#6366f10d,#ec489905);border-left:4px solid #6366f1;border-left:4px solid var(--primary);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--space-8);padding:2rem;padding:var(--space-8)}.about-mission h2{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.about-mission p{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;font-size:var(--text-base);line-height:1.8;margin:0}.about-features-section{margin-top:3rem;margin-top:var(--space-12)}.about-features-section h2{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 2rem;margin:0 0 var(--space-8) 0}.features-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#1e293b;background:var(--surface);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);padding:2rem;padding:var(--space-8);transition:all .3s ease-in-out;transition:var(--transition-base)}.feature-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f126;transform:translateY(-4px)}.feature-icon-large{align-items:center;display:flex;font-size:3rem;height:80px;justify-content:center}.feature-card h3{color:#f1f5f9;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);margin:0}.feature-card p{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.6;margin:0}.feature-list{flex-direction:column;list-style:none;margin:0;padding:0}.feature-list,.feature-list li{display:flex;gap:.5rem;gap:var(--space-2)}.feature-list li{align-items:center;color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.about-tech{background:linear-gradient(135deg,#6366f10d,#ec489905);border:1px solid #94a3b81a;border-radius:1rem;border-radius:var(--radius-xl);margin-top:3rem;margin-top:var(--space-12);padding:2rem;padding:var(--space-8)}.about-tech h3{color:#f1f5f9;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.tech-categories{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-category{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.tech-category h4{color:#6366f1;color:var(--primary);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);margin:0}.tech-list{flex-direction:column;list-style:none;margin:0;padding:0}.tech-list,.tech-list li{display:flex;gap:.5rem;gap:var(--space-2)}.tech-list li{align-items:center;color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.tech-list li:before{color:#6366f1;color:var(--primary);content:"▪";font-weight:700}@media (max-width:768px){.about-content{padding:2rem 1rem;padding:var(--space-8) var(--space-4)}.about-profile{padding:2rem;padding:var(--space-8)}.profile-card-header{flex-direction:column;gap:1.5rem;gap:var(--space-6);text-align:center}.profile-header-info h1{font-size:1.5rem;font-size:var(--text-2xl)}.features-grid,.tech-categories{grid-template-columns:1fr}}.feedback-header-section{background:linear-gradient(135deg,#6366f114,#ec489914);border:2px solid;border-color:#6366f133 #6366f126 #6366f126 currentcolor;border-radius:1rem;border-radius:var(--radius-xl);border-style:solid;border-width:1px 1px 1px 5px;margin:1.5rem 0;margin:var(--space-6) 0;padding:1.5rem;padding:var(--space-6);transition:all .3s ease}.feedback-header-section:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.score-display{gap:1.5rem;gap:var(--space-6)}.score-circle,.score-display{align-items:center;display:flex}.score-circle{animation:pulse-glow 2.5s ease-in-out infinite;border-radius:50%;box-shadow:0 12px 48px #00000026;flex-direction:column;flex-shrink:0;height:140px;justify-content:center;overflow:hidden;position:relative;width:140px}.score-circle:before{background:inherit;content:"";filter:blur(8px);inset:0;opacity:.5;position:absolute;z-index:-1}@keyframes pulse-glow{0%,to{box-shadow:0 12px 48px #00000026,inset 0 0 20px #ffffff1a}50%{box-shadow:0 12px 64px #0003,inset 0 0 30px #fff3}}.score-number{color:#fff;font-size:3rem;font-weight:700;font-weight:var(--font-bold);line-height:1;text-shadow:0 2px 8px #0003}.score-max{color:#fffffff2;font-size:1rem;font-weight:500;font-weight:var(--font-medium);margin-top:4px;text-shadow:0 1px 4px #0003}.score-info{flex:1 1}.score-info h3{color:#f1f5f9;color:var(--text-primary);font-size:1.5rem;font-weight:700;font-weight:var(--font-bold);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.score-label{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-weight:600;font-weight:var(--font-semibold);letter-spacing:1px;margin:0;opacity:.8;text-transform:uppercase}.score-breakdown{grid-gap:1rem;grid-gap:var(--space-4);background:linear-gradient(135deg,#6366f10d,#ec48990d);border:1px solid #6366f126;border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:1.5rem 0;margin:var(--space-6) 0;padding:var(--space-5)}.score-item{background:#ffffff80;border:1px solid #6366f11a;border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);padding:.75rem;padding:var(--space-3)}.score-item span{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.score-bar{background:#0000001a;height:6px;overflow:hidden;width:100%}.score-bar,.score-fill{border-radius:var(--radius-full)}.score-fill{background:linear-gradient(90deg,#10b981,#0ea5e9);background:linear-gradient(90deg,var(--accent-emerald) 0,var(--accent-blue) 100%);height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}@media (max-width:768px){.score-display{flex-direction:column;gap:1rem;gap:var(--space-4);text-align:center}.score-circle{height:120px;width:120px}.score-number{font-size:2.5rem}.score-info h3{font-size:1.25rem}.score-breakdown{grid-template-columns:1fr}}.feedback-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);margin:1.5rem 0;margin:var(--space-6) 0}.voice-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 8px 24px #8b5cf64d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold);gap:.75rem;gap:var(--space-3);justify-content:center;min-width:200px;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.voice-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.voice-button:hover:not(:disabled){box-shadow:0 12px 36px #8b5cf666;transform:translateY(-4px)}.voice-button:hover:not(:disabled):before{left:100%}.voice-button:active:not(:disabled){transform:translateY(-2px)}.voice-button:disabled{background:linear-gradient(135deg,#a78bfa,#c4b5fd);cursor:not-allowed;opacity:.7}.voice-button svg{font-size:1.25rem;transition:transform .3s ease}.voice-button:hover:not(:disabled) svg{transform:scale(1.15)}.next-button{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 32px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);gap:.75rem;gap:var(--space-3);justify-content:center;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;padding:var(--space-4) var(--space-8);position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:100%}.next-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.next-button:after{background:linear-gradient(135deg,#fff0,#fff3);border-radius:.75rem;border-radius:var(--radius-lg);content:"";inset:0;padding:2px;pointer-events:none;position:absolute}.next-button:hover:not(:disabled){box-shadow:0 16px 48px #6366f166,0 0 30px #ec489933;transform:translateY(-6px)}.next-button:hover:not(:disabled):before{left:100%}.next-button:active:not(:disabled){transform:translateY(-2px)}.next-button:disabled{cursor:not-allowed;opacity:.6}.next-button svg{font-size:1.5rem;transition:transform .3s ease}.next-button:hover:not(:disabled) svg:last-child{transform:translateX(4px)}.feedback-panel{animation:slideUp .4s ease-out;background:#1e293b;background:var(--surface);border:1px solid #94a3b833;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a;padding:2rem;padding:var(--space-8)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-content{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6)}.feedback-section{background:#6366f108;border-left:4px solid #6366f1;border-left:4px solid var(--primary);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4)}.feedback-title{color:#f1f5f9;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-bold);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.feedback-text{color:#cbd5e1;color:var(--text-secondary);line-height:1.8;margin:0}.feedback-list{flex-direction:column;list-style:none;margin:0;padding:0}.feedback-list,.feedback-list li{display:flex;gap:.5rem;gap:var(--space-2)}.feedback-list li{align-items:flex-start;color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-size:var(--text-sm)}.feedback-list li:before{color:#10b981;color:var(--accent-emerald);content:"✓";flex-shrink:0;font-weight:700;font-weight:var(--font-bold)}.math-tutor-container{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:1rem}.nav-brand,.navbar{align-items:center;display:flex}.nav-brand{color:#1f2937;font-size:1.25rem;font-weight:600;gap:.5rem}.nav-back-button{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;padding:.5rem;transition:all .2s}.nav-back-button:hover{background:#e5e7eb;color:#1f2937}.math-content{flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:2rem;width:100%}.error-banner{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.error-banner button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.5rem;margin-left:auto}.chat-view,.submission-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:2rem}.form-header,.summary-header{margin-bottom:2rem;text-align:center}.chat-view h2,.form-header h1{color:#1f2937;font-size:1.75rem;margin:0 0 .5rem}.form-header p{color:#6b7280;font-size:1rem;margin:0}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;text-align:left}.summary-header h2{font-size:1.25rem;margin:0}.btn-reset{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-reset:hover{background:#e5e7eb}.form-body{gap:1.5rem}.form-body,.form-section{display:flex;flex-direction:column}.form-label{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.required{color:#dc2626}.text-muted{color:#9ca3af;font-size:.875rem;font-weight:400}.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-family:Segoe UI,sans-serif;font-size:1rem;padding:.75rem;resize:vertical;transition:all .2s}.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.file-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:2rem;text-align:center;transition:all .2s}.file-upload-area:hover{background:#f3f4f6;border-color:#6366f1}.file-upload-prompt{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.5rem}.file-upload-prompt p{font-weight:500;margin:0}.file-selected{align-items:center;background:#ecfdf5;border-radius:8px;color:#059669;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.btn-remove{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.2rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.problem-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.problem-text{background:#fff;border-radius:6px;color:#374151;line-height:1.6;margin-bottom:1rem;padding:1rem}.problem-meta{display:flex;flex-wrap:wrap;gap:1rem}.badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.hints-section{margin-bottom:2rem}.hints-section h3{color:#1f2937;margin:0 0 1rem}.hints-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.hint-card{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:1.25rem;position:relative}.hint-number{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.hint-card p{color:#78350f;line-height:1.5;margin:0;padding-right:2rem}.chat-section{margin-top:2rem}.chat-section h3{color:#1f2937;margin:0 0 1rem}.chat-messages{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;height:300px;margin-bottom:1rem;overflow-y:auto;padding:1rem}.message{border-radius:6px;font-size:.95rem;line-height:1.4;padding:.75rem 1rem}.message-user{align-self:flex-end;background:#dbeafe;color:#1e3a8a;max-width:70%}.message-assistant{align-self:flex-start;background:#dcfce7;color:#166534;max-width:70%}.chat-input-form{display:flex;gap:.5rem}.chat-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:inherit;font-size:1rem;padding:.75rem 1rem}.chat-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-send{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s}.btn-send:hover:not(:disabled){background:#4f46e5}.btn-send:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.math-content{padding:1rem}.chat-view,.submission-form{padding:1.5rem}.hints-grid{grid-template-columns:1fr}.message-assistant,.message-user{max-width:100%}}
/*# sourceMappingURL=main.68e59572.css.map*/