.mathContainer{height:calc(100vh - 80px);background-color:var(--background);color:var(--text-primary);font-family:var(--font-inter),system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;overflow:hidden}.header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background-color:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 1rem;justify-content:space-between}.header,.headerLeft{display:flex;align-items:center}.headerLeft{gap:.75rem}.menuBtn{background:none;border:none;color:var(--text-primary);padding:.5rem;cursor:pointer;border-radius:.5rem;display:flex;align-items:center}.menuBtn:hover{background-color:var(--surface-hover)}.logoIcon{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(to top right,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700}.logoText{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;color:transparent}.headerRight{display:flex;align-items:center;gap:1rem}@media (max-width:640px){.headerRight{display:none}}.selectBox{display:flex;align-items:center;gap:.5rem;background-color:rgba(31,41,55,.5);border:1px solid #374151;border-radius:.5rem;padding:.25rem}.selectInput{background:transparent;border:none;color:#e5e7eb;font-size:.875rem;outline:none;cursor:pointer}.selectInput option{background-color:#111827}.mainLayout{display:flex;flex:1 1;position:relative;min-height:0;height:100%}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);flex-shrink:0;z-index:30;overflow:hidden}@media (max-width:768px){.sidebar{display:none}}.sidebarContent{padding:1rem;width:280px}.sidebarTitle{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;margin-bottom:1.5rem}.historyList{display:flex;flex-direction:column;gap:.75rem}.historyItem{padding:.75rem;background-color:var(--background);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyItem:hover{background-color:var(--surface-hover);color:var(--text-primary)}.chatArea{flex:1 1;display:flex;flex-direction:column;background:var(--playground-bg);overflow:hidden;min-height:0;height:100%;position:relative}.modeToggle{display:flex;justify-content:center;margin-top:1.5rem}.modeToggleInner{background-color:color-mix(in srgb,var(--surface) 80%,transparent);padding:.25rem;border-radius:.75rem;border:1px solid var(--border);box-shadow:0 10px 15px -3px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modeBtn,.modeToggleInner{display:flex;align-items:center}.modeBtn{gap:.5rem;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;border:none;background:transparent;cursor:pointer;transition:all .2s}.modeBtn.activeSolution{background-color:rgba(99,102,241,.2);color:#818cf8}.modeBtn.activeLearning{background-color:rgba(168,85,247,.2);color:#c084fc}.modeBtn.inactive{color:var(--text-secondary)}.modeBtn.inactive:hover{color:var(--text-primary)}.messagesWrapper{flex:1 1;padding:1rem 1rem 160px;overflow-y:auto}@media (min-width:768px){.messagesWrapper{padding:2rem 2rem 160px}}.messagesContainer{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.msgRow{display:flex}.msgRow.user{justify-content:flex-end}.msgRow.ai{justify-content:flex-start}.msgBubble{max-width:85%;border-radius:1rem;padding:1.25rem}.msgBubble.user{background:linear-gradient(to bottom right,#4f46e5,#9333ea);color:#fff;border-bottom-right-radius:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.msgBubble.ai{background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.aiActions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem}.actionBtn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;background:transparent;transition:all .2s}.actionBtn.youtube{background-color:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.actionBtn.youtube:hover{background-color:rgba(239,68,68,.2)}.actionBtn.calc{background-color:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.actionBtn.calc:hover{background-color:rgba(59,130,246,.2)}.videoModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.videoModalContent{background-color:var(--surface);border-radius:1rem;padding:1.5rem;width:100%;max-width:48rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid var(--border)}.videoModalHeader{display:flex;justify-content:space-between;align-items:center}.videoModalClose{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.videoModalClose:hover{background-color:var(--surface-hover);color:var(--text-primary)}.videoSearchContainer{margin-top:1rem}.videoGrid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}@media (min-width:640px){.videoGrid{grid-template-columns:repeat(2,1fr)}}.videoCard{background:var(--background);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .2s}.videoCard:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.videoThumbWrapper{position:relative;width:100%;aspect-ratio:16/9;background-color:#000}.videoThumb{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .2s}.videoCard:hover .videoThumb{opacity:1}.videoPlayOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .2s}.videoCard:hover .videoPlayOverlay{opacity:1}.videoInfo{padding:.75rem}.videoTitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.videoChannel{font-size:.75rem;color:var(--text-secondary)}.backToResultsBtn{background:transparent;border:none;color:var(--primary);font-weight:500;cursor:pointer;padding:0;font-size:.875rem}.backToResultsBtn:hover{text-decoration:underline}.inputArea{padding:1rem;width:100%;position:absolute;bottom:0;left:0;right:0;z-index:20;background:var(--playground-bg);border-top:1px solid var(--border);border-top-left-radius:2rem;border-top-right-radius:2rem}.inputAreaInner{max-width:64rem;margin:0 auto;width:100%}@media (min-width:768px){.inputArea{padding:1.5rem}}.inputWrapper{position:relative;background-color:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:.5rem;display:flex;align-items:flex-end;gap:.5rem;box-shadow:0 15px 35px -10px rgba(0,0,0,.1)}.mobileOnlyBtn{display:flex!important;align-items:center;justify-content:center;flex-shrink:0}.desktopTools{display:none}@media (min-width:768px){.mobileOnlyBtn{display:none!important}.desktopTools{display:flex;gap:.25rem;padding-bottom:.25rem}}.inputTools{display:flex;gap:.25rem;padding-bottom:.25rem}.toolBtn{background:transparent;border:none;padding:.75rem;color:var(--text-secondary);cursor:pointer;border-radius:.75rem;transition:all .2s}.toolBtn:hover{background-color:var(--surface-hover);color:var(--primary)}.mathKeyboard{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:.25rem;gap:.25rem;padding:.5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:.5rem;margin-bottom:.5rem;width:100%}@media (max-width:640px){.mathKeyboard{grid-template-columns:repeat(4,1fr)}}.mathKeyBtn{background-color:var(--background);color:var(--text-primary);border:1px solid var(--border);padding:.5rem;border-radius:.25rem;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1.125rem;transition:all .2s}.mathKeyBtn:hover{background-color:var(--surface-hover);color:var(--primary)}.textarea{flex:1 1;background:transparent;border:none;color:var(--text-primary);resize:none;max-height:12rem;min-height:3.5rem;padding:.75rem .5rem;outline:none;font-family:inherit;font-size:1rem}.sendBtn{margin-bottom:.25rem;padding:.75rem;background:linear-gradient(90deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:.75rem;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .2s}.sendBtn:hover{box-shadow:0 10px 15px -3px rgba(99,102,241,.25)}.geogebraPanel{position:absolute;right:0;top:0;bottom:0;width:100%;background-color:#fff;z-index:50;border-left:1px solid #1f2937;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (min-width:768px){.geogebraPanel{width:600px}}.geoHeader{background-color:var(--surface);padding:.75rem;justify-content:space-between;border-bottom:1px solid var(--border)}.geoHeader,.geoTitle{display:flex;align-items:center}.geoTitle{color:var(--text-primary);font-weight:500;gap:.5rem}.geoTitleIcon{color:#818cf8}.geoClose{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.5rem}.geoClose:hover{color:var(--text-primary);background-color:var(--surface-hover)}.geoFrame{flex:1 1;width:100%;border:none;background-color:#f3f4f6}.seoSection{background-color:var(--background);border-top:1px solid var(--border);padding:6rem 1.5rem;position:relative}@media (min-width:768px){.seoSection{padding:6rem 3rem}}.seoGradientLine{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:56rem;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.seoContainer{max-width:72rem;margin:0 auto}.seoHeader{text-align:center;margin-bottom:4rem}.seoTitle{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.025em}@media (min-width:768px){.seoTitle{font-size:3rem}}.seoTitle span{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;color:transparent}.seoSubtitle{color:var(--text-secondary);font-size:1.125rem;max-width:48rem;margin:0 auto;line-height:1.625}.seoGrid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:768px){.seoGrid{grid-template-columns:repeat(3,1fr)}}.seoCard{background-color:var(--surface);padding:2rem;border-radius:1rem;border:1px solid var(--border);transition:all .2s}.seoCard:hover{transform:translateY(-4px)}.seoCard:first-child:hover{border-color:rgba(99,102,241,.3)}.seoCard:nth-child(2):hover{border-color:rgba(168,85,247,.3)}.seoCard:nth-child(3):hover{border-color:rgba(59,130,246,.3)}.cardIcon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.cardIcon.indigo{background-color:rgba(99,102,241,.2);color:#818cf8}.cardIcon.purple{background-color:rgba(168,85,247,.2);color:#c084fc}.cardIcon.blue{background-color:rgba(59,130,246,.2);color:#60a5fa}.cardTitle{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.cardText{color:var(--text-secondary);font-size:.875rem;line-height:1.625}