body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0!important}body,html{max-height:100vh;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:21px}html{background-color:#222325}.App{background-color:#1b1b1b;display:flex;flex-direction:column;height:100%;position:fixed;width:100%}.App-logo{height:50px;pointer-events:none;-webkit-user-select:none;user-select:none}.skeleton-loading{animation:FadeIn .5s;background:#2b2b2b!important}.skeleton-card-loading{animation:FadeIn .7s;background:#27292d!important}.skeleton-code-loading{animation:FadeIn .5s;background:#202122!important}.skeleton-feedback-loading{animation:FadeIn .5s;background:#222325!important}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.app-logo-container{justify-content:start}.app-header-button-container,.app-logo-container{align-items:center;display:flex;padding:0 20px;width:50%}.app-header-button-container{justify-content:end}.login-button{height:40px}.App-header{background-color:#222831;border-bottom:1px solid #4a4b4c;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:70px}.app-name{font-size:18px;font-weight:500}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1335px){.skeleton-feedback-loading{width:"90%"!important}}::-webkit-scrollbar{height:6px!important;width:6px!important}::-webkit-scrollbar-thumb{background:#888!important}::-webkit-scrollbar-track{background:#393939!important}html{scrollbar-color:auto!important;scrollbar-width:auto!important}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:#6d7c77 #cfd7c7;scrollbar-width:thin}}.node-toolbar{align-items:center;background-color:#222325cc;border-radius:4px;box-shadow:0 2px 8px #00000040;display:flex;gap:5px;padding:5px}.node-toolbar button{align-items:center;display:flex;justify-content:center}.main-container{width:calc(100% - 86px)}.brand-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%;width:-webkit-fill-available;width:-moz-available}.brand-container:hover{cursor:pointer}.page-title{background-color:#393e463b;box-shadow:0 3px 8px #0000003d;height:84px}.snackbar-cta:after{border-radius:0 0 10px 10px!important}.premium{background-color:#ffd369!important;border:none!important;border-radius:5px!important;color:#222831!important;font-weight:500!important;height:50px!important;margin:0 25px!important;min-width:160px!important;padding:10px!important}.premium,.refer-button{font-size:14px!important}.refer-button{align-items:center;background-color:#3e3f3e!important;border-radius:5px!important;color:#d2d2d2!important;display:flex;font-weight:700!important;justify-content:center;margin:0 5px!important;padding:5px 10px!important;text-transform:none!important}.snackbar-message{top:0!important}.snackbar-message .MuiSnackbarContent-root{background-color:#2e3037;min-width:0!important;min-width:auto!important}.snackbar-message div{border-radius:0 0 5px 5px!important}.snackbar-message:hover{cursor:pointer!important;transition:all .3s ease-in-out}.snackbar-message .MuiSnackbarContent-root{overflow:hidden;position:relative;transition:all .3s ease-in-out}.snackbar-message .MuiSnackbarContent-root:hover{background-color:#2e3037;box-shadow:0 6px 12px #0000004d;transform:translateY(3px) scale(1.02)}.snackbar-message .MuiSnackbarContent-root:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.snackbar-message .MuiSnackbarContent-root:hover:before{left:100%}@media only screen and (max-width:1270px){.snackbar-message .MuiSnackbarContent-root{font-size:13px!important}}@media only screen and (max-width:1335px){.main-container{height:100%;width:100%}.pomodoro-menu-icon-container{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-button{color:#aba6a6!important}.brand-container{padding:0 0 0 14px;width:100%!important}}.swiper{height:0;margin:0;width:100%}.swiper-slide{align-items:center;background:#fff;display:flex;font-size:18px;justify-content:center;text-align:center}.lock-icon,.premium-icon{height:50px!important;margin:0 5px!important}.lock-icon{color:#eab308}.premium-icon{color:#ffba00}.swiper-slide img{display:block;height:100%;object-fit:cover;width:100%}.swiper-pagination-bullet{background:#0003;color:#000;font-size:12px;height:20px;line-height:20px;opacity:1;text-align:center;width:20px}.swiper-pagination-bullet-active{background:#007aff;color:#fff}.close-icon,.maximize-icon,.minimize-icon{color:#282828;height:10px!important;opacity:0;padding:5px!important;transition:all .5s ease-in-out;width:10px!important}.close-icon:hover,.maximize-icon:hover,.minimize-icon:hover{cursor:pointer;opacity:1}.maximize-icon.active,.minimize-icon.active{opacity:1}.maximize-code{height:calc(100% - 136px);left:0;margin:0!important;position:fixed;top:88px;width:100%}.maximize-code .flashcard-code{max-height:calc(100% - 77px)!important}.maximize-code.flashcard-code-wrapper{background-color:#1a1c23!important;border-radius:0!important;z-index:1}.minimize-code .flashcard-code{max-height:0!important;padding:0!important}.flashcard-viewer-nav-button{align-items:center;background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:5px!important;color:#fff!important;display:flex;font-size:16px;justify-content:center;margin:0 auto;padding:15px 20px!important;width:40%}.MuiIconButton-root{margin:0!important}.code-preview-header{align-items:center;display:flex;padding:5px 10px 0}.code-preview-header-left{margin-right:10px}.code-header-button,.code-preview-header-left{align-items:center;display:flex;justify-content:center}.code-header-button{border-radius:7px;height:14px;margin:0 5px;width:14px}.code-header-button.close{background:#ff514e!important}.code-header-button.minimize{background:#ffba00!important}.code-header-button.maximize{background:#00ce1b!important}.page-title{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.page-title p{min-width:55px;text-align:center}.code-panel-header{align-items:center;display:flex;justify-content:space-between;margin:19px 0 0!important;padding-bottom:19px;width:100%}.flashcard-name-code-panel{color:#eaeaea;display:inline-block;font-size:18px;font-weight:400;margin:5px 0 5px 30px;text-align:left;width:100%}.info-panel-buttons{border-bottom:1px solid #4a4b4c;display:flex;justify-content:space-between;padding:20px 0;width:100%}.page-title h1{color:#fff;font-size:30px;font-weight:400;line-height:28px;margin:10px 0 0}.page-title h1,.page-title h2{display:inline-block;font-family:Montserrat Alternates,sans-serif;font-style:normal;text-align:left;width:100%}.page-title h2{color:#faba2f;font-size:16px;font-weight:600;margin:5px 0 10px}.back-button-container{align-items:center;display:flex;height:-webkit-max-content;height:max-content;justify-content:center;position:absolute;top:34px;transition:all .5s ease-in-out;z-index:2}.back-button-container button{color:#fff}.back-button-container:hover{cursor:pointer}.back-button-text{color:#fff}.collection-title{align-items:center;color:#fff;display:flex;display:inline-block;font-size:35px;font-weight:400;justify-content:space-between;line-height:36px;margin:30px;text-align:left;width:100%}.collection-title p{text-align:right}.flashcard-viewer-problem-wrapper,.flashcard-viewer-question-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;overflow:hidden;padding:0 20px}.flashcard-viewer-question-wrapper{width:50%}.flashcard-viewer-question-wrapper.mobile{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.flip-card,.shuffle-icon,.spaced-repition-icon{color:#fff;transition:color .3s ease}.flashcard-viewer-shuffle-button{margin:0!important;width:48px}.flashcard-viewer-shuffle-button svg{height:100%!important;margin:0!important;width:100%!important}.flashcard-viewer-nav-button:hover{cursor:pointer}.flashcard-viewer{background:#03030352;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0 40px}.selected-card-container{display:flex;flex-direction:row;height:inherit;justify-content:space-between;padding:0!important}.blur{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.flashcard-viewer-nav-button-group{align-items:start;display:flex;font-size:16px;justify-content:space-between;margin:10px auto;width:100%;z-index:2}.-nav-button-group button{margin:0;padding:12px 0!important}.more-info-panel{align-items:center;border-radius:0 20px 20px 0;box-shadow:0 3px 8px #0000003d;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-width:25em;overflow:hidden;padding:0 20px;position:relative;width:50%}.more-info-panel.mobile{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;transform:rotateY(180deg)}.flip-card{display:none!important}.flashcard-viewer-dislike-button,.flashcard-viewer-like-button{height:100%;margin:0!important;opacity:.7;width:100%}.flashcard-viewer-dislike-button:hover,.flashcard-viewer-like-button:hover{opacity:1}.cta-modal,.hide-code-container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;translate:-50% -30%;width:75%;z-index:3}.cta-modal{max-width:608px;width:auto}.cta-modal:hover{cursor:pointer}.code-off-icon,.cta{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:17px;font-weight:500;text-align:center}.rating-container{align-items:center;color:#ffffff88;display:flex;flex-direction:column;justify-content:center;position:relative}.rating-container p{bottom:-7px;font-size:14px;left:50%;margin:0;position:absolute;text-align:center;transform:translate(-50%);white-space:nowrap}.missing-solution{align-items:center;display:flex;height:100%}.code-off-icon{font-size:50px!important}.code-off-icon:hover{cursor:pointer}.premium{font-size:18px!important}.flashcard-viewer-dislike-button:hover,.flashcard-viewer-like-button:hover{cursor:pointer}.test-format{border-left:5px solid #b1b1b1;border-radius:0 15px 15px 0;color:#dcdcdc;font-size:16px;font-weight:500;line-height:30px;margin:10px 0;overflow:auto;width:100%}.no-footer{height:100%!important}@media (hover){.flashcard-viewer-like-button:hover{background-color:#fdc2008b!important;opacity:1!important}.flashcard-viewer-dislike-button:hover{background-color:#3c84b763!important;opacity:1!important}.flashcard-viewer-shuffle-button:hover{background-color:#2e934042!important;opacity:1!important}-like-button:hover .like-icon{color:#faba2f!important}.flashcard-viewer-dislike-button:hover .dislike-icon{color:#3c84b7!important}.flashcard-viewer-shuffle-button:hover .shuffle-icon{color:#2e9341}}.dislike-icon,.like-icon{height:35px!important;margin:0 auto;width:35px!important}.dislike-icon{border-radius:50%;color:#fff}.like-icon{color:#fff}.selected-rating{opacity:1!important}.selected-shuffle,.selected-shuffle .shuffle-icon{color:#2e9341}.selected-rating-mastered,.selected-rating-mastered .like-icon{color:#faba2f!important}.selected-rating-in-progress,.selected-rating-in-progress .dislike-icon{color:#3c84b7!important}@media only screen and (min-device-width:568px) and (max-device-width:896px) and (orientation:landscape){.page-title{display:none}.maximize-code{height:100%!important;top:0!important}.rating-container p{background-color:hsla(0,0%,58%,.325);border-radius:5px;bottom:-5px!important;padding:0 5px}}@media only screen and (max-width:484px){.maximize-code{height:calc(100% - 62px);top:62px!important}}@media only screen and (max-width:1335px){.no-footer{height:100%!important}.rating-container p{bottom:-18px!important;font-size:13px}.footer-message{align-items:center;color:#c3c2c2;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:3}.footer-message p{font-size:17px;font-weight:700;margin:0}.maximize-code{height:calc(100% - 62px);top:62px}.cta-model{width:90%}.cta,.premium{font-size:14px!important}.page-title h1{font-size:20px}.page-title h2{font-size:11px}.mobile{height:100%!important}.code-panel-header{border:none;height:100%;margin:0!important;padding-bottom:0!important}.info-panel-buttons{align-items:start;border-bottom:1px solid #4a4b4c;height:auto;padding-top:10px}.hidden{display:none!important;width:0!important}.hidden,.hidden-mobile{height:0!important}.flip-card{display:inline!important;display:initial!important}.flashcard-viewer-question-wrapper{height:50%;margin:initial;padding:0;width:100%;width:-webkit-fill-available;width:-moz-available}.flashcard-viewer-nav-button-group{border-radius:5px;margin:10px 0 5px;width:94%}.flashcard-name-code-panel{margin-left:30px}.flashcard-viewer-nav-button{margin:0!important;width:25%}.selected-card-container{flex-direction:column}.flashcard-viewer{align-items:center;margin:0 auto;padding:0;position:relative;width:100%}.more-info-panel{border-radius:0;border-radius:0 0 20px 20px;height:50%;justify-content:normal;margin:initial;min-width:0;min-width:auto;overflow:hidden;padding:0 20px;width:100%;width:-webkit-fill-available;width:-moz-available}.flashcard-footer{border-top:1px solid #4a4b4c78!important;bottom:0;justify-content:space-between!important;position:fixed;right:0;width:calc(100% - 60px)!important}.flashcard-footer label{margin:0}.page-title{flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:0 10px!important}.collection-title{font-size:30px;line-height:30px;margin-left:20px}.back-button-container{border-radius:15px;height:30px;left:auto!important;margin:0;padding:5px;position:absolute;top:15px!important;width:30px}}@media only screen and (min-device-width:568px) and (max-device-width:896px) and (orientation:landscape){.rating-container p{bottom:-6px!important}}.progress-stats-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#23272a80!important;border-radius:8px;color:#fff!important;margin:0 12px 16px;padding:16px;transition:all .3s ease}.progress-stats-container:hover{background-color:#23272ab3!important;box-shadow:0 4px 8px #0003}.progress-stats-title{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:8px}.progress-stats-progress{background-color:#fff3;border-radius:5px;height:10px;margin-bottom:16px}.progress-stats-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}@media (max-width:1335px){.progress-stats-container{margin:0 8px 12px;padding:12px}.progress-stats-title{font-size:16px}.progress-stats-chips{flex-wrap:wrap;gap:12px;justify-content:center}.progress-stats-chips .MuiChip-root{flex-grow:1;justify-content:center;margin:4px}}.star-method-container{border-radius:12px}.star-method-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.star-method-description{margin-bottom:20px}.star-method-description ul{padding-left:20px}.star-method-description li{margin-bottom:8px}.star-method-inputs .MuiTextField-root{margin-bottom:16px}.star-method-inputs .MuiInputBase-root{background-color:#2d2d2d}.star-method-inputs .MuiInputBase-input,.star-method-inputs .MuiInputLabel-root{color:#fff}.star-method-inputs .MuiOutlinedInput-notchedOutline{border-color:#555}.star-method-inputs .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#777}.star-method-inputs .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#90caf9}.star-method-saved-message{background-color:#4caf5026;border-radius:4px;color:#4caf50;margin:10px 0;padding:10px;text-align:center}.star-method-generated-answer{margin-top:20px}.star-method-generated-answer h4{color:#e0e0e0;margin-bottom:10px}.star-method-container{display:flex;flex-direction:column;height:100%;width:100%}.star-method-form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px}.star-method-description{color:#e0e0e0;font-size:14px;margin-bottom:16px}.star-method-form .MuiTextField-root{background-color:#ffffff0d;border-radius:8px;margin:5px 0}.star-method-form .MuiTextField-root .MuiInputLabel-root,.star-method-form .MuiTextField-root .MuiOutlinedInput-root{color:#e0e0e0}.star-method-form .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:#fff3}.star-method-form .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d}.star-method-form .MuiButton-root{background-color:#4f46e5;border-radius:8px;color:#fff;font-weight:500;margin-top:24px;padding:10px 16px;transition:background-color .3s}.star-method-form .MuiButton-root:hover{background-color:#4338ca}.save-confirmation{color:#4caf50;margin-top:16px;text-align:center}.pattern-details-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.pattern-detail-section{margin-bottom:20px}.pattern-detail-section:last-child{margin-bottom:0}.pattern-detail-title{color:#faba2f;font-size:16px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pattern-detail-text{color:#e0e0e0;font-size:14px;line-height:1.6;margin:0 0 8px}.pattern-detail-text strong{color:#fff;font-weight:600}.pattern-steps{margin-top:8px}.pattern-step{color:#e0e0e0;font-size:14px;line-height:1.6;margin:6px 0;padding-left:12px;position:relative}.pattern-step:before{color:#faba2f;content:"▶";font-size:12px;left:0;position:absolute;top:2px}.pattern-pitfalls{margin-top:8px}.pattern-pitfall{color:#e0e0e0;font-size:14px;line-height:1.6;margin:6px 0;padding-left:16px;position:relative}.pattern-pitfall:before{color:#ff6b6b;content:"⚠";font-size:14px;left:0;position:absolute;top:1px}@media only screen and (max-width:1335px){.pattern-details-container{margin:10px 0;padding:15px}.pattern-detail-title{font-size:14px}.pattern-detail-text,.pattern-pitfall,.pattern-step{font-size:13px}}.interview-approach-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:15px 0;padding:20px}.approach-step{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:15px}.approach-step:last-child{border-bottom:none;margin-bottom:0}.approach-step-title{color:#faba2f;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.approach-step-text{background:#0003;border-left:3px solid #faba2f;border-radius:8px;color:#e0e0e0;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:8px;padding:10px}.approach-step-note{color:#b8b8b8;font-size:13px;font-weight:500;margin-top:5px}.communication-tips-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:15px 0;padding:20px}.communication-tip{border-bottom:1px solid #ffffff1a;margin-bottom:18px;padding-bottom:15px}.communication-tip:last-child{border-bottom:none;margin-bottom:0}.tip-title{color:#4caf50;font-size:15px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.tip-text{background:#4caf501a;border-left:3px solid #4caf50;border-radius:8px;color:#e0e0e0;font-size:14px;font-style:italic;line-height:1.6;padding:10px}.problem-specific-tips{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:15px 0;padding:20px}.specific-tip{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:15px}.specific-tip:last-child{border-bottom:none;margin-bottom:0}.specific-tip-title{color:#ff6b6b;font-size:15px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.specific-tip-text{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;color:#e0e0e0;font-size:14px;line-height:1.8;padding:12px}@media only screen and (max-width:1335px){.communication-tips-container,.interview-approach-container,.problem-specific-tips{margin:10px 0;padding:15px}.approach-step-title,.specific-tip-title,.tip-title{font-size:14px}.approach-step-note,.approach-step-text,.specific-tip-text,.tip-text{font-size:13px}.approach-step-text,.specific-tip-text,.tip-text{padding:8px}}.info-icon{color:grey;height:18px!important;margin:0 5px;width:18px!important}.browser-wrapper{height:100%;overflow:hidden auto}.browser-loading-spinner{width:100%}.browser,.browser-loading-spinner{display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-evenly;margin-bottom:100px}.browser-header{align-items:center;display:flex!important;height:52px;position:absolute!important}.browser-container{display:flex;flex-direction:column;height:100%;-webkit-mask-image:linear-gradient(#000,#000 25%,#0000008c 95%,#0000);mask-image:linear-gradient(#000,#000 25%,#0000008c 95%,#0000);padding:0}@media only screen and (max-width:1335px){.browser-header{height:auto!important;margin:5px 0 0;position:relative!important}.browser-container{padding:0;width:100%}}.card-container{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:10px;box-shadow:0 2px 0 0 #00000029;margin:0 auto 15px;position:relative;width:24%}.card-container,.card-content{display:flex;flex-direction:column}.card-content{align-items:center;border-radius:0 0 10px 0!important;justify-content:space-between;padding:0 10px 6px}.card-content:before{background:radial-gradient(circle at bottom right,#ffffff0d,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.card-content .data-structure-tags-container{border-radius:0;margin:0;padding:10px 0 0;width:98%}.card-question{border:1px solid #8484843d;border-left:none;border-right:none;color:#808191;line-height:1.5em;margin:0;max-height:3.2em;overflow:auto;padding:10px 0;width:98%}.card-question :hover{background-color:red}.card-buttons{display:flex;justify-content:space-between;padding:0 0 0 10px}.card-container:focus-within,.card-container:hover{box-shadow:0 2px 0 0 #c8cbce;outline:none}.dislike-icon-card-view,.like-icon-card-view{height:24px!important;margin-top:8px!important;width:24px!important}.like-icon-card-view{color:#faba2f}.dislike-icon-card-view{border-radius:50%;color:#3c84b7!important}.lock-icon{color:#fff9;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));font-size:20px!important}.card-container:focus,.card-container:hover{cursor:pointer}.card-image{border-radius:10px 10px 0 0;height:80%;width:100%}.card-footer{border-radius:0 10px 10px 0;color:#e0e0e0;display:flex;justify-content:space-between;padding:0 10px}.card-footer .bookmark{align-items:start!important}.behavioral .card-header-content{max-width:80%!important}.card-header-content{display:flex;flex-direction:column-reverse;gap:6px;margin:8px 0;max-width:65%;padding-right:8px}.card-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.card-name{font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.difficulty-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.3px;opacity:.9;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.difficulty-badge.easy{background-color:#68d39133;border:1px solid #68d3914d;color:#68d391}.difficulty-badge.medium{background-color:#fa33;border:1px solid #ffaa334d;color:#fa3}.difficulty-badge.hard{background-color:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.category-badge{align-items:center;background-color:#6366f126;border:1px solid #6366f14d;border-radius:4px;color:#6366f1;display:inline-flex;font-size:.7rem;font-weight:500;padding:2px 8px;white-space:nowrap}.category-icon{font-size:.8rem;margin-right:4px}.info-panel-buttons .difficulty-badge.easy{background-color:#68d39133;border:1px solid #68d3914d;color:#68d391;margin:8px}.info-panel-buttons .difficulty-badge.medium{background-color:#fa33;border:1px solid #ffaa334d;color:#fa3;margin:8px}.info-panel-buttons .difficulty-badge.hard{background-color:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b;margin:8px}.flashcard-header .difficulty-badge{margin:8px}.bookmark{padding:6px!important;transition:all .3s ease;z-index:2}.bookmark-filled{color:#ded5d5}.bookmark-outline{color:#e0e0e0}.data-structure-tag{background-color:#6366f126!important;border:1px solid #6366f14d!important;border-radius:13px!important;font-size:.75rem!important;font-weight:500!important;height:26px!important;letter-spacing:.4px!important;padding:0 10px!important;transition:all .2s ease!important}.data-structure-tag:hover{background-color:#6366f14d!important;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.behavioral-content{display:flex;flex-direction:column}.behavioral-tips-container{margin-top:8px}.collapsible-tips{border-radius:4px;cursor:help;padding:2px 4px;transition:background-color .2s}.collapsible-tips:hover{background-color:#ffffff0d}.tips-heading{color:#808191;font-size:.8rem;margin-bottom:4px}.clarification-tag{font-size:.7rem!important;height:20px!important}@media screen and (max-width:1200px){.card-container{width:calc(32% - 10px)}}@media screen and (max-width:992px){.card-container{width:calc(48% - 10px)}}@media screen and (max-width:768px){.card-container{width:94%}.card-name{font-size:1rem;text-align:left}}.behavioral-tips-container{margin-top:10px}.tips-heading{color:#666;font-size:.9rem;font-weight:500;margin-bottom:5px}.clarification-tags{display:flex;flex-wrap:wrap;gap:4px}.clarification-tag{font-size:.75rem!important}.question-type-badge{margin-top:8px}.app-container{border-radius:20px;box-shadow:0 1px 4px #00000029;perspective:2000px;position:relative;transition:all .25s ease-in-out}.app-container-animated{height:100%;max-height:calc(100% - 170px)}.tutorial-backdrop{align-items:center;color:#c3c2c2;display:flex;font-size:14px;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}.app-container-inner{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:20px;box-shadow:0 1px 4px #00000029;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:0!important;position:relative;transform-style:preserve-3d;transition:all .3s ease-in-out;width:100%}.app-container .flip-card-back{transform:rotateY(180deg)}.click-to-flip{animation:bounce 1.5s infinite;font-size:18px;margin:10px}.swipe-animation{animation:swipe 2.7s infinite reverse;font-size:18px;margin:10px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes swipe{0%,to{rotate:0;transform:translateX(0)}40%{rotate:-5deg;transform:translateX(-5px)}75%{rotate:5deg;transform:translateX(5px)}}@media only screen and (min-device-width:568px) and (max-device-width:896px) and (orientation:landscape){.app-container-animated{max-height:100%}}@media only screen and (max-width:1335px){.app-container-animated{width:94%!important}.app-container-animated:hover{cursor:pointer}}.flashcard-wrapper{color:#eaeaea;display:flex;flex-direction:column;height:100%;width:100%}.sign-in{padding:0}.points{color:rgba(255,217,0,.839);font-size:18px;font-weight:300}.flashcard{border-radius:20px;display:flex;flex-direction:column;height:100%;width:100%}.question-flashcard{height:100%;max-width:none;width:100%}.flashcard>*{padding:0 80px}.flashcard-name{display:inline-block;font-size:24px;font-weight:400;text-align:left;width:100%}.difficulty{margin:10px 5px}.small{max-height:18px;max-width:18px;min-height:18px;min-width:18px}.flashcard-code,.flashcard-pseudocode{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;margin:0;max-height:500px;overflow:auto;padding:0!important}.flashcard-code{background:#0000004a!important;padding:20px 10px 10px!important}.flashcard-code-wrapper,.flashcard-pseudo-code-wrapper{background-color:#cccccc14!important;border-radius:15px 15px 0 0;box-shadow:0 3px 8px #0000003d;margin:10px 0;padding:15px!important}.flashcard-pseudo-code-wrapper{padding:10px 30px!important}.flashcard-code-wrapper{margin-bottom:10px;padding:0!important}.flashcard-pseudocode{overflow:hidden!important}.flashcard-pseudocode code{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:16px;font-weight:500;line-height:30px}.input-examples-wrapper{align-items:center;display:flex;flex-direction:row}.input-examples-wrapper .testcase-notes{background-color:#cccccc14!important;height:100%;max-height:200px;overflow:auto!important;padding:10px!important;width:100%}.testcase-notes{height:37px;overflow:hidden!important}.testcase-notes:hover{cursor:pointer}.testcase-notes.expanded{height:auto!important}.output-examples-wrapper{align-items:center;display:flex;flex-direction:row}.output-examples-wrapper .flashcard-code{background-color:#cccccc14!important;height:100%;max-height:200px;overflow:auto!important;padding:10px!important;width:100%}.testcase-notes p{margin:5px 0;min-width:80px}.flashcard-code.testcase-notes:hover{cursor:pointer}.flashcard-examples{display:flex;flex-direction:column;height:250px}.flashcard-examples a{color:#fff}.flashcard-header{border-bottom:1px solid #4a4b4c;display:flex;justify-content:flex-end;padding:20px 0 0 4%}.more-info-panel .flashcard-footer{padding:5px 0;width:100%}.flashcard-footer{border-top:1px solid #4a4b4c;display:flex;justify-content:flex-end;padding:25px 0}.tab-wrapper{display:flex;justify-content:space-between;margin:20px 0;position:relative}.flashcard-favorite{height:50px}flashcard-favorite:hover{cursor:pointer}.flashcard-body{height:100%;overflow:auto;padding:20px 2%}.flashcard-problems{color:#fff;height:auto;margin-left:15px;max-height:610px;overflow:auto;padding:50px 10px;width:50em}.flashcard-body-code{height:100%;overflow:auto;padding:20px 2%;width:100%;width:-webkit-fill-available;width:-moz-available}.algorithm-step-container,.data-structure-tags-container{align-items:center;display:flex}.data-structure-tags-container{border-radius:15px;color:#dcdcdc;font-size:16px;font-weight:500;justify-content:start;line-height:30px;margin:10px 0;overflow:auto;padding:10px 30px}.data-structure-tags-container div{background-color:#ffffff0d;margin-right:5px}.data-structure-tags-container div:not(:first-child){margin-left:5px}.flashcard-examples-header{align-items:center;display:flex;justify-content:space-between}.flashcard-notes,.flashcard-usefulfor{border-radius:15px}.algorithm-notes,.clarification-notes,.complexity-notes,.flashcard-notes,.flashcard-usefulfor,.testcase-notes{background-color:#cccccc14!important;box-shadow:0 3px 8px #0000003d;color:#dcdcdc;font-size:16px;font-weight:500;line-height:30px;margin:10px 0;overflow:auto;padding:10px 30px}.algorithm-notes,.clarification-notes,.complexity-notes,.testcase-notes{border-left:5px solid #b1b1b1;border-radius:0 15px 15px 0}.complexity-notes{width:auto}.algorithm-notes{background-color:#cccccc14!important;border-left:5px solid #ffd369;border-radius:0 15px 15px 0;color:#dcdcdc;margin:7px 0;width:100%}.flashcard-examples-label,.flashcard-label,.flashcard-pseudocode-label,.flashcard-usefulfor-label{font-size:22px;font-weight:400;line-height:28px;margin:0;min-height:28px}.complexity-label{font-size:18px;font-weight:400;line-height:24px;margin:0}.flashcard-question-wrapper{display:flex;height:100%}@media only screen and (max-width:1335px){.input-examples-wrapper .testcase-notes{height:100%;overflow:auto!important;width:100%;width:-webkit-fill-available;width:-moz-available}.input-examples-wrapper{align-items:start;flex-direction:column}.output-examples-wrapper .flashcard-code{height:100%;overflow:auto!important;width:100%;width:-webkit-fill-available;width:-moz-available}.output-examples-wrapper{align-items:start;flex-direction:column}.flashcard-pseudocode code{font-size:14px}.more-info-panel .flashcard-footer{padding:0 20px 12px 0;width:calc(100% - 100px)}.flashcard-footer{border:none!important;justify-content:center!important;padding:0 0 12px!important;width:100%!important}.flashcard-body{padding:10px 20px}.difficulty{margin:10px 5px}.flashcard-header{align-items:start;margin:10px 20px 0;padding:0}.flashcard-examples-label,.flashcard-label,.flashcard-pseudocode-label,.flashcard-usefulfor-label{font-size:16px}.algorithm-notes,.clarification-notes,.complexity-notes,.flashcard-notes,.flashcard-usefulfor,.testcase-notes{font-size:14px}.flashcard{border-radius:0!important}.flashcard-body-code{overflow:auto;padding-top:10px!important;width:100%!important}.flashcard-name{align-items:center;display:flex;font-size:18px;height:calc(100% - 10px);margin:5px 0 5px 30px}}.behavioral-help-sections{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.behavioral-category{margin-bottom:15px}.category-chip{font-weight:600}.behavioral-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.behavioral-section.expanded{box-shadow:0 4px 8px #0003}.section-header{cursor:pointer;padding:12px 15px;transition:background-color .2s ease}.section-header:hover{background-color:#3c3c3cb3}.section-title{align-items:center;display:flex;gap:10px}.section-title h3{font-size:15px;font-weight:500;margin:0}.section-icon{font-size:20px;opacity:.8}.section-content{font-size:14px;line-height:1.5;padding:15px}.star-item{margin-bottom:12px}.star-item strong{color:#90caf9;display:inline-block;min-width:80px}.followup-list,.pitfalls-list{margin:0;padding-left:20px}.followup-list li,.pitfalls-list li{margin-bottom:8px}.skills-container{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{margin:2px}.strategy-content{color:#b3e5fc;font-style:italic;line-height:1.6}.behavioral-flashcard .flashcard-body{max-height:75vh;overflow-y:auto}@media (max-width:768px){.section-title h3{font-size:14px}.section-content{font-size:13px;padding:10px}}.premium-locked{cursor:not-allowed;opacity:.85;position:relative}.premium-locked .section-header{background-color:#0000000d;border:1px dashed #3f51b5;border:1px dashed var(--primary-color,#3f51b5)}.premium-lock-indicator{align-items:center;background-color:#3f51b51a;border-radius:4px;color:#3f51b5;color:var(--primary-color,#3f51b5);display:flex;font-size:12px;padding:4px 8px}.premium-lock-indicator .lock-icon{font-size:16px;margin-right:4px}.premium-text{align-items:center;display:flex;font-weight:500}.premium-text svg{margin-right:2px}.notes-textarea{background:#24292f6b;border:1px solid #424a53;border-radius:12px 12px 0 12px;box-shadow:0 2px 2px #24292f;color:#afb8c1;font-family:IBM Plex Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;padding:12px;width:100%;width:-webkit-fill-available;width:-moz-available}.editField{border:none;color:inherit;max-width:100%;width:auto!important}.notes-container{padding:0!important}.MuiInput-root{color:inherit!important}.MuiInput-root:hover:not(.Mui-disabled,.Mui-error):before{border-bottom:1px solid #a8a8a863!important}.MuiInput-root:not(.Mui-disabled,.Mui-error):before{border-bottom:1px solid #0000}.disabled:hover{cursor:not-allowed}.add-row-button{align-items:center;border-radius:0!important;color:#f6f0de80!important;display:flex!important;height:55px;justify-content:left!important;margin-top:1px!important;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%}.add-row-button span{font-size:14px;margin:0 5px}.add-row-button *{color:#f6f0de80}.add-row-button:hover{background-color:rgba(35,40,45,.394);cursor:pointer}.MuiTableContainer-root .MuiCheckbox-root.Mui-focusVisible{border:2px solid #1976d2!important}.MuiTableContainer-root .MuiCheckbox-root{border:2px solid #0000}.flashcard-examples .MuiTableContainer-root{height:100%;height:-webkit-fill-available;height:-moz-available}.medium-editor-element{text-wrap:wrap!important;border-radius:10px;box-shadow:0 3px 8px #0000003d;max-height:250px;outline:1px solid #0000;overflow:scroll;padding:20px 18px;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}.medium-editor-element p{border-bottom:1px solid grey;margin:0;padding:5px 0}.medium-editor-element:hover{outline:1px solid #1a1a1a4a}.medium-editor-element:focus,.medium-editor-element:hover{box-shadow:0 3px 8px #0000003d}.creatable-select-wrapper{color:#000;color:initial;min-width:153px}@keyframes medium-editor-image-loading{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes medium-editor-pop-upwards{0%{opacity:0;transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;transform:matrix(1,0,0,1,0,-1)}to{transform:matrix(1,0,0,1,0,0)}}.medium-editor-anchor-preview{word-wrap:break-word;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;left:0;line-height:1.4;max-width:280px;position:absolute;text-align:center;top:0;visibility:hidden;word-break:break-all;z-index:2000}.medium-editor-anchor-preview a{color:#fff;display:inline-block;margin:5px 5px 10px}.medium-editor-anchor-preview-active{visibility:visible}.medium-editor-dragover{background:#ddd}.medium-editor-image-loading{animation:medium-editor-image-loading 1s ease-in-out infinite;background-color:#333;border-radius:100%;display:inline-block;height:40px;width:40px}.medium-editor-placeholder{position:relative}.medium-editor-placeholder:after{content:attr(data-placeholder)!important;font-style:italic;left:0;margin:inherit;padding:inherit;position:absolute;top:0;white-space:pre}.medium-editor-placeholder-relative{position:relative}.medium-editor-placeholder-relative:after{content:attr(data-placeholder)!important;font-style:italic;margin:inherit;padding:inherit;position:relative;white-space:pre}.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{border-style:solid;content:"";display:block;height:0;left:50%;margin-left:-8px;position:absolute;width:0}.medium-toolbar-arrow-under:after{border-width:8px 8px 0}.medium-toolbar-arrow-over:before{border-width:0 8px 8px;top:-8px}.medium-editor-toolbar{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;left:0;position:absolute;top:0;visibility:hidden;z-index:2000}.medium-editor-toolbar ul{margin:0;padding:0}.medium-editor-toolbar li{float:left;list-style:none;margin:0;padding:0}.medium-editor-toolbar li button{cursor:pointer;display:block;font-size:14px;line-height:1.33;margin:0;padding:15px;text-decoration:none}.medium-editor-toolbar li button:focus{outline:none}.medium-editor-toolbar li .medium-editor-action-underline{text-decoration:underline}.medium-editor-toolbar li .medium-editor-action-pre{font-family:Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:12px;font-weight:100;padding:15px 0}.medium-editor-toolbar-active{visibility:visible}.medium-editor-sticky-toolbar{position:fixed;top:1px}.medium-editor-relative-toolbar{position:relative}.medium-editor-toolbar-active.medium-editor-stalker-toolbar{animation:medium-editor-pop-upwards .16s linear forwards}.medium-editor-action-bold{font-weight:bolder}.medium-editor-action-italic{font-style:italic}.medium-editor-toolbar-form{display:none}.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.medium-editor-toolbar-form .medium-editor-toolbar-form-row{line-height:14px;margin-left:5px;padding-bottom:5px}.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{border:none;box-sizing:border-box;display:inline-block;font-size:14px;margin:0;padding:6px;width:316px}.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;outline:0}.medium-editor-toolbar-form a{display:inline-block;font-size:24px;font-weight:bolder;margin:0 10px;text-decoration:none}.medium-editor-toolbar-form-active{display:block}.medium-editor-toolbar-actions:after{clear:both;content:"";display:table}.medium-editor-element{word-wrap:break-word;min-height:30px}.medium-editor-element img{max-width:100%}.medium-editor-element sub{vertical-align:sub}.medium-editor-element sup{vertical-align:super}.medium-editor-hidden{display:none}.medium-toolbar-arrow-under:after{border-color:#000 #0000 #0000;top:40px}.medium-toolbar-arrow-over:before{border-color:#0000 #0000 #000}.medium-editor-toolbar{background-color:#000;border:none;border-radius:50px}.medium-editor-toolbar li button{background-color:initial;border:none;box-sizing:border-box;color:#ccc;height:40px;min-width:40px;padding:5px 12px;transition:background-color .2s ease-in,color .2s ease-in}.medium-editor-toolbar li button:hover{background-color:#000;color:#a2d7c7}.medium-editor-toolbar li .medium-editor-button-first{border-bottom-left-radius:50px;border-top-left-radius:50px;padding-left:24px}.medium-editor-toolbar li .medium-editor-button-last{border-bottom-right-radius:50px;border-right:none;border-top-right-radius:50px;padding-right:24px}.medium-editor-toolbar li .medium-editor-button-active{background-color:#000;color:#a2d7c7}.medium-editor-toolbar-form{background:#000;border-radius:50px;color:#ccc;overflow:hidden}.medium-editor-toolbar-form .medium-editor-toolbar-input{background:#000;box-sizing:border-box;color:#ccc;height:40px;padding-left:16px;width:220px}.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder{color:#f8f5f3;color:#f8f5f3cc}.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder,.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder{color:#f8f5f3;color:#f8f5f3cc}.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder{color:#f8f5f3;color:#f8f5f3cc}.medium-editor-toolbar-form a{color:#ccc;transform:translateY(2px)}.medium-editor-toolbar-form .medium-editor-toolbar-close{margin-right:16px}.medium-editor-toolbar-anchor-preview{background:#000;border-radius:50px;padding:5px 12px}.medium-editor-anchor-preview a{color:#ccc;text-decoration:none}.medium-editor-toolbar-actions button,.medium-editor-toolbar-actions li{border-radius:50px}.mini-browser-wrapper{max-height:56px;overflow:auto;width:100%}.collection-header-back-button:hover{cursor:pointer}.mini-browser{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.browser-header{display:flex;justify-content:center}.mini-browser-container{display:flex;flex-direction:column;min-height:52px;padding:20px 20px 10px}.mini-browser-container .card-container{margin:0 4px 4px;max-width:50%!important;min-width:20%!important}.dropdown-search{display:flex;justify-content:center;width:100%}.mode-toggle-button-group{border:1px solid #ffffff38;border-radius:4px!important;height:50px;z-index:2}.mode-toggle-button-group .MuiToggleButtonGroup-grouped{width:33%!important}.mode-toggle-button-group .Mui-selected{background-color:#ffffff14!important;border-bottom:2px solid #faba2f!important;color:#faba2f!important}.mode-toggle-button-group .MuiToggleButtonGroup-grouped:first-of-type{border-bottom:2px solid #0000;border-bottom-left-radius:4px!important}.mode-toggle-button-group .MuiToggleButtonGroup-grouped:last-of-type{border-bottom:2px solid #0000;border-bottom-right-radius:4px!important}@media only screen and (max-width:1335px){.mini-browser-container{padding:0 5px 4px;width:94%!important}}.search-bar{min-width:180px}.search-bar-input{border-radius:5px;width:100%}.mini-browser-search-bar{min-width:180px;width:30%}.search-bar :-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{border-radius:0!important;border-radius:initial!important;-webkit-box-shadow:inset 0 0 0 30px #2a2f38!important;color:#808191!important}@media only screen and (max-width:1335px){.mini-browser-search-bar,.search-bar{width:100%}}.search-list{max-height:300px;max-width:none!important;overflow:auto;padding:0!important;position:absolute!important;top:56px;width:40%!important;z-index:1}.search-difficulty{margin:0 5px;min-width:80px}@media only screen and (max-width:1335px){.search-list{top:118px!important;width:100%!important}}.filter-icon{font-size:16px!important}.filter-icon svg{margin:0 5px}.filter-btn-container{justify-content:left;margin:0 5px 10px;transition:all .25s ease-in-out}.filter-difficulty,.filter-status{transition:all .25s ease-in-out;width:100%}.filter-btn-container{align-items:center;border:1px solid #c9c9c926;border-radius:10px;display:flex;justify-content:space-between;position:relative}.filter-btn-container:before{background:#0000;content:"";height:1px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.filter-btn-container div{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#20222a59,#20222a5e,#20222a73);color:#ccc!important;padding:26px 0;position:relative}.filter-btn-container div:hover{background:#404f6f!important;color:#ccc!important}.filter-btn-container div:first-child{border-radius:9px 0 0 9px;margin:1px 0 1px 1px}.filter-btn-container div:nth-child(2){border-radius:0;margin:1px 0 1px 1px}.filter-btn-container div:last-child{border-radius:0 9px 9px 0}.filter-btn-container div:not(:last-child):after{background-color:#c9c9c926;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.react-select{color:#808191;padding:0!important}.react-select svg{color:#474747}#customized-dialog-title{color:#e0e0e0}@media only screen and (max-width:1335px){.filter-status .MuiChip-label{display:none!important}.filter-status .MuiChip-icon{margin:0 auto!important}}.menu{position:absolute;z-index:500000}.code-header{display:flex;justify-content:flex-end;margin:0 5px;width:100%}.language-list{max-height:300px;max-width:none!important;overflow:auto;padding:0!important;position:absolute!important;right:0;top:35px;width:auto!important;z-index:1}.language-label{border-radius:5px;color:hsla(0,0%,100%,.532);display:flex;justify-content:flex-end;padding:5px 10px;position:relative;transition:all .25s ease-in-out;width:-webkit-fit-content;width:fit-content}.language-label:hover{color:hsla(0,0%,100%,.756);cursor:pointer}.collection-browser{overflow:auto;padding:3%}.collection-browser h1{color:#ffffffd9;font-size:24px;font-weight:700}.collection-flex-container{display:flex;flex-wrap:wrap;gap:10px}.collection-flex-item{flex:1 1 300px;width:100%;width:-webkit-fill-available}.collection-flex-item .MuiCard-root{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:10px;box-shadow:0 2px 0 0 #00000029;color:#ffffffd9;margin:0 auto 5px}.collection-subtitle{color:#ffffffa3;text-align:right}.collection-cta{color:#ffffffa3}.collection-subheader{color:#ffffffa3;font-size:14px;margin-bottom:10px}@media (max-width:1024px){.collection-browser{height:calc(100% - 60px)}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__handle{background:#0000!important;border:none!important;border-radius:0!important;height:100%!important;min-height:0!important;min-height:auto!important;min-width:0!important;min-width:auto!important;transform:none!important;width:100%!important}.react-flow__handle.source{height:100%!important;left:auto!important;right:0!important;width:100%!important}.react-flow__handle.target{height:100%!important;left:0!important;right:auto!important;width:100%!important}.connect-mode-node .react-flow__handle.source{z-index:9999!important}.connect-mode-node .react-flow__handle.source,.connect-mode-node .react-flow__handle.target{background-color:#80609d2a!important;border:1px solid #fff!important;opacity:.8!important;pointer-events:all!important}.react-flow__handle.source,.react-flow__handle.target{top:0!important}.react-flow__node-systemNode{z-index:0!important}.thread-sidebar{box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;height:100%;min-width:280px;overflow:hidden;position:relative;transition:width .3s ease;width:280px;z-index:2}.thread-sidebar.collapsed{border-right:none;min-width:50px;width:50px}.sidebar-header{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:auto;padding:10px 12px}.collapse-button{align-items:center;background:none;border:none;border-radius:6px;color:#a1a1aa;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:8px;transition:background-color .15s ease,color .15s ease;width:32px}.collapse-button:hover{background-color:#2d2d2d99;color:#fff}.collapse-button svg{height:32px;width:32px}.header-content{gap:12px}.collapsed-header-content,.header-content{display:flex;flex-direction:column;width:100%}.collapsed-header-content{align-items:center;gap:8px}.sidebar-brand{margin-bottom:0}.sidebar-logo{border-radius:6px;box-shadow:0 2px 8px #0000004d;flex-shrink:0}.sidebar-brand h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#63b3ed);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0}.header-actions{gap:8px}.new-chat-button{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2d4a6b);border:1px solid #3a5a7a;border-radius:8px;box-shadow:0 2px 4px #00215533;color:#e2e8f0;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s ease}.new-chat-button:hover{background:linear-gradient(135deg,#2a4a75,#3d5a85);border-color:#4a6a8a;box-shadow:0 4px 8px #0021554d}.new-chat-button svg{height:16px;width:16px}.new-chat-button.collapsed{flex:none;height:32px;justify-content:center;min-width:32px;padding:8px;width:32px}.new-chat-button.collapsed span{display:none}.sidebar-section{display:flex;flex-direction:column;max-height:50%;overflow:hidden}.sidebar-section.recent-section{flex:1 1}.section-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;padding:8px 12px}.section-header.collapsible{border-radius:6px;cursor:pointer;margin:0 4px;padding:8px;transition:background-color .15s ease}.section-header.collapsible:hover{background-color:#2d2d2d4d}.section-header-content{align-items:center;display:flex;gap:8px}.expand-icon{color:#71717a;height:16px;transition:transform .2s ease;width:16px}.section-title{color:#71717a;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.threads-list{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:0 4px 8px;width:100%}.loading{align-items:center;color:#71717a;display:flex;justify-content:center;padding:32px 16px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #2d2d2d;border-radius:50%;border-top-color:#71717a;height:20px;width:20px}.empty-state{align-items:center;color:#71717a;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px 16px;text-align:center}.empty-icon{color:#404040;height:32px;width:32px}.empty-state p{color:#a1a1aa;font-size:14px;margin:0}.start-conversation-button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .2s}.start-conversation-button:hover{background:#1d4ed8}.thread-item{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;margin-bottom:2px;max-width:100%;min-width:0;position:relative;transition:all .2s ease;width:100%}.thread-item:hover{background-color:#5858584d}.thread-item.active{background-color:#2563eb1a}.thread-item.active:hover{background-color:#2564eb7b}.thread-main{border-radius:8px;box-sizing:border-box;cursor:pointer;overflow:hidden;padding:8px 4px 8px 12px}.thread-content,.thread-main{display:flex;flex:1 1;min-width:0}.thread-content{align-items:center;gap:12px;width:100%}.thread-icon{color:#71717a;flex-shrink:0;height:16px;width:16px}.thread-item.active .thread-icon{color:#fff}.thread-content .thread-icon{transition:color .2s ease}.thread-content .MuiSvgIcon-root[data-testid=CodeIcon]{color:#1c6135}.thread-item.active .thread-content .MuiSvgIcon-root[data-testid=CodeIcon]{color:#86efac}.thread-content .MuiSvgIcon-root[data-testid=AccountTreeIcon]{color:#174b8c}.thread-item.active .thread-content .MuiSvgIcon-root[data-testid=AccountTreeIcon]{color:#93c5fd}.thread-content .MuiSvgIcon-root[data-testid=PsychologyIcon]{color:#4d3d7d}.thread-item.active .thread-content .MuiSvgIcon-root[data-testid=PsychologyIcon]{color:#c4b5fd}.thread-content .MuiSvgIcon-root[data-testid=ChatIcon]{color:#71717a}.thread-item.active .thread-content .MuiSvgIcon-root[data-testid=ChatIcon]{color:#fff}.thread-info{flex:1 1;min-width:0;overflow:hidden}.thread-title{color:#e4e4e7;font-size:14px;font-weight:400;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.thread-item.active .thread-title{color:#fff;font-weight:500}.thread-timestamp{color:#71717a;font-size:11px;font-weight:400;line-height:1.2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item.active .thread-timestamp{color:#ffffffb3}.action-button{align-items:center;background:none;border:none;border-radius:4px;color:#71717a;cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.action-button svg{height:14px;width:14px}.action-button.favorite:hover{background-color:#ffc1071a;color:#ffc107}.action-button.edit:hover{background-color:#3b82f61a;color:#3b82f6}.action-button.delete:hover{background-color:#ef44441a;color:#ef4444}.action-button.save:hover{background-color:#22c55e1a;color:#22c55e}.action-button.cancel:hover{background-color:#9ca3af1a;color:#9ca3af}.thread-item.active .action-button{color:#ffffffb3}.thread-item.active .action-button:hover{color:#fff}.edit-mode{display:flex;flex-direction:column;gap:8px;width:100%}.edit-input{background:#1a1a1a;border:1px solid #404040;border-radius:4px;color:#e4e4e7;font-size:14px;outline:none;padding:6px 8px;transition:border-color .2s;width:100%}.edit-input:focus{border-color:#2563eb}.edit-actions{display:flex;gap:4px;justify-content:flex-end}.auth-required{align-items:center;display:flex;flex:1 1;justify-content:center;padding:32px 16px}.auth-message{color:#71717a;font-size:14px;line-height:1.5;text-align:center}.auth-message p{margin:0 0 16px}.login-cta-button{background:linear-gradient(135deg,#4a90e2,#63b3ed);border:none;border-radius:8px;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.login-cta-button:hover{background:linear-gradient(135deg,#357abd,#4a90e2);box-shadow:0 4px 12px #4a90e266;transform:translateY(-1px)}.login-cta-button:active{box-shadow:0 2px 4px #4a90e233;transform:translateY(0)}.threads-list::-webkit-scrollbar{width:6px}.threads-list::-webkit-scrollbar-track{background:#0000}.threads-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.threads-list::-webkit-scrollbar-thumb:hover{background:#525252}.mobile-menu-container{display:flex;flex-shrink:0;position:relative}.mobile-menu-button{align-items:center;background:none;border:none;border-radius:4px;color:#bdbdbd;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:background-color .15s ease,color .15s ease;width:32px}.mobile-menu-button:hover{background-color:#71717a0d;color:#ddd}.thread-item.active .mobile-menu-button{color:#ffffffb3}.thread-item.active .mobile-menu-button:hover{background-color:#ffffff0d;color:#fff}.mobile-menu-button svg{height:16px;width:16px}.sidebar-button{left:10px;position:fixed}.sidebar-button svg{height:32px;width:32px}.mobile-menu-dropdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1a;border:1px solid #404040;border-radius:6px;box-shadow:0 8px 24px #00000080;min-width:140px;overflow:hidden;position:fixed;z-index:1004}.mobile-menu-item{align-items:center;background:#1a1a1a;border:none;color:#e4e4e7;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;position:relative;text-align:left;transition:background-color .2s ease;width:100%;z-index:10}.mobile-menu-item:hover{background-color:#2d2d2d}.mobile-menu-item.delete:hover{background-color:#ef44441a;color:#ef4444}.mobile-menu-item svg{flex-shrink:0;height:14px;width:14px}.sidebar-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar-backdrop{display:block;z-index:1001}.thread-sidebar{background:linear-gradient(131deg,#1b1b1b,#141a23,#171826,#0d1222,#070c1a,#080b10);height:calc(100vh - 64px);left:0;position:fixed;top:64px;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1002}.thread-sidebar.open{transform:translateX(0);width:280px!important}.thread-sidebar.collapsed{transform:translateX(-100%)}.thread-sidebar.open.collapsed{border-radius:0 15px 0 0!important;transform:translateX(0);width:280px!important}.thread-sidebar.open .auth-required,.thread-sidebar.open .header-content,.thread-sidebar.open .sidebar-section{display:flex!important}.collapse-button{display:none!important}.sidebar-brand h2{font-size:14px}.sidebar-header{padding:5px 12px}.header-content{gap:8px}.header-actions{gap:6px}}.search-section{border-bottom:1px solid #ffffff1a;margin:8px 0;padding:0 12px 8px}.search-container{align-items:center;display:flex;position:relative}.search-input{background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:8px;color:#e0e0e0;font-size:14px;outline:none;padding:8px 40px 8px 36px;transition:all .2s ease;width:100%}.search-input:focus{background:#2d2d2d99;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.search-icon,.search-input::placeholder{color:#71717a}.search-icon{height:16px;left:10px;position:absolute;width:16px;z-index:1}.search-loading{align-items:center;display:flex;justify-content:center;padding:4px;position:absolute;right:8px}.search-spinner{animation:searchSpin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#4a90e2;height:14px;width:14px}@keyframes searchSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clear-search-button{align-items:center;background:none;border:none;border-radius:4px;color:#71717a;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .2s ease}.clear-search-button:hover{background-color:#ffffff1a;color:#fff}.clear-search-button svg{height:14px;width:14px}.empty-subtext{color:#71717a;font-size:11px;margin-top:4px}.thread-limit-section{border-bottom:1px solid #71717a33;padding:8px 12px 12px}.limit-warning-message{padding:8px 12px 0}.thread-limit-indicator{align-items:center;background:#b7821d1a;border:1px solid #b7821d4d;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.thread-count{color:#e2e8f0;font-weight:500}.upgrade-hint-button{align-items:center;background:none;border:none;border-radius:4px;color:#ffc107;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.upgrade-hint-button:hover{background-color:#ffc10733;color:#ffecb5}.upgrade-hint-button svg{height:14px;width:14px}.new-chat-button.disabled{background:#2d2d2d80;border-color:#71717a4d;color:#71717a;cursor:not-allowed;opacity:.6}.new-chat-button.disabled:hover{background:#2d2d2d80;border-color:#71717a4d;box-shadow:none}.thread-limit-indicator.warning{background:#ff98001a;border-color:#ff98004d}.thread-limit-indicator.warning .thread-count{color:#ff9800}.thread-limit-indicator:hover{background-color:#ffc10733;color:#ffecb5;cursor:pointer}.whiteboard-layout{display:flex;height:100%;position:relative;width:100%}.whiteboard-layout.sidebar-collapsed .thread-sidebar{min-width:50px;width:50px}.whiteboard-layout.sidebar-collapsed .thread-sidebar.open.collapsed{z-index:1003}.whiteboard-layout .thread-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:width .3s ease;width:280px}.thread-sidebar .start-conversation-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .3s ease}.thread-sidebar .start-conversation-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.template-locked{opacity:.6}.template-locked:hover{background-color:#ffffff05!important}.template-lock-container{align-items:center;display:flex;margin-left:auto;padding-left:8px}.template-lock-icon{color:#ffffff80!important;font-size:16px!important}.history-icon{display:none!important}@media (max-width:768px){.history-icon{display:inline!important;display:initial!important}.whiteboard-layout .thread-sidebar{border-radius:0 15px 0 0!important}}.dashboard-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-radius:16px;color:#fff;margin:0;overflow-x:hidden;overflow-y:auto;padding:0 0 30px;width:100%}.dashboard-stats-row{align-items:center;justify-content:center;margin-bottom:24px!important;position:relative}.dashboard-stats-row:not(:last-child):after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);bottom:-12px;content:"";height:1px;left:0;position:absolute;right:0}.dashboard-card-title{color:#ffffffe6;font-size:1.15rem!important;font-weight:500!important;letter-spacing:-.3px;margin-bottom:10px!important;text-align:center}.dashboard-progress{background-color:#ffffff1a!important;border-radius:4px!important;height:8px!important;margin-top:8px!important}.stat-chip{background-color:#4caf50d9!important;border-radius:12px!important;box-shadow:0 2px 4px #00000026!important;color:#fff!important;font-weight:500!important;height:24px!important}.stat-chip .MuiChip-icon{color:#fff!important;font-size:.85rem!important;margin-left:6px!important}.stat-chip .MuiChip-label{font-size:.75rem!important;letter-spacing:.2px;padding:0 8px 0 6px!important}.easy-progress .MuiLinearProgress-bar{background-color:#4caf50!important}.medium-progress .MuiLinearProgress-bar{background-color:#ffc107!important}.hard-progress .MuiLinearProgress-bar{background-color:#f44336!important}.difficulty-label{border-radius:4px;display:inline-block;font-weight:600!important;margin-bottom:8px!important;padding:4px 12px}.difficulty-stat{background-color:#23272a66;border-radius:8px;flex:1 1;margin:0 4px;padding:8px 16px;text-align:center}.difficulty-easy .difficulty-label{background-color:#4caf5033;color:#4caf50}.difficulty-medium .difficulty-label{background-color:#ffc10733;color:#ffc107}.difficulty-hard .difficulty-label{background-color:#f4433633;color:#f44336}.dashboard-table{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:initial!important;border:none!important;border-radius:12px!important;overflow:hidden!important}.dashboard-table th{background-color:initial!important;border-bottom:1px solid #ffffff1a!important;color:#ffffffe6!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.2px;padding:12px 16px!important}.dashboard-table td{border-bottom:1px solid #ffffff0a!important;color:#ffffffbf!important;font-size:.8rem!important;padding:10px 16px!important}.dashboard-table-progress{background-color:#ffffff12!important;border-radius:2px!important;height:4px!important;margin-bottom:4px!important}.activity-calendar{background-color:#23272a80;border-radius:10px;box-sizing:border-box;margin:0 auto;overflow:hidden;padding:16px 12px}.activity-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 4px}.year-picker{appearance:none;-webkit-appearance:none;background-color:#23272a80;background-image:url("data:image/svg+xml;utf8,<svg fill=%27rgba%28255, 255, 255, 0.7%29%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 4px center;background-repeat:no-repeat;border:1px solid #ffffff26;border-radius:4px;color:#ffffffe6;cursor:pointer;font-size:.75rem;outline:none;padding:3px 24px 3px 8px;transition:background-color .2s ease,border-color .2s ease}.year-picker:focus,.year-picker:hover{background-color:#32363999;border-color:#ffffff40}.year-picker option{background-color:#1e2327;color:#fff}.month-labels{display:grid;grid-template-columns:repeat(53,14px);margin-bottom:4px;margin-left:24px;overflow:hidden;padding-bottom:2px;width:calc(100% - 24px)}.month-label{color:#fff9;font-size:.75rem;grid-column-end:var(--grid-column-end);grid-column-start:var(--grid-column-start);padding-left:2px;text-align:left;white-space:nowrap}.day-labels{display:flex;flex-direction:column;height:102px;justify-content:space-between;margin-right:8px;margin-top:-3px}.day-label{color:#fff9;font-size:.75rem;height:12px;line-height:12px;text-align:center;width:14px}.weeks-container{align-items:flex-start;display:flex;flex-wrap:nowrap;margin-right:-2px}.week{display:flex;flex-direction:column;margin-right:2px}.week:last-child{margin-right:0}.day{border:1px solid #ffffff0d;border-radius:2px;cursor:pointer;height:11px;margin-bottom:2px;transition:transform .1s ease;width:11px}.day:hover{box-shadow:0 0 5px #fff3;transform:scale(1.15)}.day.empty{background-color:initial!important;border:none;cursor:default}.calendar-legend{align-items:center;border-top:1px solid #ffffff0d;display:flex;gap:4px;justify-content:center;margin-top:12px;padding-top:12px}.legend-item{border:1px solid #ffffff1a;border-radius:2px;height:12px;width:12px}.problems-summary-widget{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px;position:relative}.progress-circle-container{align-items:center;display:flex;height:200px;justify-content:center;margin:4px auto 16px;position:relative;width:200px}.progress-circle{height:100%;left:0;position:absolute;top:0;width:100%}.progress-circle path{stroke-width:10px}.progress-circle-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:1}.total-problems{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fffffff2,#fffc);-webkit-background-clip:text;font-size:3rem!important;font-weight:600!important;letter-spacing:-1px;line-height:1!important;margin-bottom:0!important}.total-label{align-items:center;display:flex;font-size:1rem!important;font-weight:400!important;justify-content:center;letter-spacing:.2px;margin-top:4px!important;opacity:.9}.total-label .MuiSvgIcon-root{margin-right:4px!important}.check-icon{color:#4caf50;font-size:1.1rem!important}.attempting-count{color:#ffffffa6;font-size:.85rem;font-weight:400;margin-top:6px}.difficulty-boxes{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:16px;padding-top:16px;width:100%}.difficulty-box{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border:none;border-radius:8px;flex:1 1;padding:10px 12px;position:relative;text-align:center;transition:transform .2s ease,background-color .2s ease}.difficulty-box:hover{background-color:#191d2033;transform:translateY(-2px)}.difficulty-box.easy{border-top:2px solid #4caf50}.difficulty-box.medium{border-top:2px solid #ffc107}.difficulty-box.hard{border-top:2px solid #f44336}.difficulty-box.behavioral{border-top:2px solid #6366f1}.difficulty-box-progress{background-color:#ffffff40;border-radius:0 0 6px 6px;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;width:100%}.difficulty-box-progress-bar{height:100%;transition:width .5s ease}.difficulty-box.easy .difficulty-box-progress-bar{background-color:#4caf50}.difficulty-box.medium .difficulty-box-progress-bar{background-color:#ffc107}.difficulty-box.hard .difficulty-box-progress-bar{background-color:#f44336}.difficulty-box-label{font-size:.9rem;font-weight:500;margin-bottom:3px}.difficulty-box-count{font-size:1.25rem!important;font-weight:600!important;letter-spacing:-.3px;margin-top:0!important}.difficulty-box.easy .difficulty-box-label{color:#4caf50}.difficulty-box.medium .difficulty-box-label{color:#ffc107}.difficulty-box.hard .difficulty-box-label{color:#f44336}.total-fraction{font-size:.9rem;margin-top:2px;opacity:.55}@media (max-width:1335px){.dashboard-container{border-radius:12px;margin:0 0 10px;padding:0}.dashboard-title{font-size:1.5rem!important;margin-bottom:20px!important}.MuiTableCell-root{padding:8px!important}.activity-calendar{overflow-x:auto;padding:12px 8px 16px;width:100%}.activity-calendar-header{padding:0 2px 6px}.year-picker{background-position:right 2px center;font-size:.7rem;padding:2px 20px 2px 6px}.day{height:10px;margin-bottom:1px;width:10px}.week{margin-right:1px}.day-labels{height:86px;margin-right:4px}.day-label{font-size:.65rem;height:10px;line-height:10px;width:12px}.month-labels{grid-template-columns:repeat(53,11px);margin-left:18px}.month-label{font-size:.65rem}.calendar-legend{gap:3px;margin-top:8px}.legend-item{height:10px;width:10px}}.dashboard-loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:20px;min-height:60vh;text-align:center}.dashboard-loading-title{color:#ffffffe6;font-weight:500!important;letter-spacing:-.3px;margin-bottom:8px!important;margin-top:24px!important}.dashboard-loading-subtitle{color:#fff9;margin-bottom:32px!important;max-width:400px}.dashboard-loading-progress{height:120px!important;position:relative;width:120px!important}.dashboard-loading-progress:before{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#4caf501a 0,#4caf5000 70%);border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}@media (max-width:1335px){.dashboard-loading-container{border-radius:12px;margin-bottom:15px;margin-top:15px}.dashboard-loading-progress{height:100px!important;width:100px!important}.dashboard-loading-title{font-size:1.4rem!important}.dashboard-loading-subtitle{font-size:.9rem!important;padding:0 16px}}.day.clickable{transition:transform .2s,box-shadow .2s}.day.clickable:hover{box-shadow:0 0 8px #ffffff4d;transform:scale(1.25);z-index:5}.timeline-modal-enter{opacity:0;transform:translateX(100px)}.timeline-modal-enter-active{transition:opacity .3s,transform .3s}.timeline-modal-enter-active,.timeline-modal-exit{opacity:1;transform:translateX(0)}.timeline-modal-exit-active{opacity:0;transform:translateX(100px);transition:opacity .3s,transform .3s}.activity-item{animation:fadeInUp .3s ease-out forwards}.activity-item:first-child{animation-delay:.1s}.activity-item:nth-child(2){animation-delay:.15s}.activity-item:nth-child(3){animation-delay:.2s}.activity-item:nth-child(4){animation-delay:.25s}.activity-item:nth-child(5){animation-delay:.3s}.activity-item:nth-child(6){animation-delay:.35s}.activity-item:nth-child(7){animation-delay:.4s}.activity-item:nth-child(8){animation-delay:.45s}.activity-item:nth-child(9){animation-delay:.5s}.activity-item:nth-child(10){animation-delay:.55s}.timeline-hour-container{padding-left:20px;position:relative}.timeline-hour-container:before{background:linear-gradient(180deg,#4caf5099,#4caf501a);border-radius:1px;bottom:0;content:"";left:0;position:absolute;top:30px;width:2px}.timeline-hour-container:last-child:before{display:none}.timeline-hour-dot{background-color:#4caf50;border-radius:50%;height:10px;left:-4px;position:absolute;top:14px;width:10px;z-index:2}@media (max-width:768px){.MuiBackdrop-root+div[class*=StyledPaper]{bottom:15%!important;left:7.5%!important;right:7.5%!important;top:15%!important;width:85%!important}}.streak-widget{border-radius:10px;flex-direction:column;overflow:hidden;padding:20px}.streak-widget,.streak-widget-content{display:flex;height:100%;position:relative}.streak-widget-content{align-items:center;justify-content:space-around;z-index:2}.streak-card{background-color:#23272a99;border-radius:8px;padding:16px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease;width:30%}.streak-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-4px)}.streak-value{-webkit-text-fill-color:#0000;font-size:2.5rem!important;font-weight:700!important;letter-spacing:-1px;margin-bottom:8px!important;text-shadow:0 2px 4px #00000026}.streak-card.current .streak-value,.streak-value{background:linear-gradient(135deg,#fff,#929292);-webkit-background-clip:text;background-clip:text}.streak-card.current .streak-value{-webkit-text-fill-color:#0000}.streak-card.longest .streak-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#929292);-webkit-background-clip:text;background-clip:text}.streak-label{font-size:.9rem!important;font-weight:500!important;letter-spacing:1px;opacity:.9;text-transform:uppercase}.streak-icon{font-size:1.2rem!important;margin-right:4px;vertical-align:middle}.streak-badge{align-items:center;background:linear-gradient(135deg,#ff9800,#f44336);border-radius:50%;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.streak-background{bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;z-index:1}.streak-flame-pattern{height:100%;opacity:.06;position:absolute;width:100%}@media (max-width:768px){.streak-widget-content{flex-direction:column;gap:16px}.streak-card{padding:12px;width:90%}.streak-value{font-size:1.8rem!important}}.badge-grid{grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.badge-item{align-items:center;background-color:#23272a80;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px;text-align:center;transition:transform .2s ease,background-color .2s ease}.badge-item:hover{background-color:#32363999;transform:translateY(-4px)}.badge-icon-container{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:12px;position:relative;width:64px}.badge-icon{font-size:36px!important}.badge-name{color:#ffffffe6;font-size:.85rem!important;font-weight:500!important;margin-bottom:4px!important}.badge-category{color:#fff9;font-size:.7rem!important}.badge-locked .badge-category,.badge-locked .badge-icon-container,.badge-locked .badge-name{opacity:.4}.badge-lock-icon{background-color:#000c;border-radius:50%;font-size:14px!important;padding:2px;position:absolute;right:-5px;top:-5px}.badge-progress-bar{background-color:#ffffff1a;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.badge-progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease}.badge-tier-1 .badge-icon,.badge-tier-1 .badge-progress-fill{background-color:#cd7f32;color:#cd7f32!important}.badge-tier-2 .badge-icon,.badge-tier-2 .badge-progress-fill{background-color:silver;color:silver!important}.badge-tier-3 .badge-icon,.badge-tier-3 .badge-progress-fill{background-color:gold;color:gold!important}.badge-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge-detail-modal{background-color:#1e1e1e!important;border-radius:12px!important;color:#fff!important;padding:24px!important}.badge-detail-icon{align-items:center;border-radius:50%;display:flex;height:96px;justify-content:center;margin-bottom:16px;width:96px}.badge-detail-title{font-size:1.5rem!important;font-weight:600!important;margin-bottom:4px!important}.badge-detail-category{color:#ffffffb3;font-size:.85rem!important;margin-bottom:16px!important}.badge-detail-description{font-size:1rem!important;margin-bottom:24px!important}.badge-detail-progress{margin-bottom:24px;width:100%}.badge-rarity-common{color:#fff}.badge-rarity-uncommon{color:#2ecc71}.badge-rarity-rare{color:#3498db}.badge-rarity-epic{color:#9b59b6}.badge-rarity-legendary{color:#f1c40f}@media (max-width:768px){.badge-grid{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.badge-icon-container{height:48px;width:48px}.badge-icon{font-size:24px!important}.badge-name{font-size:.75rem!important}.badge-category{font-size:.65rem!important}}.pattern-display-list-container{border-radius:8px;color:#e0e0e0;overflow-x:auto;padding:20px}.pattern-list-title{color:#fff!important;font-size:1.8rem!important;font-weight:600!important;margin-bottom:24px!important;padding-left:10px}.pattern-items-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.pattern-item-paper{align-items:center;background-color:#2a293a!important;border:1px solid #ffffff1a;border-radius:12px!important;display:flex;flex-grow:1;padding:16px;transition:background-color .2s ease-in-out,transform .2s ease-in-out;width:30%}.pattern-item-paper:hover{background-color:#353445!important;transform:translateY(-2px)}.pattern-item-icon-container{align-items:center;background-color:#e5c5451a;border-radius:8px;color:#e5c545;display:flex;justify-content:center;margin-right:16px;padding:12px}.pattern-item-icon{font-size:28px!important}.pattern-item-text-container{display:flex;flex-direction:column;flex-grow:1}.pattern-item-title{color:#fff!important;font-size:1.1rem!important;font-weight:500!important;margin-bottom:4px!important}.pattern-item-description{color:#b0b0b0!important;font-size:.9rem!important;line-height:1.4!important}@media screen and (max-width:1335px){.pattern-item-paper{width:97%!important}}.navigation{background-color:#393e463b;box-shadow:0 3px 8px #0000003d;color:#fff;display:block!important;left:0;width:90px}.MuiTab-root{text-transform:none!important}.MuiDialogContent-root{border:none!important}.toggle-nav{color:#808191!important;height:50px;left:0;position:fixed!important;top:50%;transform:translateY(-50%);width:50px}.premium-logo-container{align-items:center;color:#ffffffa8;display:flex;flex-direction:row;justify-content:space-between;padding:12px 10%;width:90%}.premium-text{text-wrap:wrap;word-wrap:break-word;color:#edb94c;font-size:14px;font-weight:300;margin:0;padding:0 10px}.nav-tab-wrapper{align-items:center;display:flex;margin:0 10px 0 5px!important}.nav-tab-wrapper>p{margin:0 10px}.nav-avatar:hover{cursor:pointer}.logo-icon-container{align-items:center;display:flex;height:80px;justify-content:center;margin-right:10px;overflow:hidden;width:80px}.logo-icon-container:hover{cursor:pointer}.logo-icon{height:60px;width:60px}.logo-text{text-wrap:wrap;word-wrap:break-word;color:#fff;font-family:Montserrat Alternates,sans-serif;font-size:18px;font-style:normal;font-weight:400;padding:0 10px;width:105px}.navigation .MuiTabs-indicator{width:5px!important}.navigation .Mui-selected{background-color:#19202d!important}@media only screen and (max-width:1335px){.navigation{background-color:#212737;border-radius:0 16px 16px 0;border-right:1px solid #4a4b4c61;box-shadow:0 3px 8px #0000003d;height:auto;top:50%;width:220px;z-index:2}.logo-icon-container{border-radius:60px 60px 0 0;border-radius:0;box-sizing:initial;display:none;height:60px}.navigation button{min-width:0;min-width:auto;padding:10px}.logo-icon{height:40px;width:40px}}.nav-avatar-button{padding:0!important}.menu-icons{color:#808191!important}.account-premium-container{align-items:center;display:flex;justify-content:center;margin:10px 0}.account-premium-chip{border-radius:10px!important;width:100%!important}.account-menu-container .account-menu-container{width:auto!important}.account-premium-chip:hover{cursor:pointer}.account-premium-chip:after{animation:Gradient 12s linear infinite reverse;background-clip:padding-box,border-box;background-image:linear-gradient(-45deg,#f2b024,#aa771c,#c4ae31,#aa771c,#f2b024),radial-gradient(circle at left top,#f2b024,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c,#f2b024);background-origin:border-box;background-position:0 0;background-size:500% 100%;border:2px double #0000;border-radius:10px;color:rgba(var(--text-color));content:"";height:inherit;position:absolute;width:inherit;z-index:-1}.add-button,.minus-button,.timer-button{border:none;margin:20px 0;transition:all .25s ease-in-out}.add-button:hover,.minus-button:hover,.timer-button:hover{cursor:pointer}.add-button{align-items:center;background-color:#db5447;border-radius:20px;color:#fff;display:flex;height:40px;justify-content:center;margin:10px auto;width:40px}.add-button:hover{background-color:#b7453b}.timer-button{align-items:center;background-color:#414855!important;border-radius:20px;color:#fff!important;display:flex;font-size:25px;height:40px;justify-content:center;margin:0 2.5px!important;transition:all .25s ease-in-out;width:40px}.counter-button{margin:5px;width:40px}.timer-button:hover{background-color:#3b424e!important}.counter-buttons{display:flex;justify-content:space-between}.counter{background-color:#353a44!important}.timer-buttons{border-left:1px solid #8080807a;margin-left:10px;padding-left:10px}.timer-buttons,.widget{display:flex;justify-content:space-between}.widget{align-items:center;background-color:#393e463b;border-radius:10px 0 0 10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:16px;padding:8px 10px}.widget-title{font-size:14px;left:5px;position:absolute;text-align:left;top:-35px}.progress-container{display:flex;font-size:14px;padding:0 20px}.progress{transition:all 250 ease-in-out}.widget-meric,.widget-status{margin:5px}.focus-button{color:#ccc;transition:all .25s ease-in-out}.focus-buttons-container button{background-color:#32343f;margin:0 2.5px!important}.focus-button:hover{color:#b8b7b7;cursor:pointer}.time{min-width:50px!important}p.time{border-bottom:2px solid #0000;border-left:4px solid #0000;border-right:4px solid #0000;margin-bottom:11px!important;padding-bottom:5px;transition:all .25s ease-in-out}p.time:hover{border-bottom:2px solid #26262634;cursor:pointer}.pomodoro-wrapper{min-height:53px}input.time[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input.time[type=number]::-webkit-inner-spin-button,input.time[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.focus-minus-button,.focus-plus-button{padding:0!important}.focus-timer-button{color:#ffffffb5}.focus-buttons-container{display:flex;justify-content:left}.MuiBadge-root{width:-webkit-fit-content;width:fit-content}.widgets-wrap-container .MuiBadge-badge{font-size:16px;font-weight:700}.divider{padding:0 5px}.plus-minus-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.pomodoro-time-banner{align-items:center;border-radius:0 10px 10px 0;color:#fff;display:flex;font-weight:700;justify-content:center;min-width:60px;padding:0 5px;transition:all .3s ease-in-out}.focus{background-color:#db5447}.short-break{background-color:#38858a}.long-break{background-color:#397097}@media only screen and (max-width:1145px){.timer-buttons{border-left:none;display:flex;flex-direction:column;margin-left:0;padding-left:0}.timer-buttons button{background-color:initial!important;height:20px;padding:5px;width:20px}.timer-buttons button svg{height:18px;width:18px}.plus-minus-container{display:none}.pomodoro-time-banner{min-width:70px;padding:0}.focus-buttons-container{display:none}.counter{width:100%}.widget{padding:0}.divider{display:none}.widgets-wrap-container{margin-bottom:20px}.pomodoro .widget{margin-bottom:0}.widgets-wrap-container .MuiBadge-root{width:48%}}.not-found-container{align-items:center;background-color:#121212;color:#fff;display:flex;height:100vh;justify-content:center;text-align:center;width:100%}.not-found-container:before{background-image:url(/static/media/misty.dc9bd0cad74baebcbb5e.png);background-position:0 190px;background-repeat:no-repeat;bottom:0;content:" ";display:block;height:calc(100% - 87px);left:0;opacity:.3;position:absolute;width:100%}.not-found-container h1{font-size:3rem;margin-bottom:1rem}.not-found-container p{font-size:1.2rem;margin-bottom:2rem}.not-found-container a{color:#4e9af1;font-weight:700;text-decoration:none}.not-found-container a:hover{text-decoration:underline}.misty{bottom:-241px;height:120vh;left:-118px;rotate:-4deg}.misty,.not-found-page{position:absolute}@media (max-width:1024px){.not-found-container:before{background-position:-150px 55px}}.App{background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a)}.email-input{width:100%!important}.features-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin:20px 0;max-width:990px}video{border-radius:8px;box-shadow:0 4px 8px #0000001a}.info-icon-container,.info-logo-container .page-title{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important}.early-access-terms{color:#ffffffb5;font-size:12px;margin:0;text-align:center}.early-access-terms a{color:#ffffffb5;text-decoration:underline}.payment-page-container{align-items:center;display:flex;flex-direction:column;height:100vh;overflow:auto;width:100%}.payment-page-container .account-premium-chip{width:100%}.payment-option .payment-page-container .account-premium-chip{width:185px!important}.payment-options-container{align-items:start;display:flex;justify-content:center;padding-bottom:20px;width:100%}.payment-option{animation:SlideIn .5s;border:1px solid #3f3e3e;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 20px;padding:20px;position:relative;transition:all .3s}.payment-option.popular{background-color:#222325;border:2px solid #c2aa30}.payment-chip{left:50%;position:absolute!important;top:-16px;transform:translateX(-50%);width:150px!important;z-index:1}.pricing-tab{overflow:visible!important;position:relative;transition:all .25s ease-in-out;z-index:0!important}.feature-list .MuiListItemText-secondary{color:#cecece}.feature-list li{padding:0 16px}.pricing-tab-container{align-items:center;background-color:#1a1a1a!important;border:1px solid #3f3e3e;border-radius:6px 6px 0 0;display:flex;justify-content:center;margin:15px 0 30px;overflow:visible;position:relative}.payment-cta-container,.price-text-wrapper{align-items:center;display:flex;justify-content:center;margin:0}.payment-cta-container{flex-direction:column;padding:33px 0 0}.cta-left-side{align-items:start;margin:0 20px;width:45%}.cta-left-side,.payment-cta-container .cta-left-side{display:flex;flex-direction:column;justify-content:center}.payment-cta-container .cta-left-side{align-items:center;font-size:72px;margin:0;max-width:900px;width:100%}.cta-right-side img{border-radius:10px;height:auto;width:100%}.cta-right-side{align-items:center;display:flex;justify-content:center;margin:0 20px;mask-image:linear-gradient(180deg,#000 0,#00000073 95%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 0,#00000073 95%,#0000);object-fit:cover;position:relative;width:45%;z-index:1}.payment-cta-container .cta-right-side{width:90%}.cta-title,.join-cta-title{color:#cecece;font-size:4rem;font-weight:700;margin:0;text-align:center}.join-cta-title{font-size:3rem}.more-content-title-creator{margin:10px 0 5px}.cta-subtitle{font-size:2.8rem;font-weight:700;max-width:650px;text-align:center}.cta-description{color:#ffffffb5;font-size:1.25rem;font-weight:300;margin:20px 0 10px;max-width:590px;text-align:center}.cta-button{margin:10px 0 30px!important}.price-title{font-size:20px;margin:0}.price-text,.price-title{color:#cecece;font-weight:700}.price-text{font-size:35px;margin:0 5px}.price-sub-text{color:#cecece;font-size:14px;width:33%}.price-annual-sub-text{color:#666;font-size:14px;margin-left:10px;width:33%}.price-description{color:#666;font-size:16px;font-weight:700;margin:0}.price-text-crossed{color:#cecece;color:#838383;font-size:18px;font-weight:700;margin-right:10px;text-align:right;text-decoration:line-through;width:33%}.more-content-container{display:flex;justify-content:space-around;margin:0;padding:0 5%}.analytics-dashboard-section .more-content-left-side,.behavioral-prep-section .more-content-left-side,.system-design-section .more-content-left-side{align-items:center!important}.more-content-left-side{max-width:740px}.more-content-left-side,.more-content-right-side{display:flex;flex-direction:column;justify-content:center}.more-content-right-side{max-width:555px}.more-content-right-side img{border-radius:5px;height:525px;width:auto}.mobile-ux{display:flex;flex-direction:row;justify-content:center;min-width:518px;overflow:hidden}.more-content-left-side img{border-radius:5px;height:525px;width:auto}.feature-item{align-items:center;display:flex;flex-direction:column;height:160px;justify-content:center;margin:10px 5px;width:241px}.feature-item .MuiSvgIcon-root{color:#faba2f}.feature-item h3{color:#cecece;text-align:center}.feature-item p{color:#ffffffb5;font-size:1rem;font-weight:300;margin:0;text-align:center}.key-features-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.key-features-title{color:#cecece!important;font-size:3rem!important;font-weight:700!important;margin:10px 0!important;text-align:center}.key-features-sub-title{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:SlideIn;color:#9ca3af!important;font-size:1.25rem!important;margin:10px 0!important;text-align:center;transform:translateY(100%);transition:all .3s}.waitlist-success-message{background-color:#282e3aa3;border-radius:10px;color:#cecece;font-size:1.25rem;font-weight:300;margin:10px 0;padding:10px 20px;text-align:center}.more-content-title{color:#cecece;font-size:1.6rem;font-weight:700;margin:10px 0 5px}.more-content-description,.more-content-title{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:SlideIn;transform:translateY(100%);transition:all .3s}.more-content-description{color:#ffffffb5;font-size:1.15rem;font-weight:300;margin:5px 0 10px}.mobile-algorithm-img{transform:translate(-81%,50px)}.cta-container{align-items:center;display:flex;flex-direction:column;padding:0 5%}.testimonial-flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.testimonials-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;margin:0;padding:0 5%}.testimonials-quote-container-text{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.analytics-dashboard-title,.behavioral-prep-title,.system-design-title,.testimonials-title{font-size:2.5rem;font-weight:700;text-align:center;transform:translateY(100%)}.analytics-dashboard-title,.behavioral-prep-title,.system-design-title,.testimonials-quote,.testimonials-title{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:SlideIn;color:#cecece;margin:10px 0;transition:all .3s}.testimonials-quote{font-size:20px;font-style:italic;font-weight:400;text-align:left}.testimonials-quote-container{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;margin:5px;max-width:29%;min-width:none;padding:20px;position:relative;transition:all .15s ease-in-out}.testimonials-quote-container:hover{background-color:#282e3aa3;cursor:pointer}.testimonials-description{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:SlideIn;color:#b6b6b6;font-size:1.15rem;font-weight:300;margin:10px 0;transition:all .3s}.microlaunch-container{border:1px solid #0000;margin:5px 0 35px;padding:5px 10px;transition:all .25s ease-in-out}.microlaunch-container p{margin:0}.microlaunch-container:hover{background-color:#282e3aa3;border:1px solid #fff;border-radius:10px;cursor:pointer}.star-container{align-items:start;display:flex;flex-direction:column;justify-content:start;margin:0 0 10px}.star-text{color:#ffffffb5;font-size:1.15rem;font-weight:300;margin:10px 0}@keyframes SlideIn{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes SlideInHero{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes SlideInRight{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:1335px){.comparison-table-container{width:97%!important}.more-content-title{font-size:1.2rem;margin:10px 0 5px}.more-content-title-creator{margin:10px 0 5px!important}.more-content-description{margin:5px 0 10px}.payment-page-container .account-premium-chip{width:90%!important}.payment-page-container .payment-chip{width:170px!important}.payment-cta-container .cta-right-side{margin:0;width:100%}.email-input{width:100%!important}.analytics-dashboard-title,.behavioral-prep-title,.system-design-title,.testimonials-title{font-size:1.6rem;width:86%!important}.testimonials-container{flex-direction:column;margin:30px 0 0;min-height:0;min-height:auto;overflow:visible;overflow:initial;padding:0 5%}.testimonial-flex{display:flex;flex-direction:column}.testimonials-quote-container{max-width:none}.payment-cta-container{padding:20px 5% 0}.mobile-filter-img{transform:scale(2)}.mobile-algorithm-img{transform:translate(-83%,32px) scale(2)}.mobile-home-img{width:200%!important}.payment-page-container{width:auto}.feature-item{margin:0;width:100%}.features-row{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 5%;width:auto}.key-features-title{font-size:1.4rem!important;width:80%}.cta-description{font-size:.89rem!important;margin:10px 20px;text-align:center}.more-content-left-side img,.more-content-right-side img{box-shadow:none;height:auto;width:100%}.faq-container{flex-direction:column-reverse!important}.more-content-container{flex-direction:column-reverse;margin:0 0 30px;min-height:0;min-height:auto;overflow:visible;overflow:initial;padding:0 5%}.mobile-ux{min-height:690px;min-width:0;min-width:auto;transform:none}.cta-title{font-size:1.7rem}.cta-subtitle{font-size:1.2rem!important}.join-cta-title{font-size:1.3rem;text-align:center}.more-content-left-side,.more-content-right-side{width:100%}.more-content-right-side{max-width:none!important}.payment-options-container{align-items:center;flex-direction:column-reverse;min-height:0;min-height:auto;padding-bottom:10px!important}.payment-option{margin:15px 20px;max-width:400px;width:100%;width:-webkit-fill-available;width:-moz-available}.pricing-tab-container{margin:15px 0}.account-premium-chip{width:100%!important}}.yearly-discount-badge{background:linear-gradient(135deg,#1f2b5f,#0f4d92,#00264d);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:12px;font-weight:700;overflow:visible;padding:3px 10px;position:absolute;right:-28px;top:-30px;transform-origin:center;white-space:nowrap;z-index:100}.MuiTab-root,.MuiTabs-flexContainer,.MuiTabs-root,.MuiTabs-scroller{overflow:visible!important}body{margin:50px 0}#container{color:#fff;font-family:Montserrat;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000 75%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000 75%,#0000);overflow:hidden;position:relative;white-space:nowrap;width:100%}#container .scroll{align-items:center;display:flex;justify-content:space-around;white-space:nowrap;width:-webkit-fit-content;width:fit-content}#container .scroll#scroll-one{animation:loop-one 20s linear infinite}#container .scroll#scroll-two{animation:loop-two 20s linear infinite;position:absolute;top:0;transform:translateX(100%)}.fade{inset:0;pointer-events:none;position:absolute;width:100%}.item{align-items:center;border-radius:.4rem;box-shadow:0 .1rem .2rem #0003,0 .1rem .5rem #0000004d,0 .2rem 1.5rem #0006,;color:#e2e8f0;display:flex;font-size:.9rem;gap:0 .2rem;margin:0 1rem;padding:.7rem 1rem;white-space:nowrap}@keyframes loop-one{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes loop-two{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:1335px){.scroll-container{overflow:hidden;width:100%}}.welcome-description-container,.welcome-user-container{display:flex;flex-direction:column;justify-content:center;padding:3% 3% 0}.welcome-description-container{padding-bottom:5px;padding-top:0}.welcome-user{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .35em!important}.tab-content-container{margin:0 auto;width:60%}.tab-content-container .MuiCard-root{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:16px}.welcome-user-subheader{color:#a0a0a0;font-size:.875rem;font-weight:400;margin:0!important}.welcome-user-description{color:#ffffffa3;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;font-weight:300;letter-spacing:.01em;line-height:1.5;margin:0!important;margin-bottom:.35em;margin-top:16px;text-align:left;text-shadow:0 0 10px #0000001a}@media (max-width:1024px){.tab-content-container{width:100%}}@media (max-width:768px){.welcome-description-container,.welcome-user-container{padding:2% 2% 0}.welcome-user{font-size:1.3rem}.welcome-user-description{font-size:.9rem}.tab-content-container{margin:0;padding:0 8px;width:100%}}.submission-list-container{max-height:200px;overflow-y:auto;padding-right:8px}.admin-panel-card{margin-bottom:16px!important}.admin-panel-card .submission-list-container{max-height:70vh}.submission-list-container::-webkit-scrollbar{width:6px}.submission-list-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.submission-list-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.submission-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:640px){.mobile-tab-label{font-size:.7rem!important;min-height:48px!important}.mobile-tab-label .MuiTab-iconWrapper{margin-bottom:2px!important}}.chatbox-send{transition:all .2s ease}.usage-terms{color:#ffffffb5;font-size:12px;margin:0 0 max(3px,env(safe-area-inset-bottom));padding:0 12px;text-align:center}.usage-terms a{color:#ffffffb5;margin:0 3px;text-decoration:underline}.thread-limit-disclaimer{animation:slideInUp .3s ease-out;border-radius:12px;margin:0}.disclaimer-content{align-items:center;color:#ff9800;display:flex;flex-wrap:wrap;font-size:15px;gap:4px;justify-content:center;line-height:1.4;padding:0 10px;text-align:center}.disclaimer-link{color:#ff9800;font-weight:600;margin-left:4px;text-decoration:underline;transition:color .2s ease}.disclaimer-link:hover{color:#ffb74d;cursor:pointer;text-decoration:none}.thread-tip .thread-limit-disclaimer{background:#ff98001a;border:1px solid #ff98004d;border-radius:12px;margin:0;padding:0}.thread-tip .disclaimer-content{color:#ff9800;padding:16px 20px}@media (max-width:768px){.disclaimer-content{font-size:14px;padding:0 16px}.thread-tip .disclaimer-content{padding:12px 16px}}.chatbox-send:hover{cursor:pointer}.chatbox-input .MuiInputBase-input{color:#fff!important}.chatbox-input .MuiButton-endIcon{margin-left:0!important}.send-button{background:#4a90e2;border:none;border-radius:50%;color:#fff;transition:all .2s ease}.mic-button,.send-button{align-items:center;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:48px;justify-content:center;min-width:48px;padding:0;white-space:nowrap;width:48px;will-change:transform}.mic-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e21a;border:2px solid #4a90e2;border-radius:50%;color:#4a90e2;transition:all .3s cubic-bezier(.4,0,.2,1)}.mic-button:hover:not(:disabled){background:#4a90e233;border-color:#357abd;box-shadow:0 4px 12px #4a90e24d;color:#357abd}.mic-button:active:not(:disabled){background:#4a90e24d;transform:translateY(0) scale(.98)}.mic-button:disabled{background:#4a55681a;border-color:#718096;box-shadow:none;color:#718096;cursor:not-allowed;transform:none}.send-button:hover{background:#357abd;box-shadow:0 2px 8px #4a90e24d}.send-button:active{transform:scale(.98)}.examples-container{align-items:center;animation:fadeInUp .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;margin:20px 0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes typing{0%,50%{opacity:1}51%,to{opacity:.3}}.chatbot{padding:10px 20px}.chatbot-container.interactive-panel-open,.chatbot-container.sidebar-collapsed.interactive-panel-open{transition:all .5s cubic-bezier(.25,.46,.45,.94)}@media only screen and (max-width:1335px){.chatbot{padding:20px 20% 30px}}.chatbot-layout{background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);display:flex;height:100%;overflow:hidden}.chatbot-container{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:1}.chatbot-container.interactive-panel-open{flex:none}.chatbot-container.sidebar-collapsed{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.chatbot-container.sidebar-collapsed.interactive-panel-open{flex:none}.chatbot-header{align-items:center;animation:slideDown .3s ease-out;background:#0000;display:flex;flex-wrap:wrap;gap:16px;gap:12px;height:auto;justify-content:space-between;padding:16px 20px 5px;position:relative;z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chatbot-header h2{color:#e0e0e0;flex:1 1;font-size:20px;font-weight:600;margin:0;transition:color .3s ease}.header-actions{align-items:center;display:flex;gap:16px}.thread-indicator{animation:fadeIn .4s ease-out;background:#2d3748;border-radius:16px;color:#63b3ed;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease;will-change:transform}.thread-indicator:hover{background:#4a5568}.clear-button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;will-change:transform}.clear-button:hover:not(:disabled){background:#c53030;box-shadow:0 2px 8px #e53e3e4d}.clear-button:disabled{background:#4a5568;cursor:not-allowed}.chatbot-messages{background:#0000;flex:1 1;margin:0 auto;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:0 20px;scroll-behavior:smooth}.welcome-message{animation:fadeInUp .2s ease-in-out;background:#2d2d2d;border:1px solid #404040;border-radius:12px;box-shadow:0 2px 8px #0000004d;line-height:1.6;margin:0 auto;max-width:800px;padding:40px;transition:all .2s ease}.welcome-message:hover{box-shadow:0 4px 15px #0006}.welcome-message h3{color:#e0e0e0;margin-bottom:20px}.welcome-message p{color:#b0b0b0;margin-bottom:16px}.welcome-message ul{margin:16px 0;padding-left:20px}.welcome-message li{color:#b0b0b0;margin-bottom:8px}.example-prompts-container{animation:fadeInUp .2s ease-in-out;height:100%;margin:0 auto;max-width:75%;overflow:hidden}.welcome-header{animation:fadeInUp .2s ease-in-out;margin-bottom:10px;padding:0 8px;text-align:center}.welcome-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a90e2,#63b3ed);-webkit-background-clip:text;background-clip:text;color:#e0e0e0;font-size:28px;font-weight:600;margin-bottom:12px}.welcome-header p{animation:fadeInUp .2s ease-in-out;color:#b0b0b0;font-size:16px;line-height:1.5;margin:0}.example-prompts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));padding:8px}.example-prompt-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a2f4aa6,#243548a6);border:1px solid #3a5a7a;border-radius:12px;box-shadow:0 2px 4px #00215533;cursor:pointer;padding:20px}.example-prompt-card:first-child{animation-delay:.05s}.example-prompt-card:nth-child(2){animation-delay:.1s}.example-prompt-card:nth-child(3){animation-delay:.15s}.example-prompt-card:nth-child(4){animation-delay:.2s}.example-prompt-card:nth-child(5){animation-delay:.25s}.example-prompt-card:nth-child(6){animation-delay:.3s}.example-prompt-card:hover{border-color:#4a90e2}.example-prompt-card:active{transform:translateY(0) scale(1.002)}.example-prompt-title{color:#e0e0e0;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px;transition:color .3s ease}.example-prompt-card:hover .example-prompt-title{color:#4a90e2}.example-prompt-description{color:#b0b0b0;font-size:14px;line-height:1.4;opacity:.8;transition:opacity .3s ease}.example-prompt-card:hover .example-prompt-description{opacity:1}.thread-tip{animation:fadeInUp .2s ease-in-out;background:#2d4a2d;border:1px solid #4a6741;border-radius:8px;padding:16px;transition:all .2s ease}.thread-tip:hover{background:#3d5a3d;box-shadow:0 2px 8px #4a67414d}.thread-tip p{color:#9ae6b4;margin:0}.message{animation:messageSlideIn .3s ease-out;contain:layout;display:flex;margin-bottom:20px;max-width:100%;min-width:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{animation:slideInRight .3s ease-out;justify-content:flex-end;margin-left:auto;max-width:70%}.assistant-message{animation:slideInLeft .3s ease-out;justify-content:flex-start}.message-content{contain:layout;max-width:780px;min-width:0;overflow-wrap:break-word;transition:all .2s ease;will-change:transform;word-break:break-word}.user-message .message-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3d5a7854,#2a4a6b3b)!important;border:1px solid #4a6b8a;border-radius:18px 18px 4px 18px;box-shadow:0 2px 8px #00000080;color:#f0f4f8;padding:12px 18px}.assistant-message .message-content{color:#e8eef5;padding:12px 18px}.message-text{word-wrap:break-word;line-height:1.5;min-width:0;overflow-wrap:break-word;word-break:break-word}.message-text.typing{animation:typing 1.5s infinite}.message-timestamp{font-size:11px;margin-top:4px;opacity:.7;text-align:right;transition:opacity .3s ease}.message-content:hover .message-timestamp{opacity:1}.user-message .message-timestamp{color:#fffc}.assistant-message .message-timestamp{color:#888;text-align:left}.message-footer{justify-content:space-between;margin-top:4px;min-height:20px}.copy-button,.message-footer{align-items:center;display:flex}.copy-button{background:none;border:none;border-radius:4px;cursor:pointer;height:20px;justify-content:center;min-width:20px;opacity:.6;padding:4px;transition:all .2s ease}.copy-button:hover{background:#ffffff1a;opacity:1}.copy-button:active{transform:scale(.95)}.copy-icon{color:#94a3b8;font-size:14px!important;transition:all .2s ease}.copy-button:hover .copy-icon{color:#cbd5e0}.copy-icon.copied{color:#4caf50}.chatbot-input{animation:slideUp .3s ease-out;background:#0000;padding:0 10px max(16px,env(safe-area-inset-bottom))}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f4ae6;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:800px;padding:8px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.input-actions-row,.input-text-row{display:flex;width:100%}.input-actions-row{align-items:center;justify-content:space-between;padding:0 4px}.input-row{gap:12px}.input-left-actions,.input-row{align-items:center;display:flex}.input-left-actions{gap:8px}.input-right-actions{align-items:center;display:flex;gap:8px}.input-container:hover{border-color:#ffffff26;box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff14}.input-container:has(.message-input:focus){border-color:#4a90e24d;box-shadow:0 12px 40px #0006,0 0 0 1px #4a90e233}.message-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;background:#0000;border:none;border-radius:18px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:16px;height:25px!important;line-height:1.4;max-height:120px;outline:none;padding:16px 20px;resize:none;touch-action:manipulation;transition:background-color .2s,box-shadow .2s;width:100%}.message-input:focus{outline:none!important}.message-input:disabled{color:#666;cursor:not-allowed}.message-input::placeholder{color:#94a3b8;font-size:15px;transition:color .3s ease}.message-input:focus::placeholder{color:#cbd5e0}.send-button:hover:not(:disabled){background:#357abd}.send-button:disabled{background:#4a5568;cursor:not-allowed;transform:none}.loading-dots{display:inline-flex;gap:2px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;height:4px;width:4px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.chatbot-container{margin-left:0;width:100%}.chatbot-container.sidebar-collapsed{margin-left:0}.chatbot-container.interactive-panel-open,.chatbot-container.sidebar-collapsed.interactive-panel-open{flex:1 1!important;width:100%!important}.chatbot-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:space-between!important;padding:12px 10px!important}.chatbot-header h2{font-size:20px}.chatbot-messages{padding:12px 20px 0}.welcome-message{padding:24px}.welcome-header h2{font-size:24px}.welcome-header p{font-size:15px}.example-prompts-grid{gap:12px;grid-template-columns:1fr}.example-prompt-card{padding:16px}.example-prompt-title{font-size:15px}.example-prompt-description{font-size:13px}.example-prompts-container{align-items:center;height:100%!important;justify-content:center}.message{min-width:0}.message-content{max-width:95%;min-width:0}.message-content,.message-text{overflow-wrap:break-word;word-break:break-word}.message-text{-webkit-hyphens:auto;hyphens:auto}.copy-button{height:24px;min-width:24px;opacity:.7;padding:6px}.copy-icon{color:#94a3b8;font-size:16px!important}.chatbot-input{background:#0000;padding:0 10px 12px}.input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2f4ae6;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 6px 24px #0000004d,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:calc(100% - 16px);padding:6px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.input-text-row{width:100%}.input-actions-row{align-items:center;display:flex;justify-content:space-between;padding:0 4px;width:100%}.message-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;border:none;border-radius:16px;color:#e2e8f0;flex:1 1;font-family:inherit;font-size:16px;line-height:1.4;max-height:120px;outline:none;padding:14px 18px;touch-action:manipulation;transition:background-color .2s,box-shadow .2s}.message-input::placeholder{color:#94a3b8;font-size:15px}.mic-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e21a;border:2px solid #4a90e2;border-radius:50%;color:#4a90e2;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:48px;justify-content:center;min-width:48px;padding:0;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:48px}.mic-button:hover:not(:disabled){background:#4a90e233;border-color:#357abd;color:#357abd}.mic-button:active:not(:disabled){background:#4a90e24d;transform:scale(.95)}.mic-button:disabled{background:#4a55681a;border-color:#718096;color:#718096;cursor:not-allowed;transform:none}.send-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:48px;justify-content:center;min-width:48px;padding:0;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:48px}.send-button:active{transform:scale(.95)}.send-button:hover:not(:disabled){background:#357abd}.send-button:disabled{background:#4a5568;cursor:not-allowed;transform:none}.language-selector{margin-left:0;margin-top:8px;order:2}.language-dropdown{max-width:200px!important;min-width:140px!important;width:140px!important}.language-dropdown .MuiInputLabel-root{font-size:13px}.language-dropdownf .MuiSelect-select{font-size:13px;padding:6px 10px}}@media (max-width:480px){.chatbot-input{background:#0000;padding:0 10px 8px}.input-container{border-radius:18px;flex-direction:column;gap:6px;max-width:calc(100% - 12px);padding:5px}.input-text-row{width:100%}.input-actions-row{padding:0 2px}.message-input{border-radius:14px;font-size:16px;padding:12px 16px}.mic-button,.send-button{height:44px;min-width:44px;width:44px}.chatbot-messages{padding:12px 10px 0}.sidebar-brand h2{font-size:24px!important}.mode-toggle-group-welcome{padding:4px!important}.mode-toggle-group-welcome .MuiToggleButton-root{font-size:12px!important;gap:4px!important;min-width:95px!important}.mode-toggle-group-welcome .mode-icon{height:16px!important;width:16px!important}}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#718096}*{scroll-behavior:smooth}.clear-button:focus,.example-prompt-card:focus,.message-input:focus,.send-button:focus{outline:2px solid #4a90e2;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.language-selector{align-items:center;display:flex;margin-left:auto}.language-dropdown{min-width:160px;width:160px}.language-dropdown .MuiInputLabel-root{align-items:center;color:#b0b0b0!important;display:flex;font-size:14px;gap:6px}.language-dropdown .MuiInputLabel-root.Mui-focused{color:#4a90e2!important}.language-icon{font-size:16px!important}.language-dropdown .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2d93;border-radius:8px;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.language-dropdown .MuiOutlinedInput-root:hover{background:#2d2d2d93}.language-dropdown .MuiOutlinedInput-root.Mui-focused{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2d93}.language-dropdown .MuiOutlinedInput-notchedOutline{border-color:#555!important;transition:border-color .3s ease}.language-dropdown .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#777!important}.language-dropdown .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4a90e2!important;border-width:2px!important}.language-dropdown .MuiSelect-select{color:#e0e0e0!important;font-size:14px;padding:8px 12px}.language-dropdown .MuiSelect-icon{color:#b0b0b0!important;transition:color .3s ease}.language-dropdown .MuiOutlinedInput-root.Mui-focused .MuiSelect-icon{color:#4a90e2!important}.MuiPaper-root.MuiMenu-paper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2d2d2dcf;border:1px solid #555!important;border-radius:8px!important;box-shadow:0 8px 32px #0006!important;margin-top:4px!important}.MuiMenuItem-root{color:#e0e0e0!important;font-size:14px!important;padding:10px 16px!important;transition:all .2s ease!important}.MuiMenuItem-root:hover{background:#4a90e21a!important;color:#4a90e2!important}.MuiMenuItem-root.Mui-selected{background:#4a90e233!important;color:#4a90e2!important}.MuiMenuItem-root.Mui-selected:hover{background-color:#4a90e2!important;color:#fff!important}.interview-mode-selector{align-items:center;display:flex;gap:8px;overflow:hidden}.mode-toggle-group{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;overflow:hidden;padding:4px!important}.mode-toggle-group .MuiToggleButton-root{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;color:#b0b0b0!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;margin:0 2px!important;min-width:auto!important;padding:8px 16px!important;text-transform:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;will-change:transform}.mode-toggle-group .MuiToggleButton-root:hover{background:#ffffff14!important;color:#e0e0e0!important}.mode-toggle-group .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#4a90e2,#357abd)!important;box-shadow:0 2px 8px #4a90e24d!important;color:#fff!important}.mode-toggle-group .MuiToggleButton-root.Mui-selected:hover{background:linear-gradient(135deg,#357abd,#2968a3)!important;box-shadow:0 4px 12px #4a90e266!important}.mode-icon{height:18px!important;transition:transform .2s ease!important;width:18px!important}.mode-label{font-weight:500!important;letter-spacing:.3px!important}@media (max-width:768px){.chatbot-header{align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;justify-content:space-between!important;padding:12px 10px!important}.user-message{max-width:80%!important}.language-selector{flex-shrink:0;margin:0;order:1}.sidebar-brand h2{font-size:28px!important}.interview-mode-selector-welcome{margin:20px 0}.mode-toggle-group-welcome .MuiToggleButton-root{border-radius:8px;font-size:13px!important;gap:6px!important;padding:10px 5px!important}.mode-toggle-group-welcome .mode-icon{display:none;height:18px!important;width:18px!important}}@media (max-width:480px){.mode-toggle-group .MuiToggleButton-root{min-width:60px!important;padding:8px 10px!important}.mode-icon{height:14px!important;width:14px!important}}@keyframes modeSwitch{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.example-prompts-container{animation:modeSwitch .3s ease-out}.interview-mode-selector-welcome{animation:fadeInUp .2s ease-in-out;display:flex;justify-content:center;margin:24px 0 5px}.mode-toggle-group-welcome{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:16px!important;box-shadow:0 4px 20px #0000004d!important;overflow:hidden;padding:6px!important}.mode-toggle-group-welcome .MuiToggleButton-root{align-items:center!important;background:#0000!important;border:none!important;border-radius:12px;color:#b0b0b0!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;letter-spacing:.5px!important;margin:0 3px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.mode-toggle-group-welcome .MuiToggleButton-root:hover{background:#ffffff1f!important;box-shadow:0 2px 8px #0003!important;color:#e0e0e0!important}.mode-toggle-group-welcome .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#4a90e2,#357abd)!important;box-shadow:0 4px 16px #4a90e266!important;color:#fff!important;transform:translateY(-1px)!important}.mode-toggle-group-welcome .MuiToggleButton-root.Mui-selected:hover{background:linear-gradient(135deg,#357abd,#2968a3)!important;box-shadow:0 6px 20px #4a90e280!important}.mode-toggle-group-welcome .mode-icon{height:20px!important;transition:transform .3s ease!important;width:20px!important}.mode-toggle-group-welcome .mode-label{font-weight:600!important;letter-spacing:.5px!important}.sidebar-brand{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.sidebar-brand h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#4a90e2,#63b3ed,#81c7f7)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#e0e0e0;font-size:32px!important;font-weight:700!important;letter-spacing:-.5px!important;margin:0!important;text-shadow:none!important}.sidebar-logo{filter:drop-shadow(0 2px 8px rgba(74,144,226,.3))!important;height:100px;width:100px}.browse-topics-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#4a90e20d!important;border:2px solid #4a90e2!important;border-radius:12px!important;color:#4a90e2!important;font-size:16px!important;font-weight:500!important;min-width:200px!important;opacity:0;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important;will-change:transform}.browse-topics-button:hover{background:#4a90e226!important;border-color:#357abd!important;box-shadow:0 2px 8px #4a90e24d!important;color:#357abd!important}.browse-topics-button:active{box-shadow:0 2px 8px #4a90e266!important;transform:translateY(0)!important}.browse-topics-button .MuiButton-startIcon{color:inherit!important;margin-right:8px!important}@media (max-width:768px){.browse-topics-button{font-size:15px!important;min-width:180px!important;padding:10px 20px!important}}@media (max-width:480px){.browse-topics-button{font-size:14px!important;min-width:160px!important;padding:8px 16px!important}}@media (max-width:385px){.sidebar-logo{height:60px;width:60px}}.welcome-content{animation:fadeInUp .2s ease-in-out forwards;margin:0 auto;max-width:900px;opacity:0;overflow:hidden;transform:translateY(20px)}.welcome-content.fade-out{animation:fadeOutDown .4s ease-in forwards}@keyframes fadeOutDown{0%{opacity:1!important;transform:translateY(0)}to{opacity:0!important;transform:translateY(-20px)}}.welcome-header{animation:fadeInUp .2s ease-in-out forwards;opacity:0;transform:translateY(20px)}.interview-mode-selector-welcome{animation:fadeInUp .2s ease-in-out .1s forwards;opacity:0;transform:translateY(20px)}.example-prompts-grid{animation:fadeInUp .2s ease-in-out .2s forwards;opacity:0;transform:translateY(20px)}.browse-topics-button{animation:fadeInUp .2s ease-in-out .3s forwards!important}.thread-tip{animation:fadeInUp .2s ease-in-out .4s forwards;opacity:0;transform:translateY(20px)}.example-prompt-card{animation:fadeInScale .5s ease-out forwards;opacity:0;transform:scale(.95) translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.example-prompt-card:first-child{animation-delay:.1s}.example-prompt-card:nth-child(2){animation-delay:.15s}.example-prompt-card:nth-child(3){animation-delay:.2s}.example-prompt-card:nth-child(4){animation-delay:.25s}.example-prompt-card:nth-child(5){animation-delay:.3s}.example-prompt-card:nth-child(6){animation-delay:.35s}.example-prompt-card:hover{box-shadow:0 4px 12px #00000014}.mode-toggle-group-welcome .MuiToggleButton-root{min-width:157px;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform}.mode-toggle-group-welcome .MuiToggleButton-root:hover{box-shadow:0 2px 8px #4a90e226}.browse-topics-button:hover{box-shadow:0 4px 12px #4a90e233}@media (prefers-reduced-motion:reduce){.browse-topics-button,.example-prompt-card,.example-prompts-grid,.interview-mode-selector-welcome,.thread-tip,.welcome-content,.welcome-header{animation:none!important;opacity:1!important;transform:none!important}.browse-topics-button,.example-prompt-card,.mode-toggle-group-welcome .MuiToggleButton-root{transition:none!important}}@media (max-width:1335px){.example-prompts-container{margin:0!important;max-width:98%!important}.thread-tip{display:none;padding:16px 5px}}.mobile-example-prompts{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #ffffff1a;padding:16px 0 8px}.mobile-prompts-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:0 20px;scroll-behavior:smooth;scrollbar-width:none}.mobile-prompts-container::-webkit-scrollbar{display:none}.mobile-prompt-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#4a90e21a,#4a90e20d);border:1px solid #4a90e233;border-radius:12px;cursor:pointer;flex-shrink:0;max-width:250px;min-width:200px;padding:12px 16px;transition:all .3s ease}.mobile-prompt-card:hover{background:linear-gradient(135deg,#4a90e226,#4a90e214);border-color:#4a90e24d;box-shadow:0 4px 12px #4a90e233}.mobile-prompt-card:active{background:linear-gradient(135deg,#4a90e233,#4a90e21a);transform:translateY(0)}.mobile-prompt-title{-webkit-line-clamp:1;color:#fff;font-size:14px;font-weight:600;line-height:1.2;margin-bottom:4px}.mobile-prompt-description,.mobile-prompt-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-prompt-description{-webkit-line-clamp:2;color:#ffffffb3;font-size:12px;line-height:1.3}.mobile-prompt-card:hover .mobile-prompt-title{color:#4a90e2}.mobile-prompt-card:hover .mobile-prompt-description{color:#ffffffd9}.mobile-browse-card{background:linear-gradient(135deg,#4a90e226,#4a90e214)!important;border:1px solid #4a90e24d!important;min-width:220px!important}.mobile-browse-card:hover{background:linear-gradient(135deg,#4a90e240,#4a90e226)!important;border-color:#4a90e266!important;box-shadow:0 4px 16px #4a90e24d!important}.mobile-browse-card .mobile-prompt-title{align-items:center;color:#4a90e2!important;display:flex;gap:6px}.mobile-browse-card:hover .mobile-prompt-title{color:#357abd!important}.mobile-browse-icon{color:inherit;font-size:16px!important}.mobile-example-prompts+.chatbot-input{padding-top:0}@media (max-width:480px){.mobile-example-prompts{padding:12px 0 6px}.mobile-prompts-container{gap:10px;padding:0 10px}.mobile-prompt-card{max-width:220px;min-width:180px;padding:10px 14px}.mobile-prompt-title{font-size:13px}.mobile-prompt-description{font-size:11px}.mobile-browse-card{min-width:200px!important}.mobile-browse-icon{font-size:14px!important}}.mic-button.dictating{animation:dictationPulse 2s infinite;background:#ef44441a;border-color:#ef4444;color:#ef4444}.mic-button.dictating:hover:not(:disabled){background:#ef444433;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;color:#dc2626}.send-button.dictating{animation:dictationReady 2s infinite;background:#10b981;color:#fff}.send-button.dictating:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px #10b9814d}.input-container.dictating{border-color:#4a90e2}.message-input.dictating{background:none;color:#ffffffe6!important}.message-input.dictating::placeholder{color:#4a90e2b3!important}@keyframes dictationPulse{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}@keyframes dictationReady{0%,to{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 8px #10b98100;transform:scale(1.05)}}.scroll-to-bottom-button{align-items:center;animation:fadeInUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;bottom:170px;box-shadow:0 2px 8px #0000001a;color:#fff9;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:1000}.scroll-to-bottom-button:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 4px 12px #00000026;color:#fffc}.scroll-to-bottom-button:active{box-shadow:0 2px 8px #0003;transform:translateY(0) scale(.95)}@media (max-width:768px){.model-selector{margin-left:50px}}@media (max-width:480px){.scroll-to-bottom-button{bottom:150px;height:40px;right:12px;width:40px}}@media (max-width:768px){.back-button{width:100%}.language-dropdown{min-width:50px!important}.language-dropdown .MuiInputLabel-root{transform:translate(14px,9px) scale(1)!important}.language-dropdown .MuiInputLabel-root.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.75)!important}}.file-attachment{margin-bottom:8px;padding:8px 12px 0}.attachment-item{align-items:center;animation:slideInUp .3s ease-out;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.attachment-icon{flex-shrink:0;font-size:16px}.attachment-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.attachment-name{color:#ffffffe6;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#fff9;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.attachment-remove{align-items:center;background:none;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.attachment-remove:hover{background:#f443361a;color:#f44336}.attachment-error{animation:shake .5s ease-in-out;color:#f44336;font-size:12px;padding:4px 12px 8px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.attach-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e21a;border:2px solid #4a90e2;border-radius:25px;color:#4a90e2;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;justify-content:center;padding:5px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.attach-button:hover:not(:disabled){background:#4a90e233;border-color:#357abd;box-shadow:0 4px 12px #4a90e24d;color:#357abd}.attach-button:active:not(:disabled){background:#4a90e24d;transform:translateY(0) scale(.98)}.attach-button:disabled{background:#4a55681a;border-color:#718096;box-shadow:none;color:#718096;cursor:not-allowed;transform:none}@media (max-width:768px){.file-attachment{margin-bottom:6px;padding:6px 10px 0}.attachment-item{gap:6px;padding:6px 8px}.attachment-name{font-size:12px}.attachment-size{font-size:10px}.attach-button{margin-right:6px}}@media (max-width:480px){.file-attachment{margin-bottom:4px;padding:4px 8px 0}.attachment-item{padding:6px 8px}.attachment-name{font-size:11px}.attach-button{margin-right:4px}}.language-dropdown .MuiMenuItem-root{min-height:auto;padding:12px 16px}.language-dropdown .MuiMenuItem-root>div{width:100%}.language-dropdown .MuiMenuItem-root:hover{background-color:#4a90e214}.language-select .MuiSelect-select{padding:8px 12px}.language-dropdown .MuiFormLabel-root{align-items:center;display:flex;gap:6px}.language-icon{font-size:18px!important}.language-text{font-size:14px;font-weight:500}.markdown-content{color:inherit;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-width:0;overflow-wrap:break-word;word-break:break-word}.user-markdown{color:#fffffff2}.assistant-markdown{color:#e0e0e0}.structured-content{border-radius:12px;padding:20px}.user-markdown.structured-content{background:linear-gradient(135deg,#4a90e226,#3d5a781a);border-color:#fff3}.markdown-content .section-header{align-items:center;background:linear-gradient(135deg,#4a90e214,#4a90e208);border:1px solid #4a90e226;border-radius:12px;display:flex;gap:12px;margin:1.5rem 0 1rem;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.markdown-content .section-header:before{background:linear-gradient(180deg,#4a90e2,#63b3ed);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.markdown-content .section-header:hover{background:linear-gradient(135deg,#4a90e21f,#4a90e20f);border-color:#4a90e240;box-shadow:0 4px 12px #4a90e226;transform:translateY(-2px)}.markdown-content .section-h1{background:linear-gradient(135deg,#4a90e21f,#4a90e20f);border-color:#4a90e233}.markdown-content .section-h1:before{background:linear-gradient(180deg,#4a90e2,#357abd);width:5px}.markdown-content .section-h2{background:linear-gradient(135deg,#63b3ed1a,#63b3ed0d);border-color:#63b3ed2e}.markdown-content .section-h2:before{background:linear-gradient(180deg,#63b3ed,#81c7f5)}.markdown-content .section-h3{background:linear-gradient(135deg,#81c7f514,#81c7f50a);border-color:#81c7f526}.markdown-content .section-h3:before{background:linear-gradient(180deg,#81c7f5,#a2d2ff)}.markdown-content .section-icon{align-items:center;background:#4a90e21a;border:1px solid #4a90e233;border-radius:8px;display:flex;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));flex-shrink:0;font-size:1.3em;height:32px;justify-content:center;transition:all .3s ease;width:32px}.markdown-content .section-header:hover .section-icon{background:#4a90e226;border-color:#4a90e24d;transform:scale(1.05)}.markdown-h1{color:#e8eef5;flex:1 1;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 1px 3px #0000004d}.markdown-h2{font-size:1.3rem}.markdown-h2,.markdown-h3{color:#e8eef5;flex:1 1;font-weight:600;line-height:1.3;margin:0;text-shadow:0 1px 3px #0000004d}.markdown-h3{font-size:1.1rem}.markdown-h4,.markdown-h5,.markdown-h6{color:#e0e0e0;font-size:1rem;font-weight:600;margin:.6rem 0 .4rem}.user-markdown.markdown-content .section-header{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#fff3}.user-markdown.markdown-content .section-header:before{background:linear-gradient(180deg,#fffc,#fff9)}.user-markdown.markdown-content .section-header:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff17);border-color:#ffffff4d}.user-markdown.markdown-content .section-icon{background:#ffffff26;border-color:#ffffff40}.user-markdown.markdown-content .section-header:hover .section-icon{background:#fff3;border-color:#ffffff59}.labeled-content{background:linear-gradient(135deg,#2d2d2d66,#2323234d);border:1px solid #ffffff1a;border-radius:10px;margin:1rem 0;padding:16px;transition:all .3s ease}.labeled-content:hover{background:linear-gradient(135deg,#37373780,#2d2d2d66);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.content-label{align-items:center;color:#4a90e2;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.label-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.1em}.content-text{color:#e0e0e0;line-height:1.6;padding-left:24px}.user-markdown .labeled-content{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3}.user-markdown .content-label{color:#ffffffe6}.user-markdown .content-text{color:#ffffffd9}.markdown-p{line-height:1.6;margin:.8rem 0}.markdown-p:first-child{margin-top:0}.markdown-p:last-child{margin-bottom:0}.markdown-ol,.markdown-ul{margin:.8rem 0;padding-left:1.5rem}.markdown-li{line-height:1.6;margin:.5rem 0;position:relative}.markdown-ul .markdown-li{list-style-type:none;padding-left:1.5rem}.markdown-ul .markdown-li:before{color:#4a90e2;content:"▸";font-weight:700;left:0;position:absolute;top:0}.markdown-ol .markdown-li{counter-increment:list-counter;list-style-type:none;padding-left:1.8rem}.markdown-ol{counter-reset:list-counter}.markdown-ol .markdown-li:before{color:#4a90e2;content:counter(list-counter) ".";font-weight:700;left:0;min-width:1.5rem;position:absolute;top:0}.numbered-step{background:linear-gradient(135deg,#4a90e214,#4a90e20a);border-left:3px solid #4a90e2;border-radius:6px;margin:.8rem 0;padding:8px 12px}.important-point{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:3px solid #ffc107;border-radius:6px;padding:6px 10px}.enhanced-blockquote{align-items:flex-start;background:linear-gradient(135deg,#4a90e21a,#4a90e20d);border:1px solid #4a90e233;border-radius:10px;display:flex;gap:12px;margin:1.2rem 0;padding:16px;transition:all .3s ease}.enhanced-blockquote:hover{background:linear-gradient(135deg,#4a90e226,#4a90e214);box-shadow:0 4px 12px #4a90e233;transform:translateY(-1px)}.blockquote-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.3em;margin-top:2px}.markdown-blockquote{background:#0000;border:none;color:#e0e0e0;flex:1 1;font-style:italic;margin:0;padding:0}.user-markdown .enhanced-blockquote{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d}.markdown-strong{color:#f0f4f8;font-weight:700}.section-label{background:#4a90e21a;border:1px solid #4a90e233;border-radius:4px;color:#4a90e2;display:inline-block;padding:2px 6px;text-shadow:0 1px 2px #0000004d}.user-markdown .section-label{background:#ffffff26;border-color:#ffffff4d;color:#fffffff2}.markdown-em{color:#cbd5e0;font-style:italic}.inline-code{background-color:#4a90e233;border:1px solid #4a90e24d;border-radius:4px;color:#81c7f5;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85em;padding:.2rem .4rem}.user-markdown .inline-code{background-color:#fff3;border-color:#ffffff4d;color:#ffffffe6}.code-block-wrapper{border-radius:8px;box-shadow:0 2px 8px #0000004d;margin:1rem 0;max-width:100%;overflow:hidden}.code-block-header{align-items:center;background:#2d3748;border-bottom:1px solid #4a5568;color:#a0aec0;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;padding:.5rem 1rem}.code-language{letter-spacing:.05em;text-transform:uppercase}.code-block{background:#1a202c!important;border-radius:0!important;margin:0!important}.code-block pre{background:#0000!important;font-size:.85rem!important;line-height:1.5!important;margin:0!important;max-width:100%;overflow-x:auto;padding:1rem!important}.markdown-link{border-bottom:1px solid #0000;border-radius:4px;color:#4a90e2;padding:2px 4px;text-decoration:none;transition:all .2s ease}.markdown-link:hover{background:#4a90e21a;border-bottom-color:#357abd;color:#357abd}.user-markdown .markdown-link{border-bottom-color:#ffffff80;color:#ffffffe6}.user-markdown .markdown-link:hover{background:#ffffff1a;border-bottom-color:#fff;color:#fff}.table-wrapper{border:1px solid #404040;border-radius:8px;box-shadow:0 2px 8px #0003;margin:1rem 0;max-width:100%;overflow-x:auto}.markdown-table{background:linear-gradient(135deg,#2d2d2d4d,#23232333);border-collapse:collapse;font-size:.9rem;width:100%}.markdown-td,.markdown-th{border-bottom:1px solid #404040;padding:.75rem;text-align:left}.markdown-th{background:linear-gradient(135deg,#4a90e233,#4a90e21a);border-bottom:2px solid #4a90e2;color:#e0e0e0;font-weight:600}.markdown-tr:last-child .markdown-td{border-bottom:none}.user-markdown .table-wrapper{border-color:#ffffff4d}.user-markdown .markdown-th{background:linear-gradient(135deg,#fff3,#ffffff1a);border-bottom-color:#fff9;color:#ffffffe6}.user-markdown .markdown-td,.user-markdown .markdown-th{border-bottom-color:#fff3}.enhanced-divider{background:linear-gradient(90deg,#0000,#4a90e2,#0000);border:none;border-radius:1px;box-shadow:0 1px 3px #4a90e24d;height:2px;margin:2rem 0}.user-markdown .enhanced-divider{background:linear-gradient(90deg,#0000,#fff9,#0000);box-shadow:0 1px 3px #fff3}@media (max-width:768px){.markdown-content{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.structured-content{border-radius:8px;padding:16px 0}.markdown-content .section-header{border-radius:10px;gap:10px;margin:1rem 0 .8rem;padding:12px 16px}.markdown-content .section-header:before{width:3px}.markdown-content .section-icon{border-radius:6px;font-size:1.1em;height:28px;width:28px}.labeled-content{margin:.8rem 0;padding:12px}.content-text{padding-left:16px}.enhanced-blockquote{gap:8px;padding:12px}.blockquote-icon{font-size:1.1em}.code-block-wrapper{margin:.75rem 0;max-width:100%;overflow:hidden}.code-block pre{font-size:.8rem!important;max-width:100%;overflow-x:auto;padding:.75rem!important;white-space:pre}.markdown-h1{font-size:1.3rem}.markdown-h1,.markdown-h2{overflow-wrap:break-word;word-break:break-word}.markdown-h2{font-size:1.1rem}.markdown-h3,.markdown-h4,.markdown-h5,.markdown-h6,.markdown-p{overflow-wrap:break-word;word-break:break-word}.markdown-p{-webkit-hyphens:auto;hyphens:auto}.inline-code{overflow-wrap:break-word;white-space:pre-wrap;word-break:break-all}.table-wrapper{font-size:.8rem;max-width:100%;overflow-x:auto}.markdown-td,.markdown-th{min-width:0;overflow-wrap:break-word;padding:.5rem;word-break:break-word}.markdown-link{overflow-wrap:break-word;word-break:break-all}.important-point,.numbered-step{margin:.6rem 0;padding:6px 8px}}.diagram-generation-animation{align-items:center;animation:fadeInGeneration .6s ease-out forwards;display:flex;flex-direction:column;gap:24px;opacity:0}@keyframes fadeInGeneration{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.generation-spinner{animation:spinGeneration 1.2s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#007acc;height:60px;position:relative;width:60px}.generation-spinner:after{animation:pulseGeneration 1.5s ease-in-out infinite;background:#007acc;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spinGeneration{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGeneration{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.generation-text{color:#e0e0e0;text-align:center}.generation-title{-webkit-text-fill-color:#0000;animation:shimmerGeneration 2s ease-in-out infinite;background:linear-gradient(135deg,#007acc,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:600;margin-bottom:8px}.generation-subtitle{animation:typingDots 1.5s steps(3) infinite;color:#b0b0b0;font-size:14px}@keyframes shimmerGeneration{0%,to{background-position:-200%}50%{background-position:200%}}@keyframes typingDots{0%,20%{content:"Laying out components and connections"}40%{content:"Laying out components and connections."}60%{content:"Laying out components and connections.."}80%,to{content:"Laying out components and connections..."}}.system-design-loading-wrapper{overflow:hidden;position:relative}.system-design-loading-wrapper:before{animation:sweepGeneration 3s linear infinite;background:linear-gradient(45deg,#0000,#007acc08,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes sweepGeneration{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.system-design-renderer-container{text-wrap:auto;margin:16px 0;transition:all .3s ease}.system-design-header{text-wrap:auto;align-items:center;background:linear-gradient(135deg,#81c7f514,#81c7f50a);border:1px solid #81c7f526;border-bottom:none;border-radius:8px 8px 0 0;color:#e0e0e0;display:flex;flex-direction:row;padding:12px 16px}.system-design-flow-wrapper{background:#0000;border:1px solid #81c7f526;border-radius:0 0 8px 8px;transition:opacity .3s ease}.system-design-flow-wrapper:not(.loading){animation:fadeInDiagram .5s ease-out}@keyframes fadeInDiagram{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.interactive-content-panel{animation:slideInFromRight .5s cubic-bezier(.25,.46,.45,.94),shadowGrow .5s cubic-bezier(.25,.46,.45,.94);background:#1a1a1a;border-left:1px solid #333;box-shadow:-4px 0 20px #0000004d;display:flex;flex-direction:column;flex-shrink:0;height:100vh;transform:translateX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:calc(50% - 140px);z-index:1000}.interactive-content-panel.sidebar-collapsed{width:calc(50% - 25px)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%) scale(.95)}50%{opacity:.7;transform:translateX(20%) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes shadowGrow{0%{box-shadow:0 0 0 #0000}to{box-shadow:-4px 0 20px #0000004d}}.interactive-code-content{animation:fadeInContent .6s ease-out .2s forwards;background:#1a1a1a;display:flex;flex-direction:column;height:100%;opacity:0}.interactive-code-header{align-items:center;animation:slideInDown .5s ease-out .3s forwards;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;min-height:60px;opacity:0;padding:16px 20px;transform:translateY(-10px);width:auto!important}.code-title{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.code-icon{color:#2196f3;font-size:20px}.code-actions{display:flex;gap:8px}.code-actions .MuiIconButton-root{color:#fff;padding:8px;transition:background-color .2s}.code-actions .MuiIconButton-root:hover{background-color:#ffffff1a}.code-body{animation:slideInUp .5s ease-out .4s forwards;background:#1e1e1e;flex:1 1;opacity:0;overflow:auto;transform:translateY(20px)}.code-body pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;height:100%;margin:0!important}.interactive-diagram-content{animation:fadeInContent .6s ease-out .2s forwards;background:#1a1a1a;display:flex;flex-direction:column;height:100%;opacity:0}.diagram-header{animation:slideInDown .5s ease-out .3s forwards;background:#2a2a2a;border-bottom:1px solid #333;justify-content:space-between;min-height:60px;opacity:0;padding:16px 20px;transform:translateY(-10px)}.diagram-header,.diagram-title{align-items:center;display:flex}.diagram-title{color:#fff;font-size:16px;font-weight:600;gap:8px}.diagram-icon{color:#4caf50;font-size:20px}.diagram-actions{display:flex;gap:8px}.diagram-actions .MuiIconButton-root{color:#fff;padding:8px;transition:background-color .2s}.diagram-actions .MuiIconButton-root:hover{background-color:#ffffff1a}.diagram-body{animation:slideInUp .5s ease-out .4s forwards;background:#1a1a1a;flex:1 1;opacity:0;position:relative;transform:translateY(20px)}.diagram-body .react-flow{background:#1a1a1a!important}.diagram-body .react-flow__node{font-family:Roboto,sans-serif}.diagram-body .react-flow__edge-path{stroke:#2196f3;stroke-width:2}.diagram-body .react-flow__edge-text{fill:#fff;font-size:12px;font-weight:500}.diagram-body .react-flow__controls{background:#2a2a2a;border:1px solid #333}.diagram-body .react-flow__controls button{background:#2a2a2a;border-bottom:1px solid #333;color:#fff}.diagram-body .react-flow__controls button:hover{background:#333}.diagram-body .react-flow__minimap{background:#2a2a2a!important;border:1px solid #333}.fullscreen-header{align-items:center;display:flex;justify-content:space-between;padding:0;width:100%}.fullscreen-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:12px}.header-icon{font-size:24px}.fullscreen-title .header-icon.code-icon{color:#2196f3}.fullscreen-title .header-icon.diagram-icon{color:#4caf50}.chatbot-container.interactive-panel-open{transition:all .6s cubic-bezier(.25,.46,.45,.94);width:calc(50% - 140px)}.chatbot-container.sidebar-collapsed.interactive-panel-open{transition:all .6s cubic-bezier(.25,.46,.45,.94);width:calc(50% - 25px)}@media (max-width:768px){.interactive-content-panel{animation:slideInFromRight .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;right:0;top:0;width:100%!important;z-index:1001}.chatbot-container.interactive-panel-open{flex:1 1;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.chatbot-container.sidebar-collapsed.interactive-panel-open{flex:1 1;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%!important}.diagram-header,.interactive-code-header{animation:slideInDown .4s ease-out .2s forwards;min-height:50px;padding:12px 16px}.code-title,.diagram-title{font-size:14px}.code-icon,.diagram-icon{font-size:18px}.interactive-code-content,.interactive-diagram-content{animation:fadeInContent .5s ease-out .1s forwards}.code-body,.diagram-body{animation:slideInUp .4s ease-out .3s forwards}}.code-body::-webkit-scrollbar{height:8px;width:8px}.code-body::-webkit-scrollbar-track{background:#2a2a2a}.code-body::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-body::-webkit-scrollbar-thumb:hover{background:#777}.interactive-content-panel *{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.code-actions .MuiIconButton-root:focus,.diagram-actions .MuiIconButton-root:focus{outline:2px solid #2196f3;outline-offset:2px}.interactive-content-loading{align-items:center;color:#fff;display:flex;font-size:16px;height:200px;justify-content:center}.interactive-content-loading:after{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#2196f3;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-browser-dialog .MuiDialog-paper{background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a)!important;border:1px solid #333!important;border-radius:16px!important;margin:0 auto!important;max-height:90vh!important;max-width:1200px!important}.topic-browser-header{background:#0000!important;border-bottom:1px solid #333!important;padding:24px!important}.topic-browser-header .dialog-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#4a90e2,#63b3ed)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#e0e0e0!important;font-weight:600!important}.topic-browser-header .close-button{color:#b0b0b0!important;transition:all .2s ease!important}.topic-browser-header .close-button:hover{background:#ffffff1a!important;color:#e0e0e0!important;transform:scale(1.05)!important}.topic-browser-content{background:#0000!important;padding:0 24px 24px!important}.topic-browser-embedded{animation:fadeInUp .2s ease-in-out;background:#0000;color:#e0e0e0;display:flex;flex-direction:column;height:100%;position:relative}.topic-browser-header-embedded{border-bottom:1px solid #333;margin-bottom:24px;padding:0 0 20px;position:relative}.topic-browser-title-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.title-with-icon{align-items:center;display:flex;gap:16px;left:50%;position:absolute;transform:translateX(-50%)}.spacer{width:120px}.topic-browser-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a90e2,#63b3ed);-webkit-background-clip:text;background-clip:text;color:#e0e0e0;flex:1 1;font-size:28px;font-weight:600;margin:0}.back-button{background:#2d2d2d99!important;border-color:#555!important;border-radius:8px!important;color:#b0b0b0!important;height:56px;text-transform:none!important;transition:all .2s ease!important}.back-button:hover{background:#4a90e21a!important;border-color:#4a90e2!important;color:#4a90e2!important}.topic-browser-controls{background:#2d2d2d99;border:1px solid #404040;border-radius:12px;padding:20px}.topic-search-field .MuiOutlinedInput-root{background:#1e1e1ecc!important;border-radius:12px!important;color:#e0e0e0!important;transition:all .3s ease!important}.topic-search-field .MuiOutlinedInput-root:hover{background:#282828e6!important}.topic-search-field .MuiOutlinedInput-root.Mui-focused{background:#323232e6!important}.topic-search-field .MuiOutlinedInput-notchedOutline{border-color:#555!important;transition:border-color .3s ease!important}.topic-search-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#777!important}.topic-search-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4a90e2!important;border-width:2px!important}.topic-search-field .MuiInputBase-input::placeholder{color:#888!important;opacity:1!important}.topic-search-field .MuiInputAdornment-root .MuiSvgIcon-root{color:#888!important}.filters-section{display:flex;flex-direction:column;gap:16px}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-label{color:#b0b0b0;font-size:14px;font-weight:500;min-width:80px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.topic-filter-chip{background:#0000!important;border:1px solid #555!important;color:#b0b0b0!important;cursor:pointer!important;height:32px!important;transition:all .2s ease!important}.topic-filter-chip:hover{background:#4a90e21a!important;border-color:#4a90e2!important;color:#4a90e2!important}.topic-filter-chip.selected{background:linear-gradient(135deg,#4a90e2,#357abd)!important;border-color:#0000!important;box-shadow:0 2px 8px #4a90e24d!important;color:#fff!important}.topic-filter-chip.selected:hover{background:linear-gradient(135deg,#357abd,#2968a3)!important;box-shadow:0 4px 12px #4a90e266!important}.topic-divider{border-color:#333!important;margin:24px 0!important}.topic-prompts-container{animation:fadeInUp .2s ease-in-out}.topic-prompts-grid{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));padding:0}.topic-prompt-card{animation:fadeInScale .2s ease-in-out forwards;opacity:0;transform:scale(.95) translateY(10px)}.topic-prompt-card:first-child{animation-delay:.05s}.topic-prompt-card:nth-child(2){animation-delay:.1s}.topic-prompt-card:nth-child(3){animation-delay:.15s}.topic-prompt-card:nth-child(4){animation-delay:.2s}.topic-prompt-card:nth-child(5){animation-delay:.25s}.topic-prompt-card:nth-child(6){animation-delay:.3s}.topic-prompt-card:nth-child(n+7){animation-delay:.35s}.topic-prompt-card:active{transform:translateY(-1px) scale(1.005)}.topic-tag.company-tag{background:#4a90e226;color:#4a90e2;font-weight:600}.topic-tag-more{background:#4a90e233;border-radius:4px;color:#4a90e2;font-size:11px;font-weight:500;padding:2px 6px}.no-results{color:#888;padding:60px 20px;text-align:center}.no-results h3{color:#b0b0b0;font-size:20px;font-weight:600;margin:0 0 8px}.no-results p{color:#888;font-size:14px;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.topic-prompts-container{height:100%;overflow-x:hidden;overflow-y:auto;padding-right:8px}.topic-prompts-container::-webkit-scrollbar{width:6px}.topic-prompts-container::-webkit-scrollbar-track{background:#0000}.topic-prompts-container::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.topic-prompts-container::-webkit-scrollbar-thumb:hover{background:#718096}@media (max-width:768px){.topic-browser-dialog .MuiDialog-paper{border-radius:12px!important;margin:16px!important;max-height:calc(100vh - 32px)!important}.topic-browser-header{padding:16px!important}.topic-browser-content{padding:0 16px 16px!important}.title-with-icon{order:2;position:static;transform:none}.back-button{order:1}.spacer{display:none}.topic-browser-title{font-size:24px}.topic-browser-controls{padding:16px}.filter-group{align-items:flex-start;flex-direction:column;gap:8px}.filter-label{min-width:auto}.topic-prompts-grid{grid-template-columns:1fr}.topic-prompt-card{margin:8px!important;padding:16px!important}.topic-prompt-card .topic-prompt-title{font-size:15px!important}.topic-prompt-card .topic-prompt-description{-webkit-line-clamp:3!important;font-size:13px!important}}@media (max-width:480px){.topic-browser-header{padding:12px!important}.topic-browser-content{padding:0 12px 12px!important}.topic-browser-title{font-size:20px}.topic-browser-controls{padding:12px}.topic-prompt-card{margin:6px!important;padding:14px!important}.topic-prompt-card .topic-prompt-meta{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.topic-prompt-card .topic-prompt-description{-webkit-line-clamp:2!important}}@media (prefers-reduced-motion:reduce){.back-button,.topic-filter-chip,.topic-prompt-card{animation:none!important;transition:none!important}.back-button:hover,.topic-filter-chip:hover,.topic-prompt-card:hover{transform:none!important}}.topic-browser-filters{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;padding:16px}.topic-browser-header-embedded .topic-browser-filters{background-color:initial;border:none;margin:0;padding:0}@media (max-width:768px){.topic-browser-filters{align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between}.topic-prompt-card-container{width:100%!important}.topic-browser-filters>:first-child{order:1;padding:15px 0!important}.topic-browser-filters>:nth-child(2){flex:1 1;min-width:200px;order:2}.topic-browser-filters>:nth-child(3){order:3}}.topic-tag.company-tag{background-color:#8b5cf6;color:#fff;font-weight:500}.topic-category-label.company-collection{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.progress-icon{animation:fadeIn .3s ease-in-out;opacity:1;transition:all .2s ease-in-out!important}.progress-icon.loading{opacity:.7}.progress-icon:hover{background-color:#ffffff1a!important}.progress-icon.MuiIconButton-root{padding:4px!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-icon.loading .MuiSkeleton-root{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.topic-prompt-card{transition:all .2s ease-in-out}.topic-prompt-card:hover{box-shadow:0 4px 20px #0000001a}.topic-prompt-card:hover .progress-icon{transform:scale(1.05)}.topic-prompt-header{align-items:flex-start!important}.MuiTooltip-tooltip{background-color:#000000e6!important;border-radius:6px!important;font-size:12px!important;padding:8px 12px!important}.MuiTooltip-arrow{color:#000000e6!important}.premium-upgrade-card.MuiCard-root{animation:fadeInScale .3s ease-in-out!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;overflow:hidden!important;position:relative!important}.premium-upgrade-card.MuiCard-root:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:.9;position:absolute;right:0;top:0;z-index:0}.premium-upgrade-card .MuiCardContent-root{position:relative;z-index:1}.premium-upgrade-card .MuiButton-root:hover{background:#ffffff4d!important;box-shadow:0 4px 12px #0003!important}@media (max-width:768px){.premium-upgrade-card .MuiCardContent-root{padding:24px 16px!important}.premium-upgrade-card .MuiTypography-h6{font-size:1.1rem!important}}.usage-indicator{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:8px 0;min-width:200px;padding:12px}.usage-indicator-compact,.usage-indicator-subtle{align-items:center;display:flex;margin:0}.usage-indicator-subtle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;padding:8px 16px;transition:all .2s ease}.usage-indicator-subtle:hover{background:#ffffff0a}@media (prefers-color-scheme:dark){.usage-indicator-subtle{background:#ffffff05;border-bottom:1px solid #ffffff0d}.usage-indicator-subtle:hover{background:#ffffff0a}.usage-indicator-subtle .usage-text{color:#fff9}}.usage-indicator-subtle .usage-text{align-items:center;color:#fff9;display:flex;font-size:.75rem;font-weight:500;gap:4px;letter-spacing:.02em}.usage-indicator-subtle .usage-text:before{content:"⚡";font-size:.8rem;opacity:.8}.usage-header{justify-content:space-between;margin-bottom:8px}.usage-header,.usage-title{align-items:center;display:flex}.usage-title{gap:4px}.usage-progress{margin-bottom:8px}.usage-stats{display:flex;justify-content:space-between;margin-top:4px}.usage-message{margin:8px 0 4px!important}.usage-indicator-container{align-items:center;display:flex;height:100%}@media (max-width:768px){.usage-indicator{min-width:150px;padding:8px}.usage-indicator-container{margin-left:8px!important}.usage-indicator-subtle{margin:0;padding:6px 12px}.usage-indicator-subtle .usage-text{font-size:.7rem}}.followup-questions-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin:16px 0;padding:16px}.followup-questions-header{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.followup-icon{color:#4a90e2;font-size:18px!important}.followup-questions-grid{display:flex;flex-direction:column;gap:8px}.followup-question-card{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#ffffffe6!important;justify-content:flex-start!important;min-height:auto!important;padding:12px 16px!important;text-align:left!important;text-transform:none!important;transition:all .2s ease!important}.followup-question-card:hover{background:#ffffff14!important;border-color:#4a90e24d!important;box-shadow:0 4px 12px #4a90e21a!important;transform:translateY(-1px)}.followup-question-card:active{transform:translateY(0)}.followup-question-card.Mui-disabled{background:#ffffff05!important;border-color:#ffffff0d!important;color:#fff6!important}.followup-question-content{align-items:flex-start;display:flex;flex-direction:column;gap:6px;width:100%}.followup-question-title{font-size:14px;font-weight:500;line-height:1.4;word-break:break-word}.followup-question-preview{color:#fff9;font-size:12px;font-weight:400;line-height:1.3;word-break:break-word}.followup-questions-loading{display:flex;flex-direction:column;gap:8px}.followup-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%;border-radius:8px;height:44px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.followup-questions-container{margin:12px 0;padding:12px}.followup-question-card{padding:10px 12px!important}.followup-question-title{font-size:13px}.followup-question-preview{font-size:11px}.followup-questions-header{font-size:13px}.followup-icon{font-size:16px!important}}.info-container{background-color:#121212;height:calc(100vh - 108px);text-align:left;width:100%}.info-container,.info-logo-container{color:#fff;display:flex;justify-content:center}.info-logo-container{align-items:center;overflow:hidden;padding:0 5%}.info-logo-container .page-title{background-color:#222325;box-shadow:none}.info-icon-container{align-items:center;background-color:#222325;box-shadow:0 3px 8px #0000003d;display:flex;width:100%}.info-icon-container:hover{cursor:pointer}.info-container .info-page-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.info-container .info-page-subtitle{font-size:2rem;margin-bottom:1rem}.info-container .info-page-h3{font-size:1rem;margin-bottom:1rem;text-align:center}.info-container .info-page-description{font-size:1.2rem;margin-bottom:2rem}.info-container .info-page-link{color:#4e9af1;font-weight:700;text-decoration:none}.info-container .info-page-link:hover{text-decoration:underline}.info-page{height:100%;margin:0 0 50px;overflow:auto;padding:0 20%;width:100%}@media only screen and (max-width:1335px){.info-logo-container{padding:0}.info-page{padding:0 5%}.info-icon-container{box-sizing:initial;justify-content:start;padding:0 5%!important;width:90%!important}.info-container{height:calc(100vh - 60px)}.info-container .info-page-description:last-child{margin-bottom:60px}.info-container .info-page-title{font-size:2rem}.info-container .info-page-subtitle{font-size:1.5rem}}.app-loading{align-items:center;display:flex;height:100vh;justify-content:center}.loading-icon{height:120px;position:relative;width:120px}.loading-icon:hover{cursor:pointer}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-container .page-title h1,.loading-container .page-title h2{animation:FadeIn 1s;text-align:center}.loading-container .page-title{background-color:initial;box-shadow:none}.loading-icon:after{animation:Gradient 6s linear infinite reverse;background-clip:padding-box,border-box;background-image:linear-gradient(-45deg,#f2b024,#aa771c,#c4ae31,#aa771c,#f2b024),radial-gradient(circle at left top,#f2b024,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c,#f2b024);background-origin:border-box;background-position:0 0;background-size:400% 100%;border:2px double #0000;border-radius:14PX;color:rgba(var(--text-color));content:"";height:120PX;position:absolute;width:120PX}.loading-logo-icon{height:120px;left:2px;position:absolute;top:2px;width:120px;z-index:5}@keyframes Gradient{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}