@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";.homepage-wrapper{width:100%;height:100vh;overflow-y:auto;display:block;--page-horizontal-padding: 10vw;--font-doodle: "Patrick Hand", cursive}*{box-sizing:border-box}.homepage-container{margin:0 auto;padding-left:var(--page-horizontal-padding);padding-right:var(--page-horizontal-padding);text-align:center}.navbar{width:100%}.navbar-content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:2rem var(--page-horizontal-padding)}.main-nav{position:relative}.logo{font-size:1.5rem;font-weight:700;color:#1f2937}.logo span{display:inline-block;background-color:#4f46e5;color:#fff;padding:.1rem .4rem;border-radius:4px;margin:0 .1rem}.navbar nav{display:flex;gap:1rem}.btn-login,.btn-signup{padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border:1px solid transparent}.btn-login{background-color:transparent;color:#1f2937}.btn-login:hover{background-color:#f3f4f6}.btn-signup{background-color:#4f46e5;color:#fff}.btn-signup:hover{filter:brightness(1.1)}.hero-section{display:flex;align-items:center;text-align:left;padding-top:5rem;padding-bottom:5rem;gap:4rem}.hero-content{flex:1}.hero-content h1{font-size:3rem;font-weight:700;line-height:1.2;color:#111827;margin-bottom:1rem}.hero-content p{font-size:1.2rem;color:#6b7280;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.explore-guest-btn{position:relative}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:1rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border:1px solid #d1d5db}.btn-primary{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:#f9fafb;color:#374151}.btn-secondary:hover{background-color:#f3f4f6}.explore-section{padding-top:5rem;padding-bottom:5rem}.explore-section h2{font-size:2.5rem;font-weight:700;color:#111827}.explore-section p{color:#6b7280;font-size:1.1rem;margin-bottom:3rem}.labs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.lab-card.lab-atom{position:relative}.lab-card{background-color:#fff;padding:2rem 1rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;text-align:center}.lab-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.lab-card-emoji{font-size:3rem;line-height:1}.lab-card-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.lab-card.lab-atom{background-color:#e0f2fe}.lab-card.lab-atom:hover{background-color:#bae6fd}.lab-card.lab-map{background-color:#fee2e2}.lab-card.lab-map:hover{background-color:#fecaca}.lab-card.lab-ocean{background-color:#dcfce7}.lab-card.lab-ocean:hover{background-color:#bbf7d0}.homepage-wrapper .explore-guest-btn:before{content:"Start Here";position:absolute;bottom:110%;left:50%;transform:translate(30%) translateY(290%) rotate(-20deg);font-family:var(--font-doodle);font-size:2rem;color:#be1010;white-space:nowrap}.homepage-wrapper .explore-guest-btn:after{content:"";position:absolute;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:20px solid #be1010;left:50%;bottom:calc(100% + 30px);transform:translate(60px,110px) rotate(155deg)}.homepage-wrapper .main-nav:before{content:"Click here!";position:absolute;font-family:var(--font-doodle);font-size:2rem;color:#3230c7;top:-80px;right:50%;transform:translate(50%) translateY(340%) rotate(5deg);white-space:nowrap;pointer-events:none}.homepage-wrapper .main-nav:after{content:"";position:absolute;width:25px;height:25px;border-top:4px solid #3230c7;border-right:4px solid #3230c7;transform:translate(-50px,100px) rotate(-35deg);top:-35px;right:25px}.homepage-wrapper .lab-card.lab-atom:before{content:"Try it out!";position:absolute;top:-25px;left:-140px;transform:translate(140%) translateY(-130%) rotate(-8deg);font-family:var(--font-doodle);font-size:2rem;color:#333;white-space:nowrap}.homepage-wrapper .lab-card.lab-atom:after{content:"";position:absolute;width:20px;height:20px;border-bottom:4px solid #333;border-left:4px solid #333;transform:translate(220px,-50px) rotate(-55deg);top:10px;left:-135px}@media (max-width: 900px){.homepage-wrapper{--page-horizontal-padding: 5vw}.hero-section{flex-direction:column;text-align:center;padding-top:3rem;padding-bottom:3rem}.hero-buttons{justify-content:center}.explore-guest-btn:before,.explore-guest-btn:after,.main-nav:before,.main-nav:after,.lab-card.lab-atom:before,.lab-card.lab-atom:after{display:none}}@media (max-width: 768px){.homepage-wrapper{--page-horizontal-padding: 1.5rem}.navbar-content{flex-direction:column;gap:1.5rem}.hero-content h1{font-size:2.25rem;line-height:1.3}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:320px}.explore-section{padding-top:3rem;padding-bottom:3rem}.explore-section h2{font-size:2rem}}@media (max-width: 600px){.labs-grid{grid-template-columns:1fr}}.login-page{display:flex;justify-content:center;align-items:flex-start;height:100vh;overflow-y:auto;background-color:#f9fafb;padding:3rem 1rem;box-sizing:border-box}.login-card{background-color:#fff;padding:3rem;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:420px;text-align:center;margin-bottom:6rem}.logo-login{margin-bottom:2rem}.login-card h2{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.login-card>p{color:#4b5563;margin-bottom:2.5rem}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:#374151}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;background-color:#fff;color:#1f2937;border-radius:8px;box-sizing:border-box;font-size:1rem}.btn-signin{width:100%;padding:.8rem;border:none;background-color:#6366f1;color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:filter .2s}.btn-signin:hover{filter:brightness(1.1)}.divider{margin:2rem 0;color:#9ca3af;font-size:.9rem;display:flex;align-items:center;gap:1rem}.divider:before,.divider:after{content:"";flex-grow:1;height:1px;background-color:#e5e7eb}.btn-google{width:100%;padding:.7rem;border:1px solid #e5e7eb;background-color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.75rem;transition:background-color .2s;color:#374151}.btn-google:hover{background-color:#f9fafb}.btn-google img{height:20px;width:20px}.signup-link{margin-top:2rem;font-size:.9rem;color:#6b7280}.signup-link a{color:#6366f1;text-decoration:none;font-weight:500}.signup-link a:hover{text-decoration:underline}.error-message{color:#ef4444;background-color:#fee2e2;border:1px solid #fca5a5;padding:.75rem;border-radius:8px;font-size:.9rem;margin-top:1rem;text-align:left}@media (max-width: 480px){.login-page{padding:1.5rem 1rem}.login-card{padding:2rem}}:root{--placard-color-1-bg: linear-gradient(135deg, #6e45e2 0%, #88d3ce 100%);--placard-color-2-bg: linear-gradient(135deg, #ff8008 0%, #ffc837 100%);--placard-color-3-bg: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);--placard-color-4-bg: linear-gradient(135deg, #f857a6 0%, #ff5858 100%);--placard-color-5-bg: linear-gradient(135deg, #1d976c 0%, #93f9b9 100%)}.dashboard-content{padding:20px 40px;height:100%;overflow-y:auto;box-sizing:border-box}.category-row{margin-bottom:30px}.category-title{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary);font-weight:600;text-align:left}.placard-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px;gap:16px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.placard-grid::-webkit-scrollbar{height:8px}.placard-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.placard-grid::-webkit-scrollbar-track{background:transparent}.placard{flex:0 0 220px;height:120px;border-radius:12px;padding:16px;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,filter .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:none;box-shadow:0 4px 6px #0000001a;scroll-snap-align:start;will-change:transform;gap:6px}.skeleton-title{height:2rem;width:250px;margin-bottom:15px}.skeleton-placard{flex:0 0 220px;height:120px;border-radius:12px}.placard:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003;z-index:10}.placard h3{font-size:1.25rem;font-weight:700;margin:0;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.placard p{display:none}.category-row:nth-child(5n+1) .placard{background-image:var(--placard-color-1-bg)}.category-row:nth-child(5n+2) .placard{background-image:var(--placard-color-2-bg)}.category-row:nth-child(5n+3) .placard{background-image:var(--placard-color-3-bg)}.category-row:nth-child(5n+4) .placard{background-image:var(--placard-color-4-bg)}.category-row:nth-child(5n+5) .placard{background-image:var(--placard-color-5-bg)}.placard.locked{background-color:var(--button-bg);background-image:none;opacity:.7;cursor:not-allowed}.placard.locked h3{color:var(--text-disabled);text-shadow:none}.placard.locked:hover{transform:none;box-shadow:0 4px 6px #0000001a;z-index:0}.placard.coming-soon{cursor:not-allowed;filter:grayscale(50%) brightness(.8)}.placard.coming-soon:hover{transform:none;box-shadow:0 4px 6px #0000001a;z-index:0;filter:grayscale(50%) brightness(.8)}.placard.coming-soon h3{text-shadow:none;opacity:.85}.coming-soon-label{font-size:1.3rem;font-weight:800;color:#fff;padding:3px 10px;border-radius:10px;line-height:1}.dashboard-loading{padding:40px;font-size:1.5rem;color:var(--text-secondary);text-align:center}html,body,#root{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column}.dashboard-body{display:flex;flex-grow:1;overflow:hidden}.dashboard-main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem;background-color:var(--sidebar-bg);transition:background-color .3s ease-in-out;min-width:0;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:40px 40px}.dashboard-sidebar{width:120px;flex-shrink:0;background-color:var(--bg-desktop-sidebar);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}@media (max-width: 1280px){.dashboard-sidebar{display:none}}#showcase-section,#popular-section{margin-bottom:2rem}#popular-section h3{margin:0 0 .75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);font-size:1rem;font-weight:600;color:var(--text-headings);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease-in-out,border-color .3s ease-in-out}.showcase-item{margin-bottom:1rem}.showcase-item a{text-decoration:none;color:inherit;display:block}.showcase-item img{max-width:100%;height:auto;border-radius:6px;margin-bottom:.5rem;border:1px solid var(--border-color);transition:border-color .3s ease-in-out}.showcase-item-title{font-size:.9rem;color:var(--text-primary);transition:color .3s ease-in-out}#popular-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}#popular-list li a{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;text-decoration:none;color:var(--text-primary);border-radius:6px;font-weight:500;font-size:.95rem;transition:background-color .2s ease,color .2s ease}#popular-list li a:hover{background-color:var(--bg-hover);color:var(--text-on-hover)}#popular-list li a.protected-link{color:var(--text-disabled)!important;cursor:not-allowed}#popular-list li a.protected-link:hover{background-color:transparent!important}#popular-list li a span[role=img]{font-size:.8rem}.dashboard-main-content.simulation-active{padding:0;overflow:hidden}.dashboard-main-content>.simulation-container{flex-grow:1;height:auto}.top-bar{display:flex;align-items:center;gap:1rem;padding:0 1rem;min-height:55px;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease;position:relative;z-index:1010}.top-bar .logo{flex-shrink:0;margin-left:-1rem}.logo a{text-decoration:none;display:flex;align-items:center;height:100%}.top-bar .right-menu{margin-left:auto;display:flex;align-items:center;gap:0rem;flex-shrink:0}.right-menu .search-container{display:none}.top-bar .dropdown-btn{color:var(--text-strong);font-weight:500;text-decoration:none;transition:color .3s ease}.protected-link{color:var(--text-disabled)!important;cursor:not-allowed;display:flex;justify-content:space-between;align-items:center}.protected-link:hover{background-color:transparent!important}.coin-count-text{color:var(--text-strong);font-weight:500;transition:color .3s ease}.coin-display{display:flex;align-items:center;gap:.5rem}.theme-toggle-btn{background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--icon-color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.theme-toggle-btn:hover{background-color:var(--bg-hover-subtle)}.theme-toggle-btn svg{width:20px;height:20px}.main-nav{display:flex;align-items:center;gap:.5rem;margin-left:-1rem;flex-shrink:0}.main-nav .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;text-decoration:none;font-weight:500;color:var(--text-secondary);transition:background-color .2s ease,color .2s ease;font-size:.95rem}.main-nav .nav-link span{display:none}.main-nav .nav-link:hover{background-color:var(--bg-hover-subtle);color:var(--text-on-hover)}.main-nav .nav-link svg{width:20px;height:20px}.dropdown{position:relative;display:inline-block;padding-bottom:8px;margin-bottom:-8px}.dropdown .dropdown-btn{cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:.25rem;font-family:inherit;font-size:inherit;padding:.5rem .75rem;border-radius:6px;transition:background-color .2s ease}.dropdown-arrow{font-size:.6rem;transition:transform .2s ease-in-out}.dropdown:hover .dropdown-btn{background-color:var(--bg-hover-subtle)}.dropdown-content{display:none;position:absolute;right:0;top:calc(100% - 8px);background-color:var(--bg-dropdown);min-width:160px;box-shadow:0 8px 16px #0000001a;z-index:1011;border-radius:6px;padding:.5rem 0;border:1px solid var(--border-color)}.dropdown-content a{color:var(--text-primary);padding:.75rem 1rem;text-decoration:none;display:block;font-weight:500;transition:background-color .2s ease,color .2s ease;font-size:.95rem}.dropdown-content a:hover{background-color:var(--bg-hover-subtle);color:var(--text-on-hover)}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.mobile-menu-toggle{display:block;order:-1;margin-right:.5rem;background:none;border:none;cursor:pointer;padding:1rem}.mobile-menu-toggle .icon-bar{display:block;width:22px;height:2px;background-color:var(--text-strong);border-radius:1px;transition:all .2s ease-in-out}.mobile-menu-toggle .icon-bar+.icon-bar{margin-top:5px}.mobile-nav-overlay{position:fixed;inset:0;background-color:var(--overlay-bg);z-index:1020;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-nav-overlay.is-open{opacity:1;pointer-events:auto}.mobile-nav-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--bg-mobile-sidebar);z-index:1030;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;box-shadow:0 0 20px #0003}.mobile-nav-sidebar.is-open{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:55px;border-bottom:1px solid var(--border-color);flex-shrink:0}.mobile-nav-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--icon-color-muted);cursor:pointer;padding:.5rem}.mobile-nav-content{padding:0;flex-grow:1;overflow-y:auto}.mobile-nav-content .nav-section-title{margin:1.5rem 1rem .75rem;font-size:1rem;font-weight:600;color:var(--text-headings);text-transform:uppercase;letter-spacing:.05em}.mobile-nav-content ul{list-style:none;padding:0;margin:0}.mobile-nav-content li a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:500;color:var(--text-primary);transition:background-color .2s ease,color .2s ease;padding:.75rem 1.5rem}.mobile-nav-content li a:hover{background-color:var(--bg-hover-subtle);color:var(--text-on-hover)}.mobile-nav-category-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background:none;border:none;cursor:pointer;text-align:left;font-weight:600;font-size:1rem;color:var(--text-strong);transition:background-color .2s ease;border-bottom:1px solid var(--border-color)}.mobile-nav-category-list{list-style:none;padding:0;margin:0;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,padding .3s ease-in-out;background-color:var(--bg-mobile-submenu)}.mobile-nav-category-list.is-open{max-height:1000px;padding:.5rem 0}.mobile-nav-category-list li a{padding:.75rem 1.5rem .75rem 2.5rem}body.mobile-menu-active{overflow:hidden}.mobile-nav-footer{flex-shrink:0;padding:.75rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;background-color:var(--bg-mobile-sidebar)}.footer-link{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.5rem;border-radius:6px;transition:background-color .2s,color .2s;background:none;border:none;cursor:pointer;flex-grow:1;text-align:center}.footer-link:hover{background-color:var(--bg-hover-subtle);color:var(--text-on-hover)}.footer-link svg{width:22px;height:22px}@media (min-width: 1280px){.main-nav{margin-left:0rem}.main-nav .nav-link{padding:0rem 1rem}.main-nav .nav-link span{display:inline}.right-menu .search-container{display:flex}.top-bar .logo{margin-left:.5rem}.top-bar .right-menu{gap:1.5rem}}@media (max-width: 1680px){.search-container{flex-grow:0;min-width:50px}}.skeleton{background-color:var(--skeleton-bg);border-radius:.25rem;animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-pulse{50%{opacity:.6}}body.dark-mode .top-bar{background-color:var(--bg-header);border-bottom-color:var(--border-color)}.simulation-wrapper{position:relative;width:100%;height:100%;background-color:var(--body-bg);scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.simulation-wrapper ::-webkit-scrollbar{width:8px}.simulation-wrapper ::-webkit-scrollbar-track{background:transparent}.simulation-wrapper ::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.simulation-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.no-transition *{transition:none!important}.iframe-container{position:relative;width:100%;height:100%}.chat-panel-content{display:flex;flex-direction:column;height:100%;background-color:var(--body-bg)}.resize-handle{width:8px;background:transparent;cursor:col-resize;position:relative}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--border-color);transition:background-color .2s ease}.resize-handle:hover:after{background:var(--accent-color)}.resize-handle.is-collapsed{display:none}.simulation-wrapper:not(.is-mobile).chat-is-open .chat-panel{min-width:400px}.chat-toggle-button{position:fixed;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;z-index:1000;width:50px;height:50px;border-radius:50%;border:none;background-color:var(--accent-color);color:var(--button-text-color, white);font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000040;transition:transform .2s ease-in-out,background-color .2s ease,bottom .3s ease-in-out;display:flex;align-items:center;justify-content:center}.chat-toggle-button:hover{background-color:var(--accent-color-hover);transform:scale(1.1)}.is-mobile .resize-handle{display:none!important}.is-mobile .chat-panel{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-height:90dvh!important;height:90dvh!important;z-index:950;box-shadow:0 -4px 15px #0003;border-top-left-radius:16px;border-top-right-radius:16px;transform:translateY(100%);transition:transform .3s ease-in-out;flex:none!important}.is-mobile.chat-is-open .chat-panel{transform:translateY(0)}.chat-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:900}.is-mobile.chat-is-open .chat-toggle-button{bottom:calc(90dvh - 70px + env(safe-area-inset-bottom))}._chatbotPanel_gyh06_5{display:flex;flex-direction:column;height:100%;background:var(--sidebar-bg);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;padding:1rem 1rem .5rem;gap:1rem}._header_gyh06_29{margin:0;padding:0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);flex-shrink:0}._tabsContainer_gyh06_49{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}._tabButton_gyh06_61{all:unset;font-family:inherit;padding:.5rem 1rem;cursor:pointer;color:var(--text-secondary);font-weight:500;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;font-size:.95rem;flex-grow:1;text-align:center}._tabButton_gyh06_61:hover:not(:disabled){color:var(--accent-color)}._tabButton_gyh06_61._activeTab_gyh06_97{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}._tabButton_gyh06_61:disabled{cursor:not-allowed;color:var(--text-disabled)}._messagesContainer_gyh06_119{flex-grow:1;overflow-y:auto;padding:0 .5rem;display:flex;flex-direction:column}._messagesContainer_gyh06_119::-webkit-scrollbar{width:6px}._messagesContainer_gyh06_119::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}._learnModeHeader_gyh06_155{background:var(--body-bg);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow-small);flex-shrink:0;color:var(--text-primary)}._questionNavigation_gyh06_175{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600;font-size:.9rem;color:var(--text-secondary)}._navControls_gyh06_195{display:flex;align-items:center;gap:.75rem}._visibilityToggleButton_gyh06_207{all:unset;box-sizing:border-box;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--text-secondary);background-color:var(--button-bg);padding:.4rem .8rem;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}._visibilityToggleButton_gyh06_207:hover{background-color:var(--button-bg-hover);color:var(--text-primary)}._navButton_gyh06_245{all:unset;font-family:inherit;width:32px;height:32px;border-radius:50%;background:var(--button-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}._navButton_gyh06_245 svg{width:18px;height:18px;fill:var(--text-primary)}._navButton_gyh06_245:hover:not(:disabled){background:var(--button-bg-hover)}._navButton_gyh06_245:disabled{background:var(--border-color);cursor:not-allowed}._navButton_gyh06_245:disabled svg{fill:var(--text-disabled)}._statusIndicator_gyh06_313{font-size:.95rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}._correct_gyh06_329{color:#4caf50;font-weight:600}._pending_gyh06_341{color:#ff9800;font-weight:600}._questionText_gyh06_355{font-size:1rem;font-weight:500;line-height:1.4;white-space:pre-wrap;color:var(--text-primary)}._messageWrapper_gyh06_373{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}._userAvatar_gyh06_387{width:36px;height:36px;border-radius:6px;background:var(--accent-color);color:var(--accent-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-size:1.1rem}._avatar_gyh06_415{width:36px;height:36px;border-radius:6px;background:var(--body-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}._avatar_gyh06_415 svg{width:24px;height:24px;fill:var(--text-secondary)}._messageContent_gyh06_449{display:flex;flex-direction:column;gap:.35rem;padding-top:2px}._senderInfo_gyh06_463{display:flex;align-items:baseline;gap:.5rem}._senderName_gyh06_475{font-size:1rem;font-weight:600;color:var(--text-primary)}._timestamp_gyh06_487{font-size:.8rem;color:var(--text-secondary)}._messageBubble_gyh06_497{line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:1rem}._aiMessage_gyh06_511{background:var(--body-bg);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px}._userMessage_gyh06_525{background:none;padding:0;color:var(--text-primary);font-size:1rem}._systemMessage_gyh06_541{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;margin:.5rem 1rem 1.5rem;background-color:#29a35226;border:1px solid hsla(140,60%,40%,.3);border-radius:8px;color:#4caf50;font-weight:600;font-size:.9rem}._form_gyh06_577{flex-shrink:0;margin:0;padding:0}._inputWrapper_gyh06_589{position:relative;display:flex;align-items:center;background:var(--body-bg);border-radius:8px;border:1px solid var(--border-color);transition:border-color .2s,box-shadow .2s}._inputWrapper_gyh06_589:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-faded)}._input_gyh06_589{all:unset;font-family:inherit;flex-grow:1;width:100%;padding:.8rem 3rem .8rem 1rem;background:transparent;color:var(--text-primary);font-size:1rem;box-sizing:border-box}._sendButton_gyh06_643{all:unset;font-family:inherit;box-sizing:border-box;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;transition:background-color .2s}._sendButton_gyh06_643:hover:not(:disabled){background-color:var(--button-bg-hover)}._sendButton_gyh06_643:disabled{cursor:not-allowed}._sendButton_gyh06_643 svg{width:20px;height:20px;fill:var(--text-secondary);transition:fill .2s}._sendButton_gyh06_643:hover:not(:disabled) svg{fill:var(--text-primary)}._sendButton_gyh06_643:disabled svg{fill:var(--text-disabled)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;--body-bg: #e8eef7;--sidebar-bg: #FFFFFF;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--accent-color: #f59e0b;--accent-color-faded: rgba(245, 158, 11, .25);--accent-text: #ffffff;--bg-body-static: #ffffff;--bg-header: #ffffff;--bg-desktop-sidebar: #f9fafb;--bg-dropdown: #ffffff;--bg-mobile-sidebar: #ffffff;--bg-mobile-submenu: #f9fafb;--bg-hover: #e5e7eb;--bg-hover-subtle: #f3f4f6;--button-bg: #f3f4f6;--button-bg-hover: #e5e7eb;--text-strong: #1f2937;--text-headings: #4b5563;--text-disabled: #9ca3af;--text-on-hover: #111827;--icon-color: #4b5563;--icon-color-muted: #6b7280;--skeleton-bg: #e2e8f0;--overlay-bg: rgba(0, 0, 0, .5);--shadow-small: 0 1px 2px 0 rgba(0, 0, 0, .05);--grid-line-color: rgba(0, 0, 0, .05);--scrollbar-track-bg: var(--sidebar-bg);--scrollbar-thumb-bg: #d1d5db;--scrollbar-thumb-hover-bg: #9ca3af}body.dark-mode{color-scheme:dark;--body-bg: #394b68;--sidebar-bg: #182233;--border-color: #334155;--text-primary: #ffffff;--text-secondary: #bdcadc;--accent-color: #62b9f7;--accent-color-faded: rgba(98, 185, 247, .2);--accent-text: #1e293b;--bg-header: #182842;--bg-desktop-sidebar: #1a232f;--bg-dropdown: #141344;--bg-mobile-sidebar: #111827;--bg-mobile-submenu: #1a232f;--bg-hover: #374151;--bg-hover-subtle: #374151;--button-bg: #374151;--button-bg-hover: #4b5563;--text-strong: #d1d5db;--text-headings: #9ca3af;--text-disabled: #6b7280;--text-on-hover: #ffffff;--icon-color: #9ca3af;--icon-color-muted: #9ca3af;--skeleton-bg: #374151;--shadow-small: 0 1px 2px 0 rgba(0, 0, 0, .15);--grid-line-color: rgba(255, 255, 255, .08);--scrollbar-track-bg: var(--sidebar-bg);--scrollbar-thumb-bg: #4b5563;--scrollbar-thumb-hover-bg: #6b7280}body{margin:0;min-width:440px;min-height:100vh;background-color:var(--bg-body-static)}.dashboard-main-content::-webkit-scrollbar,.dashboard-sidebar::-webkit-scrollbar,.messagesContainer::-webkit-scrollbar{width:10px}.dashboard-main-content::-webkit-scrollbar-track,.dashboard-sidebar::-webkit-scrollbar-track,.messagesContainer::-webkit-scrollbar-track{background:var(--scrollbar-track-bg)}.dashboard-main-content::-webkit-scrollbar-thumb,.dashboard-sidebar::-webkit-scrollbar-thumb,.messagesContainer::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border-radius:20px;border:2px solid var(--scrollbar-track-bg)}.dashboard-main-content::-webkit-scrollbar-thumb:hover,.dashboard-sidebar::-webkit-scrollbar-thumb:hover,.messagesContainer::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-bg)}.dashboard-main-content,.dashboard-sidebar,.messagesContainer{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg)}