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%}.home-logo-container{height:62px;position:relative;width:62px}.home-logo-container: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:400% 100%;border:1px solid #0000;border-radius:7px;color:rgba(var(--text-color));content:"";height:60px;position:absolute;width:60px}.home-logo-container:before{animation:none;background:linear-gradient(115deg,#0000 20%,#fff6 40%,#fff9 50%,#fff6 60%,#0000 80%);background-size:200% 200%;border-radius:7px;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:10}.home-logo-container:hover:before{animation:shine 1s linear;opacity:1}.home-logo-icon{height:60px;left:1px;position:absolute;top:1px;width:60px;z-index:5}@media only screen and (max-width:1270px){.snackbar-message .MuiSnackbarContent-root{font-size:13px!important}}@media only screen and (max-width:1335px){.main-container{width:100%}.pomodoro-menu-icon-container{align-items:center;display:flex;justify-content:space-between;width:100%}.menu-button{color:#aba6a6!important}.pomodoro-menu-icon-container .brand-container{flex-direction:row;gap:10px;justify-content:start;padding:0;width:100%!important}.home-logo-container{height:50px;width:50px}.home-logo-container:after{border-radius:6px;height:48px;width:48px}.home-logo-container:before{border-radius:6px}.home-logo-icon{height:48px;width:48px}}.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:35px;font-weight:700;line-height:28px;margin:10px 0 0}.page-title h1,.page-title h2{display:inline-block;font-style:normal;text-align:left;width:100%}.page-title h2{color:#faba2f;font-size:17px;font-weight:500;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:30px}.page-title h2{font-size:14px}.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 (max-width:768px){.page-title h1{font-size:23px}.page-title h2{font-size:10.5px}}@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;display:flex;flex-direction:column;margin:0 auto 15px;position:relative;width:24%}.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}.node-shape-cylinder{border-radius:10px!important;position:relative}.node-shape-cylinder:before{background:linear-gradient(180deg,#2d2d3a,#1e1e2a);top:-12px;z-index:1}.node-shape-cylinder:after,.node-shape-cylinder:before{border:2px solid;border-color:inherit;border-radius:50%;content:"";height:24px;left:-2px;position:absolute;right:-2px}.node-shape-cylinder:after{background:linear-gradient(0deg,#2d2d3a,#1e1e2a);bottom:-12px;z-index:-1}.node-shape-hexagon{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);padding:24px 32px!important}.node-shape-diamond{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);min-height:140px!important;padding:32px!important;transform:rotate(0deg)}.node-shape-cloud{border-radius:50px 50px 30px 30px!important;position:relative}.node-shape-cloud:before{height:40px;left:20%;top:-15px;width:40px}.node-shape-cloud:after,.node-shape-cloud:before{background:inherit;border:inherit;border-radius:50%;content:"";position:absolute}.node-shape-cloud:after{height:50px;left:40%;top:-25px;width:50px}.node-shape-queue{border-radius:0 30px 30px 0!important;position:relative}.node-shape-queue:before{background:inherit;border:inherit;border-radius:30px 0 0 30px;border-right:none;bottom:0;content:"";left:-15px;position:absolute;top:0;width:30px}.node-shape-parallelogram{border-radius:8px!important;transform:skewX(-10deg)}.node-shape-parallelogram>*{transform:skewX(10deg)}.node-shape-person{border-radius:10px 10px 50px 50px!important;position:relative}.node-shape-person:before{background:linear-gradient(180deg,#3d3d4a,#2d2d3a);border:2px solid #cccccc5e;border-radius:50%;content:"";height:40px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:40px}.node-shape-diamond .react-flow__handle,.node-shape-hexagon .react-flow__handle{-webkit-clip-path:none!important;clip-path:none!important}.node-shape-cylinder.selected:after,.node-shape-cylinder.selected:before,.node-shape-person.selected:before{border-color:#2196f3}.thread-sidebar{background:#0000;display:flex;flex-direction:column;height:100%;left:0;min-width:280px;overflow:hidden;position:absolute;top:0;transition:transform .3s ease,width .3s ease,background .3s ease,box-shadow .3s ease,border .3s ease,-webkit-backdrop-filter .3s ease;transition:transform .3s ease,width .3s ease,background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,border .3s ease;transition:transform .3s ease,width .3s ease,background .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,border .3s ease,-webkit-backdrop-filter .3s ease;width:280px;z-index:15}.thread-sidebar:not(.collapsed){backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1b1f28f2;border-right:1px solid #4a90e233;box-shadow:2px 0 12px #0006,-2px 0 8px #0003}.thread-sidebar.collapsed{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border-right:none;box-shadow:none;display: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:70px 12px 10px;transition:background .3s ease,border .3s ease,padding .3s ease}.thread-sidebar:not(.collapsed) .sidebar-header{background:#14192099;border-bottom:1px solid #4a90e21a}.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;justify-content:space-between}.new-chat-button{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;box-shadow:none;color:#e5e7eb;cursor:pointer;display:inline-flex;flex:none;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:6px 10px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}.new-chat-button:hover{background:#ffffff14;border-color:#ffffff38;box-shadow:0 2px 10px #00000026}.new-chat-button:active{box-shadow:0 1px 4px #0003;transform:translateY(1px)}.new-chat-button:focus-visible{border-color:#4a90e299;box-shadow:0 0 0 2px #4a90e280;outline:none}.new-chat-button svg{height:16px;width:16px}.new-chat-button.collapsed{border-radius:9999px;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{color:#71717a;gap:16px;padding:32px 16px}.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){.thread-sidebar{box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;height:100%;left:0;min-width:280px;overflow:hidden;position:absolute;top:0;transform:none;transition:transform .3s ease,width .3s ease;width:280px;z-index:2}.thread-sidebar.collapsed{border-right:none;min-width:50px;width:50px}.sidebar-brand h2{font-size:14px}.header-content{flex-direction:column;gap:12px}.header-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px;justify-content:space-between!important;width:100%}.new-chat-button{align-items:center;display:inline-flex;font-size:13px;gap:6px;min-height:auto;padding:6px 10px;width:auto}.new-chat-button,.new-chat-button.collapsed{border-radius:9999px;flex:none;justify-content:center}.new-chat-button.collapsed{height:32px;min-width:32px;padding:8px;width:32px}.collapse-button{display:flex!important;flex-shrink:0;height:32px;min-height:32px;min-width:32px;width:32px}.collapsed-header-content{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}}.search-section{border-bottom:1px solid #ffffff1a;margin:8px 0;padding:0 12px 8px}.search-container{align-items:center;display:flex;position:relative}.filter-inline-button{align-items:center;background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:36px;margin-left:8px;padding:8px 10px;white-space:nowrap}.filter-inline-button.active{background:#4a90e226;border-color:#4a90e266;color:#90caf9}.filter-inline-label{display:none}@media (min-width:480px){.filter-inline-label{display:inline}}.bulk-toggle-button{background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#e0e0e0;cursor:pointer;font-size:12px;height:36px;margin-left:8px;padding:8px 10px}.bulk-toggle-button.active{background:#4a90e226;border-color:#4a90e266;color:#90caf9}.bulk-actions{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:0!important;padding:5px 12px 12px;width:100%}.bulk-summary span{color:#e0e0e0;font-size:12px;text-align:center}.bulk-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.bulk-button{background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0}.bulk-button,.bulk-delete-button{cursor:pointer;flex:0 0 auto;font-size:12px;padding:6px 10px}.bulk-delete-button{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;display:inline-flex;gap:6px}.bulk-exit-button{background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;flex:0 0 auto;font-size:12px;padding:6px 10px}.bulk-checkbox{height:14px;width:14px}.search-input{background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e0e0e0;font-size:14px;height:36px;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}.filter-section{border-bottom:none!important;margin-bottom:0!important;padding:0 12px 8px!important}.filter-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.filter-toggle-button{align-items:center;background:#2d2d2d66;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-toggle-button:hover{background:#2d2d2d99;border-color:#4a90e2}.filter-icon{color:#71717a;height:16px;width:16px}.active-filter-count{background:#4a90e2;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.clear-filters-button{background:none;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.clear-filters-button:hover{background:#ff6b6b1a;color:#ff8787}.filter-content{gap:12px;padding-top:4px}.filter-content,.filter-group{display:flex;flex-direction:column}.filter-group{gap:6px}.filter-group-label{color:#71717a;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{cursor:pointer!important;transition:all .2s ease!important}.filter-chip:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.filter-chip.selected{font-weight:600}.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}.practice-session-banner{background:linear-gradient(135deg,#4a90e226,#4a90e214);border:1px solid #4a90e266;border-radius:8px;box-shadow:0 2px 8px #4a90e233;margin:8px 12px 12px;padding:12px}.practice-session-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.practice-session-icon{align-items:center;background:#4a90e233;border-radius:6px;color:#4a90e2;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.practice-session-icon svg{height:20px;width:20px}.practice-session-info{flex:1 1;min-width:0}.practice-session-title{color:#4a90e2;font-size:13px;font-weight:600;margin-bottom:4px}.practice-session-progress{color:#a1a1aa;font-size:11px;line-height:1.3}.practice-session-progress .completed-count{color:#68d391;font-weight:500}.practice-session-count{color:#71717a;font-size:10px;font-weight:500;margin-top:2px}.practice-session-current{background:#0003;border-radius:4px;color:#d4d4d8;font-size:11px;margin-bottom:10px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.practice-session-actions{align-items:center;display:flex;gap:8px}.continue-practice-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:5px;box-shadow:0 1px 3px #4a90e24d;color:#fff;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.continue-practice-button:hover{background:linear-gradient(135deg,#5ba0f2,#4a90e2);box-shadow:0 2px 6px #4a90e266;transform:translateY(-1px)}.continue-practice-button:active{box-shadow:0 1px 2px #4a90e24d;transform:translateY(0)}.manage-sessions-button{align-items:center;background:#ffffff0d;border:1px solid #4a90e24d;border-radius:5px;color:#4a90e2;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:36px;padding:6px 8px;transition:all .2s ease;white-space:nowrap}.manage-sessions-button:hover{background:#4a90e226;border-color:#4a90e280;transform:translateY(-1px)}.manage-sessions-button:active{transform:translateY(0)}.manage-sessions-button svg{flex-shrink:0}.sidebar-header-actions{border-bottom:1px solid #71717a33;padding:12px}.new-thread-button{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.new-thread-button:hover{background:linear-gradient(135deg,#357abd,#2968a3);box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.new-thread-button:active{transform:translateY(0)}.new-thread-button svg{flex-shrink:0;font-size:18px}.new-thread-button span{white-space:nowrap}@media (max-width:768px){.sidebar-header-actions{padding:10px}.new-thread-button{font-size:13px;padding:10px 14px}.new-thread-button svg{font-size:16px}}.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}}.voice-mode-inline{align-items:center;animation:inline-appear .35s cubic-bezier(.4,0,.2,1);display:flex;gap:10px;padding:10px 14px}@keyframes inline-appear{0%{opacity:0}to{opacity:1}}.voice-inline-left{align-items:center;display:flex;flex:0 0 auto;gap:10px}.voice-inline-orb-wrapper{border:1px solid #a5b4fc59;border-radius:50%;box-shadow:0 0 20px #a5b4fc1f;flex-shrink:0;height:40px;min-width:40px;overflow:hidden;position:relative;transition:all .4s ease;width:40px}.voice-inline-orb-wrapper:hover{border-color:#a5b4fc80;box-shadow:0 0 28px #a5b4fc33}.voice-inline-status{align-items:center;display:flex;flex-shrink:0;gap:8px;white-space:nowrap}.voice-inline-center{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;width:0}.voice-inline-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;background:#0000;border:none;border-radius:20px;box-sizing:border-box;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;height:25px!important;letter-spacing:-.01em;line-height:1.5;max-height:120px;outline:none;padding:0 8px;resize:none;touch-action:manipulation;transition:all .3s ease;width:100%}.voice-inline-input::placeholder{color:#fff6;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.voice-inline-input:focus{outline:none!important}.voice-inline-input:focus::placeholder{color:#ffffff80}.voice-inline-input:disabled{color:#666;cursor:not-allowed}.voice-inline-helper{color:#94a3b8;font-size:15px;font-weight:400;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.voice-inline-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;font-size:13px;font-weight:500;padding:6px 12px;text-align:left}.voice-inline-error-chip{align-items:center;animation:error-chip-appear .3s ease-out;background:#ef444426;border:1px solid #ef444440;border-radius:12px;color:#fca5a5;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;margin-bottom:6px;max-width:100%;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.voice-inline-error-chip:hover{background:#ef444440;border-color:#ef444466}.voice-inline-error-chip:active{transform:scale(.98)}@keyframes error-chip-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.voice-inline-controls{flex-grow:0;gap:10px}.voice-inline-btn,.voice-inline-controls{align-items:center;display:flex;flex-shrink:0}.voice-inline-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;height:48px;justify-content:center;min-width:48px;padding:0;transition:all .2s ease;width:48px}.voice-inline-btn.mute{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.voice-inline-btn.mute:hover{background:#8b5cf640}.voice-inline-btn.mute.active{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.voice-inline-btn.mute.active:hover{background:#ef444440}.voice-inline-btn.end{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.voice-inline-btn.end:hover{background:#ef444440}.voice-inline-btn.send{animation:send-btn-appear .2s ease-out;background:#4a90e2;color:#fff}.voice-inline-btn.send:hover{background:#357abd;box-shadow:0 2px 8px #4a90e24d,0 0 15px #4a90e266,0 0 30px #4a90e233}.voice-inline-btn.send:active{transform:scale(.98)}.voice-inline-btn.send:disabled{background:#4a5568;cursor:not-allowed;transform:none}@keyframes send-btn-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.voice-inline-pulse{animation:inline-sky-glow 5s ease-in-out infinite;background:radial-gradient(ellipse 40% 100% at 20% 50%,#bae6fd26 0,#0000 60%),radial-gradient(ellipse 50% 100% at 80% 50%,#7dd3fc1f 0,#0000 60%),radial-gradient(ellipse 100% 80% at 50% 50%,#ffffff0d 0,#0000 70%);border-radius:14px;inset:-3px;pointer-events:none;position:absolute;z-index:-1}@keyframes inline-sky-glow{0%,to{filter:blur(0);opacity:.5}30%{opacity:.8}50%{filter:blur(1px);opacity:.9}70%{opacity:.75}}@media (max-width:768px){.voice-mode-inline{gap:6px;padding:6px}.voice-inline-left{flex:0 0 auto}.voice-inline-btn{height:44px;min-width:44px;width:44px}.voice-inline-controls{gap:6px}.voice-inline-status{display:none}}@media (max-width:480px){.voice-mode-inline{gap:4px;padding:4px}.voice-inline-left{flex:0 0 auto}.voice-inline-orb-wrapper{height:36px;min-width:36px;width:36px}.voice-inline-input{font-size:16px}.voice-inline-btn{height:40px;min-width:40px;width:40px}.voice-inline-controls{gap:4px}}.voice-mode-container{bottom:190px;position:fixed;right:24px;top:auto;z-index:1000}@media (max-height:780px){.voice-mode-container{bottom:170px}}@media (max-height:680px){.voice-mode-container{bottom:150px}}.voice-orb-wrapper{flex-direction:column;gap:16px}.voice-orb,.voice-orb-wrapper{align-items:center;display:flex;position:relative}.voice-orb{border:1px solid #a5b4fc4d;border-radius:50%;box-shadow:0 0 30px #a5b4fc1f;cursor:pointer;height:120px;justify-content:center;overflow:hidden;transition:all .4s ease;width:120px}.voice-orb:hover{border-color:#a5b4fc80;box-shadow:0 0 40px #a5b4fc33}.voice-orb.speaking{border-color:#5eead466;box-shadow:0 0 50px #2dd4bf40}.voice-orb.muted{border-color:#fbbfa966;box-shadow:0 0 30px #fb929226}.voice-status{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f19cc;border:1px solid #ffffff14;border-radius:24px;display:flex;gap:8px;padding:8px 16px}.voice-status-dot{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.voice-status-dot.speaking{animation:pulse-dot-teal 3s ease-in-out infinite;background:linear-gradient(135deg,#5eead4,#2dd4bf 50%,#14b8a6);box-shadow:0 0 12px #2dd4bf80}@keyframes pulse-dot-teal{0%,to{box-shadow:0 0 12px #2dd4bf66;opacity:.85;transform:scale(1)}50%{box-shadow:0 0 16px #5eead499;opacity:1;transform:scale(1.15)}}.voice-status-dot.listening{animation:pulse-dot 2s ease-in-out infinite;background:linear-gradient(135deg,#a5b4fc,#818cf8);box-shadow:0 0 12px #a5b4fc80}.voice-status-dot.muted{background:linear-gradient(135deg,#fbbfa9,#fb9292);box-shadow:0 0 10px #fb929266}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.voice-status-text{color:#ffffffe6;font-size:13px;font-weight:500;letter-spacing:.02em}.voice-controls{gap:8px;margin-top:4px}.voice-control-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:44px}.voice-control-btn.mute{background:#8b5cf626;border:1px solid #8b5cf64d}.voice-control-btn.mute:hover{background:#8b5cf640;transform:scale(1.08)}.voice-control-btn.mute.active{background:#ef444426;border:1px solid #ef44444d}.voice-control-btn.mute.active:hover{background:#ef444440}.voice-control-btn.end{background:#ef444426;border:1px solid #ef44444d}.voice-control-btn.end:hover{background:#ef444440;transform:scale(1.08)}.voice-error{animation:error-slide-in .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ef444426;border:1px solid #ef44444d;border-radius:12px;bottom:calc(100% + 12px);left:50%;padding:10px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap}.voice-error-text{color:#fca5a5;font-size:12px;font-weight:500}@keyframes error-slide-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-mode-enter{animation:voice-mode-appear .4s cubic-bezier(.4,0,.2,1)}@keyframes voice-mode-appear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.voice-helper{color:#fff6;font-size:11px;line-height:1.4;margin-top:4px;max-width:180px;text-align:center}.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}}.dashboard-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-radius:16px;box-sizing:border-box;color:#fff;height:100%;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}.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}.sidebar-controls{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px 0}.nav-sidebar-new,.nav-sidebar-toggle{align-items:center;background-color:initial;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;transition:all .2s ease;width:100%}.nav-sidebar-new:hover,.nav-sidebar-toggle:hover{background-color:#ffffff1a;color:#fff}.nav-sidebar-new:active,.nav-sidebar-toggle:active{background-color:#ffffff26}.nav-sidebar-new-label{font-size:14px;font-weight:500}.nav-sidebar-new svg,.nav-sidebar-toggle svg{font-size:20px}@media only screen and (max-width:1335px){.nav-tab-wrapper{margin:0 10px 0 5px!important}.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}.sidebar-controls{margin-top:4px;padding:8px 0}.nav-sidebar-new,.nav-sidebar-toggle{justify-content:flex-start;min-height:44px;padding:10px 12px}.nav-sidebar-new-label{font-size:13px}}.premium-cta-button{background:#edb94c1a!important;border:1px solid #edb94c4d!important;border-radius:12px!important;margin:12px 10px!important;max-width:70px!important;min-width:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.premium-cta-button:hover{background:#edb94c33!important;border-color:#edb94c!important;box-shadow:0 4px 12px #edb94c33!important;transform:translateY(-1px)}.premium-cta-button .nav-tab-wrapper svg{color:#edb94c!important;filter:drop-shadow(0 0 5px rgba(237,185,76,.3))}.premium-cta-button.MuiTab-root{color:#edb94c!important;font-weight:600!important}@media only screen and (max-width:1335px){.premium-cta-button{margin:12px 16px!important;max-width:none!important;width:calc(100% - 32px)!important}}.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}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:100%;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;gap:40px;justify-content:space-around;margin:0 0 60px;padding:0 5%}.feature-reverse{flex-direction:row-reverse}.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:35%;width:35%}.more-content-left-side,.more-content-right-side{display:flex;flex-direction:column;justify-content:center}.more-content-right-side{max-width:65%;width:65%}.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-placeholder-image{align-items:center;background:linear-gradient(135deg,#1f1e2bcc,#1f1e2b66);border:2px dashed #c2aa304d;border-radius:12px;color:#666;display:flex;font-size:1.2rem;font-weight:500;height:350px;justify-content:center;transition:all .3s ease;width:100%}.feature-placeholder-image:hover{background:linear-gradient(135deg,#1f1e2be6,#1f1e2b80);border-color:#c2aa3099;color:#c2aa30}.feature-showcase-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:40px 5%}.feature-card{background:linear-gradient(145deg,#1f1e2b99,#14131ccc);border:1px solid #ffffff0f;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.feature-card:hover{border-color:#c2aa3040;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.feature-card-video{align-items:center;aspect-ratio:9/16;background:#0003;display:flex;justify-content:center;overflow:hidden;width:100%}.feature-card-video img,.feature-card-video video{border-radius:0;height:100%;object-fit:cover;width:100%}.feature-card-content{display:flex;flex-direction:column;gap:8px;padding:20px}.feature-card-title{color:#e8e8e8;font-size:1.2rem;font-weight:600;margin:0}.feature-card-description{color:#ffffffa6;font-size:.9rem;font-weight:300;line-height:1.5;margin:0}@media (max-width:1200px){.feature-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.feature-showcase-grid{box-sizing:border-box;gap:16px;grid-template-columns:repeat(2,1fr);max-width:100%;padding:30px 4%}.feature-card-content{padding:16px}.feature-card-title{font-size:1.1rem}.feature-card-description{font-size:.85rem}}@media (max-width:600px){.feature-showcase-grid{grid-gap:20px;box-sizing:border-box;display:grid!important;gap:20px;grid-template-columns:1fr!important;margin:0 auto;max-width:100%;padding:20px 16px;width:calc(100% - 32px)}.feature-card{display:flex!important;max-width:100%;min-height:auto;width:100%}.feature-card-video{aspect-ratio:9/14;min-height:300px}.feature-card-video img,.feature-card-video video{height:100%;object-fit:cover;width:100%}}.feature-item{align-items:center;display:flex;flex-direction:column;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{display:flex;flex-direction:column;justify-content:center;text-align: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:2.2rem;font-weight:700;margin:10px 0 15px}.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;line-height:1.6;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%}.payment-page-container .payment-chip{left:50%!important;transform:translateX(-50%)!important;width:245px!important}.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.5rem;margin:10px 0 5px}.more-content-title-creator{margin:10px 0 5px!important}.more-content-description{margin:5px 0 10px}.payment-page-container .payment-chip{left:50%!important;transform:translateX(-50%)!important;width:245px!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{overflow-x:hidden;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%}.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{gap:20px;margin:0 0 30px;min-height:0;min-height:auto;overflow:visible;overflow:initial;padding:0 5%}.feature-reverse,.more-content-container{flex-direction:column-reverse}.mobile-ux{min-height:690px;min-width:0;min-width:auto;transform:none}.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{max-width:100%!important;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}}@media screen and (max-width:768px){.cta-title{font-size:2.6rem}.cta-description{font-size:.89rem!important;margin:10px 0;text-align:center}.feature-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important}.feature-card-video{aspect-ratio:9/14;min-height:200px}.feature-card-video img,.feature-card-video video{height:100%!important;object-fit:cover!important;width:100%!important}.feature-card-content{padding:12px!important}.feature-card-title{font-size:1rem!important}.feature-card-description{font-size:.8rem!important}}@media screen and (max-width:480px){.feature-showcase-grid{gap:16px!important;grid-template-columns:1fr!important;padding:16px!important}.feature-card-video{aspect-ratio:9/16;min-height:280px}}.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}.early-access-container{background:linear-gradient(to bottom right,#37415188,#ffffff0c,#37415188);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:830px;padding:2% 1%;text-align:center;width:80%}.early-access-container .testimonials-container{border-top:1px solid #ffffff26;margin-top:36px;padding:20px 0 0!important}.early-access-container .testimonials-quote-container{max-width:none!important}.early-access-terms{margin-bottom:20px!important}.early-access-input-container{margin:5px!important}.early-access-container h1{color:#cecece;font-size:2.5rem;margin:0 0 1rem}.early-access-container p{color:#cecece;font-size:1.1rem;margin:0}.feedback-button{transition:background-color .3s ease}@media screen and (max-width:1335px){.early-access-input-container{flex-direction:column!important}.early-access-container .testimonials-title{font-size:1.6rem}.early-access-title{font-size:1.6rem!important}.early-access-container{padding:1.5rem 10px;width:90%}.early-access-container h1{font-size:2rem}.early-access-container p{font-size:1rem}}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:500;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%}.card-header-title .MuiCardHeader-title{font-size:1.2rem!important}}@media (max-width:768px){.welcome-description-container,.welcome-user-container{padding:0 10px}.welcome-user{font-size:1.3rem;text-align:center}.welcome-user-description{font-size:.9rem;text-align:center}.tab-content-container{margin:0;padding:0;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{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;transition:all .2s ease;white-space:nowrap;width:48px;will-change:transform}.send-button:hover{animation:buttonGlow 1.5s ease-in-out infinite;background:#357abd;box-shadow:0 2px 8px #4a90e24d,0 0 15px #4a90e266,0 0 30px #4a90e233}@keyframes buttonGlow{0%,to{box-shadow:0 2px 8px #4a90e24d,0 0 15px #4a90e266,0 0 30px #4a90e233}50%{box-shadow:0 2px 8px #4a90e280,0 0 20px #4a90e299,0 0 40px #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)}}.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)}.chatbot-container.side-thread-open{margin-right:400px;transition:margin-right .3s ease-in-out}.chatbot-container.interactive-panel-open.side-thread-open{margin-right:600px;width:calc(100% - 740px)}.chatbot-container.sidebar-collapsed.interactive-panel-open.side-thread-open{width:calc(100% - 625px)}.chatbot-container.voice-chat-open{position:relative}@media (max-width:768px){.chatbot-container.side-thread-open{margin-right:0!important}.chatbot-container.interactive-panel-open.side-thread-open{margin-right:0!important;width:auto!important}.chatbot-container.sidebar-collapsed.interactive-panel-open.side-thread-open{width:auto!important}}@media only screen and (max-width:1335px){.chatbot{padding:20px 20% 30px}}.chatbot-layout{animation:subtleGlow 8s ease-in-out infinite;background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);display:flex;height:100%;overflow:hidden;position:relative}.chatbot-layout.embedded-mode{animation:none;background:#0000}.chatbot-layout.embedded-mode .chatbot-container{background:#0000}.chatbot-layout.embedded-mode .chat-mode-selector,.chatbot-layout.embedded-mode .chatbot-welcome-section{display:none}.chatbot-container{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:1}.chatbot-container:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#4a90e208,#0000 1px,#0000 2px,#4a90e208 3px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.chatbot-container,.chatbot-container.sidebar-collapsed{transition-property:margin-right,flex}.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}.chatbot-header h2{color:#e0e0e0;flex:1 1;font-size:20px;font-weight:600;margin:0;transition:color .3s ease}.header-actions{display:flex}.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:hidden;padding:12px 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}.home-practice-session-banner{animation:fadeInUp .2s ease-in-out;background:linear-gradient(135deg,#4a90e233,#4a90e21a);border:2px solid #4a90e280;border-radius:16px;box-shadow:0 4px 16px #4a90e24d;margin:24px auto;max-width:600px;padding:20px}.home-practice-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.home-practice-icon{align-items:center;background:#4a90e240;border-radius:12px;color:#4a90e2;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.home-practice-icon svg{height:28px;width:28px}.home-practice-info{flex:1 1;min-width:0}.home-practice-title{color:#4a90e2;font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.home-practice-progress{color:#a1a1aa;font-size:14px;line-height:1.4}.home-practice-current-question{background:#00000040;border-radius:8px;color:#d4d4d8;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px}.home-continue-practice-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;box-shadow:0 4px 12px #4a90e266;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.02em;padding:14px 20px;transition:all .3s ease;width:100%}.home-continue-practice-button:hover{background:linear-gradient(135deg,#5ba0f2,#4a90e2);box-shadow:0 6px 16px #4a90e280;transform:translateY(-2px)}.home-continue-practice-button:active{box-shadow:0 2px 8px #4a90e266;transform:translateY(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{animation:fadeInScale .5s ease-out forwards,floatCard 6s ease-in-out infinite;-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;overflow:hidden;padding:20px;position:relative}.example-prompt-card:before{background:radial-gradient(circle,#4a90e226 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.example-prompt-card:hover:before{animation:rotateGlow 8s linear infinite;opacity:1}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.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{animation:cardPulse 2s ease-in-out infinite;border-color:#4a90e2;box-shadow:0 4px 12px #00000014,0 0 20px #4a90e24d,0 0 40px #4a90e21a}@keyframes cardPulse{0%,to{box-shadow:0 4px 12px #00000014,0 0 20px #4a90e24d,0 0 40px #4a90e21a}50%{box-shadow:0 4px 12px #00000014,0 0 25px #4a90e266,0 0 50px #4a90e226}}.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;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,0 0 15px #4a90e226;color:#f0f4f8;overflow:hidden;padding:12px 18px;position:relative}.user-message .message-content:after{animation:messageShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4a90e233,#0000);content:"";height:100%;pointer-events:none;position:absolute;right:-100%;top:0;width:100%}@keyframes messageShimmer{0%{right:-100%}to{right:100%}}.assistant-message .message-content{color:#e8eef5;padding:12px 5px}.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{align-items:center;display:flex;justify-content:space-between;margin-top:4px;min-height:20px}.message-actions{align-items:center;display:flex;gap:4px}.copy-button,.regenerate-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;min-width:20px;opacity:.6;padding:4px;transition:all .2s ease}.copy-button:hover,.regenerate-button:hover{background:#ffffff1a;opacity:1}.copy-button:active,.regenerate-button:active{transform:scale(.95)}.copy-icon,.regenerate-icon{color:#94a3b8;font-size:14px!important;transition:all .2s ease}.copy-button:hover .copy-icon,.regenerate-button:hover .regenerate-icon{color:#cbd5e0}.copy-icon.copied{color:#4caf50}.regenerate-button:hover .regenerate-icon{color:#9f7aea}.chatbot-input{animation:slideUp .3s ease-out;background:#0000;padding:10px 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(40px);backdrop-filter:blur(40px);background:#141419d9;border:none;border-radius:26px;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:800px;overflow:visible;padding:0;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.input-container:before{animation:rotateGradient 4s linear infinite;background:conic-gradient(from 0deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);background:conic-gradient(from var(--gradient-angle,0deg),#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#5f27cd,#ff6b6b);filter:blur(5.5px);inset:5px;opacity:1;transition:opacity .4s ease,filter .4s ease}.input-container:after,.input-container:before{border-radius:23px;content:"";position:absolute;z-index:-1}.input-container:after{background:#141419f2;inset:2px}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotateGradient{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.input-text-row{align-items:center;display:flex;gap:10px;padding:10px 14px}.diagram-hint-container{display:flex;justify-content:center;padding:8px 14px 0}.diagram-hint-chip{align-items:center;background:linear-gradient(135deg,#4a90e226,#81c7f51a);border:1px solid #4a90e24d;border-radius:20px;color:#81c7f5;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.diagram-hint-chip:hover{background:linear-gradient(135deg,#4a90e240,#81c7f533);border-color:#4a90e280;box-shadow:0 4px 12px #4a90e233;transform:translateY(-1px)}.diagram-hint-chip:active{transform:translateY(0)}.diagram-hint-chip svg{opacity:.9}.input-actions-row{justify-content:space-between;padding:0 4px;width:100%}.input-actions-row,.input-row{align-items:center;display:flex}.input-row{gap:12px}.input-left-actions,.input-right-actions{align-items:center;display:flex;gap:8px}.input-container:hover{box-shadow:0 8px 32px #00000080,inset 0 .5px 0 #ffffff26}.input-container:hover:before{filter:blur(5px);opacity:.9}.input-container:has(.message-input:focus){box-shadow:0 8px 40px #00000080,inset 0 .5px 0 #fff3}.input-container:has(.message-input:focus):before{animation:rotateGradient 4s linear infinite,pulseGlow 2s ease-in-out infinite;filter:blur(5.5px);opacity:1}.message-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;background:#0000;border:none;border-radius:20px;color:#f5f5f7;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;height:25px!important;letter-spacing:-.01em;line-height:1.5;max-height:120px;min-width:0;outline:none;padding:0 14px;resize:none;touch-action:manipulation;transition:all .3s ease}.message-input:focus{outline:none!important}.message-input:disabled{color:#666;cursor:not-allowed}.message-input::placeholder{color:#fff6;font-size:15px;font-weight:400;transition:all .3s ease}.message-input:focus::placeholder{color:#ffffff80}.send-button:hover:not(:disabled){background:#357abd}.send-button:disabled{background:#4a5568;cursor:not-allowed;transform:none}.send-button.stop-button{animation:pulse-red 2s infinite;background:#ef4444}.send-button.stop-button:hover{background:#dc2626;box-shadow:0 2px 8px #ef444466}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.voice-input-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:50%;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:0;height:48px;justify-content:center;min-width:48px;overflow:hidden;padding:0;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:48px}.voice-input-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.voice-input-button:hover:before{left:100%}.voice-input-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2968a8);box-shadow:0 6px 20px #4a90e266;transform:translateY(-2px)}.voice-input-button:active:not(:disabled){box-shadow:0 2px 8px #4a90e24d;transform:translateY(0)}.voice-input-button:disabled{background:#4a5568;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.voice-interview-button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#9f7aea,#667eea);border:none;border-radius:50%;box-shadow:0 4px 12px #9f7aea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:0;height:48px;justify-content:center;min-width:48px;overflow:hidden;padding:0;position:relative;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:48px}.voice-interview-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.voice-interview-button:hover:before{left:100%}.voice-interview-button:hover:not(:disabled){animation:voiceGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#5a67d8);box-shadow:0 6px 20px #9f7aea66,0 0 25px #9f7aea80,0 0 40px #9f7aea4d;transform:translateY(-2px)}@keyframes voiceGlow{0%,to{box-shadow:0 6px 20px #9f7aea66,0 0 25px #9f7aea80,0 0 40px #9f7aea4d}50%{box-shadow:0 6px 20px #9f7aea99,0 0 35px #9f7aeab3,0 0 50px #9f7aea66}}.voice-interview-button:active:not(:disabled){box-shadow:0 2px 8px #9f7aea4d;transform:translateY(0)}.voice-interview-button:disabled{background:#4a5568;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.voice-button-text{font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0000001a}.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}@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}.home-practice-session-banner{margin:16px;padding:16px}.home-practice-title{font-size:16px}.home-practice-progress{font-size:12px}.home-practice-current-question{font-size:13px;padding:10px}.home-practice-icon{height:40px;width:40px}.home-practice-icon svg{height:24px;width:24px}.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:100%;min-width:0}.message-content,.message-text{overflow-wrap:break-word;word-break:break-word}.message-text{-webkit-hyphens:auto;hyphens:auto}.copy-button,.regenerate-button{height:24px;min-width:24px;opacity:.7;padding:6px}.copy-icon,.regenerate-icon{color:#94a3b8;font-size:16px!important}.chatbot-input{background:#0000;padding:0 10px 12px}.input-container{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#141419d9;border:none;border-radius:20px;box-shadow:0 4px 20px #0006,inset 0 .5px 0 #ffffff1a;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:calc(100% - 16px);overflow:visible;padding:0;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.input-container:before{border-radius:22px;filter:blur(6px)}.input-container:after{border-radius:19px}.input-text-row{gap:8px;padding:8px 10px}.diagram-hint-container{padding:6px 10px 0}.diagram-hint-chip{font-size:11px;padding:5px 10px}.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;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}.send-button.stop-button{background:#ef4444}.send-button.stop-button:hover{background:#dc2626}.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:10px 10px 8px}.input-container{flex-direction:column;gap:0;max-width:calc(100% - 12px);padding:0}.input-text-row{gap:6px;padding:6px 8px}.input-actions-row{padding:0 2px}.message-input{border-radius:14px;font-size: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-mode-tabs{width:100%}.chatbot-mode-tabs .sliding-tab-button{flex:1 1;font-size:12px;justify-content:center;min-width:0;padding:10px}}@media (max-width:375px){.interview-mode-selector-welcome{margin:20px 8px!important;max-width:calc(100% - 16px);padding:0!important;width:calc(100% - 16px)}.chatbot-mode-tabs{width:100%}.chatbot-mode-tabs .sliding-tab-button{flex:1 1;font-size:11px;justify-content:center;min-width:0;padding:12px 6px}.mode-toggle-group-welcome{box-sizing:border-box!important;display:flex!important;padding:3px!important;width:100%!important}.mode-toggle-group-welcome .MuiToggleButton-root{align-items:center!important;flex:1 1!important;flex-direction:column!important;font-size:10px!important;gap:4px!important;letter-spacing:.2px!important;line-height:1.2!important;margin:0 2px!important;max-width:calc(33.333% - 4px);min-height:48px!important;min-width:0!important;padding:8px 3px!important}.mode-toggle-group-welcome .mode-icon{display:block!important;flex-shrink:0!important;height:16px!important;width:16px!important}.mode-toggle-group-welcome .mode-label{flex-shrink:1;font-size:10px!important;line-height:1.2!important;overflow:visible!important;text-align:center!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!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}.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:#4a90e214;border-radius:8px;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.language-dropdown .MuiOutlinedInput-root:hover{background:#4a90e21f}.language-dropdown .MuiOutlinedInput-root.Mui-focused{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#4a90e21f}.language-dropdown .MuiOutlinedInput-notchedOutline{border-color:#4a90e233!important;transition:border-color .3s ease}.language-dropdown .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4a90e266!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:#4a90e2!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:linear-gradient(349deg,#061527,#4a90e214)!important;border:1px solid #4a90e233!important;border-radius:8px!important;box-shadow:0 8px 32px #4a90e226!important;margin-top:4px!important}.MuiMenuItem-root{color:#e0e0e0!important;font-size:14px!important;padding:10px 16px!important}.MuiMenuItem-root:hover{background:#4a90e226!important;color:#4a90e2!important}.MuiMenuItem-root.Mui-selected{background:#4a90e240!important;font-weight:500!important}.MuiMenuItem-root.Mui-selected:hover{background:#4a90e259!important;color:#fff!important}.MuiMenuItem-root.Mui-disabled{color:#ffffff4d!important;cursor:not-allowed!important;opacity:.5!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;color:#fff!important}.coding-focus-area-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px;width:100%}.coding-focus-area-selector .MuiToggleButtonGroup-root{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;padding:2px!important}.coding-focus-area-selector .MuiToggleButton-root{align-items:center!important;background:#0000!important;border:none!important;color:#b0b0b0!important;display:flex!important;font-size:12px!important;gap:4px!important;min-width:auto!important;padding:6px 12px!important;text-transform:none!important;transition:all .2s ease!important}.coding-focus-area-selector .MuiToggleButton-root:hover{background:#ffffff14!important;color:#e0e0e0!important}.coding-focus-area-selector .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#61dafb,#4a90e2)!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:flex-end!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:12px!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;box-sizing:border-box;display:flex;justify-content:center;margin:24px 0 5px;max-width:100%;padding:0 16px;width:100%}.coding-focus-selector{animation:fadeInUp .2s ease-in-out .15s forwards;display:flex;gap:8px;justify-content:center;margin-top:16px;opacity:0}.coding-focus-selector .focus-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;color:#999;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.coding-focus-selector .focus-option:hover{background:#4a90e21a;border-color:#4a90e24d;color:silver}.coding-focus-selector .focus-option.active{background:#4a90e226;border-color:#4a90e2;box-shadow:0 0 12px #4a90e233;color:#4a90e2}.coding-focus-selector .focus-option.active:hover{background:#4a90e233}.coding-focus-selector .focus-option span{font-weight:600;letter-spacing:.3px}@media (max-width:480px){.coding-focus-selector .focus-option{font-size:12px;gap:4px;padding:6px 12px}.coding-focus-selector .focus-option svg{font-size:14px!important}}.chatbot-mode-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff26;box-shadow:0 4px 20px #0000004d;max-width:100%;overflow:hidden}.chatbot-mode-tabs .sliding-tab-button{font-size:15px;font-weight:600;letter-spacing:.5px;padding:10px 24px}@media (max-width:600px){.chatbot-mode-tabs{width:100%}.chatbot-mode-tabs .sliding-tab-button{flex:1 1;font-size:13px;justify-content:center;min-width:0;padding:10px 12px}}.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;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;filter:drop-shadow(0 0 3px rgba(74,144,226,.3));font-size:32px!important;font-weight:700!important;letter-spacing:-.5px!important;margin:0!important;position:relative;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}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.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:8px;padding:0 16px}.mobile-prompt-card{max-width:240px;min-width:220px;padding:12px 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}}.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:120px;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:999}.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:480px){.scroll-to-bottom-button{bottom:100px;height:40px;right:12px;width:40px}}@media (max-width:768px){.back-button{flex-shrink:0;white-space:nowrap;width:auto}.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-preview{background:none;border:1px solid #4a90e2;border-radius:6px;color:#4a90e2;cursor:pointer;padding:4px 8px}.resume-preview-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.resume-preview-dialog{background:#0f1724;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:80%;max-width:900px;width:90%}.resume-preview-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#e0e0e0;display:flex;justify-content:space-between;padding:10px 14px}.resume-preview-close{background:#0000;border:none;color:#e0e0e0;cursor:pointer}.resume-preview-body{flex:1 1}.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{color:#e0e0e0!important;min-height:auto;padding:12px 16px}.language-dropdown .MuiMenuItem-root>div{width:100%}.language-dropdown .MuiMenuItem-root:hover{background-color:#4a90e226!important;color:#4a90e2!important}.language-dropdown .MuiMenuItem-root.Mui-selected{background-color:#4a90e240!important;color:#4a90e2!important;font-weight:500!important}.language-dropdown .MuiMenuItem-root.Mui-selected:hover{background-color:#4a90e259!important;color:#fff!important}.language-dropdown .MuiMenuItem-root.Mui-disabled{color:#ffffff4d!important;cursor:not-allowed!important;opacity:.5!important}.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}.thread-voice-chat-section{background:#9f7aea0d;border:1px solid #9f7aea33;border-radius:12px;margin:16px 0;padding:16px;text-align:center}.thread-voice-chat-content{align-items:center;display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.thread-voice-chat-section{margin:12px 0;padding:12px}.thread-voice-chat-content{gap:6px}.voice-input-button,.voice-interview-button{gap:0;height:48px;min-width:48px;padding:0;width:48px}.voice-button-text{font-size:13px}}@media (max-width:480px){.voice-input-button,.voice-interview-button{gap:0;height:44px;min-width:44px;padding:0;width:44px}.voice-button-text{font-size:12px}}.question-nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a2f4afa,#243548fa);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:16px;padding:16px;width:100%}.question-nav-bar.compact{border-radius:12px;box-shadow:0 4px 16px #0000004d;margin-bottom:0;padding:10px 16px}.question-nav-bar.compact .nav-header{margin-bottom:0}.question-nav-bar.compact .nav-progress-container{margin-bottom:8px}.question-nav-bar.compact .nav-question-title{font-size:14px;margin-bottom:4px}.question-nav-bar.compact .nav-actions{gap:8px}.question-nav-bar.compact .nav-button{font-size:12px;min-height:28px;padding:4px 10px}.nav-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.nav-question-info{flex:1 1;min-width:0}.nav-question-title{color:#e0e0e0;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.nav-category{color:#4a90e2;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.nav-close-button{color:#fff9;transition:all .2s ease}.nav-close-button:hover{background-color:#ff6b6b1a;color:#ff6b6b}.nav-progress-container{margin-bottom:16px}.nav-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.nav-progress-text{color:#e0e0e0;font-size:14px;font-weight:600}.nav-stats{color:#999;font-size:12px}.nav-progress-bar{width:100%}.nav-actions{align-items:center;display:flex;gap:16px;justify-content:space-between}.nav-primary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.nav-status-actions{display:flex;gap:8px}.nav-secondary-actions{display:flex;gap:4px}.nav-button{border-radius:8px;font-size:13px;font-weight:500;min-height:32px;padding:6px 12px;text-transform:none;transition:all .2s ease}.nav-button:disabled{cursor:not-allowed;opacity:.5}.nav-button.MuiButton-outlined{border-color:#ffffff4d;color:#e0e0e0}.nav-button.MuiButton-outlined:hover{background-color:#4a90e21a;border-color:#4a90e2}.nav-complete-button.MuiButton-outlined{border-color:#68d39180;color:#68d391}.nav-complete-button.MuiButton-outlined:hover{background-color:#68d3911a;border-color:#68d391}.nav-next-button.MuiButton-contained{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 2px 8px #4a90e24d}.nav-next-button.MuiButton-contained:hover{background:linear-gradient(135deg,#357abd,#2a5f9e);box-shadow:0 4px 12px #4a90e266}.nav-icon-button{color:#fff9;transition:all .2s ease}.nav-icon-button:hover{background-color:#4a90e21a;color:#4a90e2}.nav-compact-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.nav-compact-actions{display:flex;gap:4px}.nav-action-button{color:#fff9;padding:6px;transition:all .2s ease}.nav-action-button:hover{background-color:#4a90e21a;color:#4a90e2}.nav-action-button.nav-next-button{color:#4a90e2}@media (max-width:768px){.question-nav-bar{border-left:none;border-radius:0;border-right:none;border-top:none;padding:8px 12px}.question-nav-bar.compact{padding:8px 12px}.nav-question-title{font-size:13px}.nav-primary-actions{justify-content:flex-start;width:100%}.nav-button{font-size:11px;min-height:26px;padding:4px 8px}.nav-status-actions{width:100%}.nav-secondary-actions{flex-direction:column}.nav-actions{gap:6px}.nav-progress-container{margin-bottom:6px}.nav-progress-text{font-size:12px}}@media (max-width:480px){.nav-question-title{font-size:13px}.nav-progress-text{font-size:12px}.nav-button,.nav-stats{font-size:11px}.nav-button{padding:4px 8px}.nav-mark-as-section{margin-bottom:8px}.nav-mark-button{font-size:"11px";min-height:"28px";padding:"3px 8px"}}.thread-header-bar{align-items:flex-start!important;box-sizing:border-box;gap:12px;padding:12px 20px 16px;width:100%}.thread-header-title-section{flex-wrap:wrap}.thread-header-controls-section{flex-shrink:1;justify-content:space-between;width:100%}.thread-header-controls-section,.thread-header-right-controls{align-items:center;box-sizing:border-box;display:flex;gap:12px;min-width:0}.thread-header-right-controls{flex-shrink:0;flex-wrap:wrap}.mark-as-section{align-items:center}.mark-as-section,.mark-as-section .MuiBox-root{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:768px){.thread-header-bar{gap:10px!important;padding:10px 16px 14px!important}.thread-header-title-section{flex:1 1 100%!important;margin-bottom:4px;min-width:0!important}.thread-header-controls-section{align-items:stretch!important;box-sizing:border-box;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;min-width:0;width:100%}.thread-header-title-section>div:first-child{flex:1 1 auto;min-width:0}.thread-header-right-controls{flex-wrap:wrap;gap:10px!important;justify-content:space-between;width:100%}.mark-as-section{gap:6px!important}.mark-as-section .MuiButton-root{font-size:11px!important;padding:3px 10px!important}}@media (max-width:480px){.thread-header-title-section{gap:6px!important;margin-bottom:4px}.thread-header-right-controls{align-items:center!important;border-top:1px solid #ffffff14;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:space-between!important;margin-top:4px;padding-top:10px;width:100%!important}.thread-header-right-controls>.MuiIconButton-root:first-child{flex-shrink:0;margin-right:auto}.practice-session-nav-controls{margin-bottom:4px}.mark-as-section{align-items:center!important;flex:0 0 auto;flex-direction:row!important;flex-wrap:nowrap;gap:8px!important;justify-content:flex-end;margin-left:auto}.mark-as-label{display:none!important}.mark-as-section .MuiBox-root{flex:0 0 auto;flex-wrap:nowrap;gap:8px!important}.mark-as-section .MuiButton-root{border-radius:6px!important;flex:0 0 auto;font-size:12px!important;min-width:auto!important;padding:6px 14px!important}.thread-header-right-controls>.MuiIconButton-root{flex-shrink:0;padding:8px!important}}@media (max-width:375px){.mark-as-section .MuiButton-root{font-size:10px!important;padding:3px 8px!important}.thread-header-right-controls{gap:6px!important}}.nav-mark-as-section{margin-bottom:12px}.nav-mark-button{font-weight:500;transition:all .2s ease}.nav-mark-button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.nav-mark-completed,.nav-mark-skipped{border:1px solid}.practice-session-collapsed-controls{background:linear-gradient(135deg,#4a90e20f,#4a90e205);border-radius:6px;padding:6px 10px}@media (max-width:768px){.practice-session-collapsed-controls{box-sizing:border-box;gap:10px!important;margin:0;min-width:0;width:100%!important}}@media (max-width:480px){.practice-session-collapsed-controls{box-sizing:border-box;gap:8px!important;margin:0 0 8px;min-width:0;padding:8px 10px;width:100%!important}}.practice-session-question-name{border-radius:4px;flex:1 1;min-width:0;overflow:hidden;padding:2px 4px;transition:background-color .2s ease}.practice-session-question-name:hover{background-color:#4a90e21a}.practice-session-question-text{transition:opacity .2s ease}.practice-session-question-name:hover .practice-session-question-text{opacity:.9}@media (max-width:768px){.practice-session-nav-controls{border-radius:0 0 6px 6px!important;gap:6px!important;min-width:auto!important;padding:6px 10px!important}.practice-session-main-controls{flex-wrap:wrap;gap:6px!important}.practice-session-question-name{flex:1 1 auto!important;justify-content:flex-start!important;margin:0 4px!important;margin-bottom:4px;max-width:none!important;order:-1;width:100%}.practice-session-question-name span{font-size:12px!important;text-align:left!important}.practice-session-icon-btn{height:32px!important;min-width:32px!important;padding:4px!important;width:32px!important}.practice-session-icon-btn svg{font-size:18px!important}.practice-session-progress-text{font-size:11px!important}.practice-session-details{gap:6px!important;padding-top:6px!important}.practice-session-nav-controls>div:first-child{margin-bottom:6px!important;padding-bottom:6px!important}}@media (max-width:480px){.thread-header-bar{align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:10px 12px 14px!important}.practice-session-nav-controls{gap:6px!important;padding:6px 8px!important}.practice-session-main-controls{flex-wrap:wrap;gap:4px!important}.practice-session-question-name{flex:1 1 100%!important;margin:0 0 6px!important;order:-1}.practice-session-question-name span{font-size:11px!important}.practice-session-icon-btn{height:28px!important;min-width:28px!important;padding:4px!important;width:28px!important}.practice-session-icon-btn svg{font-size:16px!important}.practice-session-progress-text{font-size:10px!important}.practice-session-details{gap:4px!important;padding-top:4px!important}.practice-session-details>div{flex-wrap:wrap;gap:6px!important}.practice-session-details .MuiChip-root{font-size:9px!important;height:16px!important}}@media (max-width:375px){.thread-header-bar{padding:6px 8px!important}.practice-session-nav-controls{padding:4px 6px!important}.practice-session-main-controls{gap:3px!important}.practice-session-icon-btn{height:26px!important;min-width:26px!important;width:26px!important}.practice-session-icon-btn svg{font-size:14px!important}.practice-session-question-name span{font-size:10px!important}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.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{color:#4a90e2}.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;transition:all .3s ease}.code-block-wrapper.minimized{border:1px solid #4a90e24d;box-shadow:0 2px 8px #4a90e233}.code-block-wrapper.fully-collapsed{border:1px solid #4a90e266;box-shadow:0 1px 4px #4a90e226;margin:.5rem 0}.code-block-wrapper.fully-collapsed .code-block-header{background:linear-gradient(135deg,#4a90e21f,#4a90e20f);padding:.75rem 1rem}.code-block-header{align-items:center;background:#2d3748;border-bottom:1px solid #4a5568;color:#a0aec0;display:flex;font-size:.75rem;font-weight:500;gap:12px;justify-content:space-between;padding:.5rem 1rem}.code-block-wrapper.minimized .code-block-header{background:linear-gradient(135deg,#4a90e226,#4a90e214);border-bottom:1px solid #4a90e24d}.code-status{color:#4a90e2;flex:1 1;font-size:.8rem;font-weight:600;text-align:center}.code-block-preview{overflow:hidden;position:relative}.code-preview-fade{background:linear-gradient(180deg,#0000,#1a202cf2);bottom:0;color:#4a90e2;font-size:.85rem;font-weight:500;left:0;padding:16px;position:absolute;right:0;text-align:center}.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-renderer-container.minimized{border-radius:8px;box-shadow:0 2px 8px #4a90e233}.system-design-renderer-container.fully-collapsed{border:1px solid #4a90e266;border-radius:8px;box-shadow:0 1px 4px #4a90e226;margin:.5rem 0}.system-design-renderer-container.minimized .system-design-header{background:linear-gradient(135deg,#4a90e226,#4a90e214);border:1px solid #4a90e24d;border-radius:8px 8px 0 0}.system-design-renderer-container.fully-collapsed .system-design-header{background:linear-gradient(135deg,#4a90e21f,#4a90e20f);border-radius:8px;padding:.75rem 1rem}.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-preview{animation:fadeInPreview .3s ease-out}@keyframes fadeInPreview{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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)}}.markdown-content .katex{color:inherit!important;font-size:inherit!important}.markdown-content .katex-display{margin:1rem 0!important;text-align:center!important}.markdown-content .katex-display>.katex{text-align:center!important;white-space:nowrap!important}.markdown-content .katex .katex-mathml{display:none!important}.markdown-content .katex .accent-body,.markdown-content .katex .katex-html,.markdown-content .katex .mord{color:inherit!important}.markdown-content .katex .mbin,.markdown-content .katex .mrel{color:#74c0fc!important}.markdown-content .katex .mop{color:#82c91e!important}.markdown-content .katex .mclose,.markdown-content .katex .mopen{color:#ffd43b!important}.markdown-content .katex .mfrac{color:inherit!important}.markdown-content .katex .mfrac .frac-line{border-color:currentColor!important}.markdown-content .katex .sqrt{color:inherit!important}.markdown-content .katex .sqrt .sqrt-line{border-color:currentColor!important}.markdown-content .katex{padding:0 2px}.markdown-content .katex-display{background:#4a90e20d;border:1px solid #4a90e21a;border-radius:8px;overflow-x:auto;padding:16px}@media (max-width:768px){.markdown-content .katex-display{font-size:.9em;padding:12px}.markdown-content .katex{font-size:.9em}}.system-design-error-container{background:linear-gradient(135deg,#ff6b6b14,#ffaa3314);border:1px solid #ffaa334d;border-radius:12px;margin:16px 0;padding:20px}.system-design-error-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.system-design-error-header .error-icon{font-size:24px}.system-design-error-header .error-title{color:#fa3;font-size:18px;font-weight:600}.system-design-error-message{color:#b0b0b0;font-size:14px;line-height:1.6;margin-bottom:20px}.system-design-error-message p{margin:0}.system-design-error-actions{display:flex;gap:12px;margin-bottom:16px}.system-design-error-details{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px}.system-design-error-details summary{color:#888;cursor:pointer;font-size:12px;padding:8px 0;-webkit-user-select:none;user-select:none}.system-design-error-details summary:hover{color:#b0b0b0}.system-design-error-details .code-block{font-size:11px;margin-top:12px;max-height:300px;overflow-y:auto}.system-design-cta-container{background:linear-gradient(135deg,#81c7f50f,#4a90e20a);border:1px solid #81c7f533;border-radius:16px;box-sizing:border-box;margin:16px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;width:100%}.system-design-cta-container:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#4a90e2,#81c7f5,#4a90e2);background-size:200% 100%;border-radius:16px 16px 0 0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.system-design-cta-container:hover{border-color:#81c7f559;box-shadow:0 8px 32px #4a90e226;transform:translateY(-2px)}.system-design-cta-header{align-items:flex-start;box-sizing:border-box;display:flex;gap:16px;margin-bottom:16px;width:100%}.system-design-cta-icon{align-items:center;background:linear-gradient(135deg,#81c7f526,#4a90e21a);border:1px solid #81c7f540;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;max-width:48px;min-width:48px;width:48px}.system-design-cta-title-section{box-sizing:border-box;flex:1 1;max-width:calc(100% - 64px);min-width:0}.system-design-cta-title{color:#e8eef5;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 4px}.system-design-cta-description,.system-design-cta-title{word-wrap:break-word;display:block;overflow-wrap:break-word;white-space:normal;word-break:break-word}.system-design-cta-description{color:#a0aec0;font-size:.9rem;line-height:1.5;margin:0}.system-design-cta-subtitle{word-wrap:break-word;box-sizing:border-box;color:#cbd5e0;display:block;font-size:.95rem;line-height:1.6;margin:0 0 20px;overflow-wrap:break-word;white-space:normal;width:100%;word-break:break-word}.system-design-cta-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;width:100%}.system-design-cta-button{flex:1 1 auto;min-width:160px}.system-design-cta-hint{word-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;box-sizing:border-box;color:#8b9cb3;display:block;font-size:.85rem;line-height:1.5;margin:0;overflow-wrap:break-word;padding:12px 16px;white-space:normal;width:100%;word-break:break-word}@media (max-width:768px){.system-design-cta-container{margin:12px 0;padding:16px;width:100%}.system-design-cta-header{flex-direction:column;gap:12px}.system-design-cta-icon{height:40px;max-width:40px;min-width:40px;width:40px}.system-design-cta-title-section{flex:1 1 100%;max-width:100%;width:100%}.system-design-cta-title{font-size:1.1rem;word-break:break-word}.system-design-cta-description{font-size:.85rem;word-break:break-word}.system-design-cta-subtitle{font-size:.9rem;margin-bottom:16px;word-break:break-word}.system-design-cta-actions{flex-direction:column}.system-design-cta-button{min-width:100%;width:100%}.system-design-cta-hint{font-size:.8rem;padding:10px 12px;word-break:break-word}}.code-placeholder-cta-container{background:linear-gradient(135deg,#a78bfa0f,#8b5cf60a);border:1px solid #a78bfa33;border-radius:16px;box-sizing:border-box;margin:16px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;width:100%}.code-placeholder-cta-container:before{animation:codeGradientShift 3s ease infinite;background:linear-gradient(90deg,#a78bfa,#c4b5fd,#a78bfa);background-size:200% 100%;border-radius:16px 16px 0 0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes codeGradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.code-placeholder-cta-container:hover{border-color:#a78bfa59;box-shadow:0 8px 32px #8b5cf626;transform:translateY(-2px)}.code-placeholder-cta-header{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-bottom:12px;width:100%}.code-placeholder-cta-icon{align-items:center;background:linear-gradient(135deg,#a78bfa26,#8b5cf61a);border:1px solid #a78bfa40;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;max-width:48px;min-width:48px;width:48px}.code-placeholder-cta-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.code-placeholder-cta-title{word-wrap:break-word;color:#e8eef5;font-size:1.15rem;font-weight:700;line-height:1.3;margin:0;overflow-wrap:break-word}.code-placeholder-cta-language{background:#a78bfa1f;border-radius:6px;color:#a78bfa;display:inline-block;font-size:.8rem;font-weight:600;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.code-placeholder-cta-description{word-wrap:break-word;color:#a0aec0;font-size:.9rem;line-height:1.6;margin:0 0 16px;overflow-wrap:break-word}.code-placeholder-cta-error{background:#f871711a;border:1px solid #f8717133;border-radius:8px;color:#f87171;font-size:.85rem;margin:0 0 12px;padding:10px 14px}.code-placeholder-cta-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;width:100%}.code-placeholder-cta-button{flex:0 1 auto}.code-placeholder-cta-hint{word-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;box-sizing:border-box;color:#8b9cb3;display:block;font-size:.85rem;line-height:1.5;margin:0;overflow-wrap:break-word;padding:12px 16px;width:100%}@media (max-width:768px){.code-placeholder-cta-container{margin:12px 0;padding:16px}.code-placeholder-cta-header{align-items:flex-start;flex-direction:column;gap:12px}.code-placeholder-cta-title{font-size:1.05rem}.code-placeholder-cta-actions{flex-direction:column}.code-placeholder-cta-button{min-width:100%;width:100%}.code-placeholder-cta-hint{font-size:.8rem;padding:10px 12px}}.voice-mode-code-container{margin:16px 0}.voice-mode-code-placeholder{align-items:center;background:linear-gradient(135deg,#a78bfa14,#8b5cf60a);border:1px solid #a78bfa40;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.voice-mode-code-placeholder:hover{border-color:#a78bfa66;box-shadow:0 4px 16px #8b5cf61a}.voice-mode-code-header{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.voice-mode-code-icon{align-items:center;background:#a78bfa26;border:1px solid #a78bfa33;border-radius:10px;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.voice-mode-code-info{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-mode-code-title{color:#e8eef5;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-mode-code-language{color:#a78bfa;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.voice-mode-code-expanded{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.voice-mode-code-placeholder{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.voice-mode-code-header,.voice-mode-code-placeholder button{width:100%}}.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)}}.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;justify-content:space-between;margin-bottom:12px}.followup-icon{color:#4a90e2;font-size:18px!important}.followup-refresh-button{color:#fff9!important;padding:4px!important;transition:all .2s ease!important}.followup-refresh-button:hover{background:#4a90e21a!important;color:#4a90e2!important}.followup-refresh-button.Mui-disabled{color:#ffffff4d!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 ease-in-out infinite alternate;background:#ffffff0d;border-radius:8px;height:44px}@keyframes skeleton-loading{0%{opacity:.3}to{opacity:.7}}@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}}.text-selection-popup{animation:popupFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e232af2!important;border:1px solid #4a90e24d;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;max-width:300px}.popup-content{align-items:center;display:flex;gap:4px;padding:8px}.dive-deeper-button{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:8px;color:#4a90e2;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.dive-deeper-button:hover{background:#4a90e24d;border-color:#4a90e280;color:#81c7f5;transform:scale(1.05)}.dive-deeper-button span{white-space:nowrap}.add-highlight-button{align-items:center;background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.add-highlight-button:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0b80;color:#fbbf24;transform:scale(1.05)}.add-highlight-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-highlight-button span{white-space:nowrap}.close-button{color:#a0aec0!important;transition:all .2s ease}.close-button:hover{background:#f565651a!important;color:#f56565!important}.popup-text-preview{border-top:1px solid #4a90e233;color:#a0aec0;font-size:.75rem;font-style:italic;max-width:280px;overflow:hidden;padding:4px 12px 8px;text-overflow:ellipsis;white-space:nowrap}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.text-selection-popup{max-width:250px}.popup-text-preview{max-width:230px}}.side-thread-panel{display:block!important;flex-direction:row!important;height:100vh;min-width:400px!important;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:400px!important;z-index:999}.side-thread-panel.open{pointer-events:auto;transform:translateX(0)}.side-thread-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14191efa!important;border-left:2px solid #4a90e24d;border-radius:0!important;box-shadow:-4px 0 20px #0000004d!important;display:flex!important;flex-direction:column!important;height:100%;overflow:hidden;width:100%!important}.side-thread-header{align-items:flex-start;background:#1e232acc;border-bottom:1px solid #4a90e233;box-sizing:border-box;display:flex!important;flex-direction:row!important;justify-content:space-between;padding:16px;width:100%}.side-thread-header .header-content{display:block;flex:1 1 auto;max-width:calc(100% - 80px);min-width:200px;overflow:hidden;text-overflow:ellipsis;width:auto}.side-thread-header .selected-text{word-wrap:break-word;color:#a0aec0!important;display:block;font-style:italic!important;line-height:1.3;white-space:normal;width:100%}.side-thread-header .header-actions{align-items:center;display:flex;flex-direction:row;flex-grow:0;flex-shrink:0;gap:4px;width:auto}.side-thread-header .delete-button{color:#a0aec0!important;transition:all .2s ease}.side-thread-header .delete-button:hover{background:#f565651a!important;color:#f56565!important}.side-thread-header .close-button{color:#a0aec0!important;transition:all .2s ease}.side-thread-header .close-button:hover{background:#f565651a!important;color:#f56565!important}.side-thread-messages{flex:1 1;overflow-y:auto;padding:16px;scrollbar-color:#4a90e24d #0000;scrollbar-width:thin}.side-thread-messages::-webkit-scrollbar{width:6px}.side-thread-messages::-webkit-scrollbar-track{background:#0000}.side-thread-messages::-webkit-scrollbar-thumb{background:#4a90e24d;border-radius:3px}.side-thread-messages::-webkit-scrollbar-thumb:hover{background:#4a90e280}.side-thread-messages .empty-state{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;padding:0;text-align:center}.side-thread-messages .empty-message{color:#a0aec0!important;font-style:italic}.side-message{margin-bottom:16px}.side-message.user-message .side-message-content{background:linear-gradient(135deg,#4a90e233,#4a90e21a);border:1px solid #4a90e24d;margin-left:20px}.side-message.assistant-message .side-message-content{background:#1e232a99;border:1px solid #ffffff1a;margin-right:20px}.side-message-content{border-radius:12px;padding:12px;position:relative}.side-message-text{color:#f0f4f8;font-size:.9rem;line-height:1.5}.side-message-timestamp{color:#a0aec0;font-size:.7rem;margin-top:8px;text-align:right}.side-thread-input{background:#1e232acc;border-top:1px solid #4a90e233;padding:16px}.side-input-field{width:100%}.side-input-field .MuiOutlinedInput-root{background:#14191ecc!important;border-radius:12px!important;color:#f0f4f8!important}.side-input-field .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#4a90e24d!important}.side-input-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4a90e280!important}.side-input-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4a90e2!important}.side-input-field .MuiInputBase-input{color:#f0f4f8!important}.side-input-field .MuiInputBase-input::placeholder{color:#a0aec0!important;opacity:1}.side-send-button{background:#4a90e233!important;border:1px solid #4a90e24d;color:#4a90e2!important;margin-right:4px}.side-send-button:hover:not(:disabled){background:#4a90e24d!important;color:#81c7f5!important}.side-send-button:disabled{color:#a0aec0!important;opacity:.5}.side-thread-panel .loading-dots{align-items:center;display:flex;flex-direction:row;gap:4px}.side-thread-panel .loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background-color:#4a90e2;border-radius:50%;height:6px;width:6px}.side-thread-panel .loading-dots.small span{height:4px;width:4px}.side-thread-panel .loading-dots span:first-child{animation-delay:-.32s}.side-thread-panel .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)}}.mobile-swipe-indicator{background:#1e232a;border-radius:0;display:flex;justify-content:center;padding:8px 0 4px}.swipe-handle{background:#a0aec080;border-radius:2px;height:4px;transition:background .2s ease;width:40px}.swipe-handle:active{background:#4a90e2b3}@media (max-width:1335px){.side-thread-panel{bottom:62px!important;height:calc(100vh - 62px)!important}.side-thread-container{max-height:calc(100vh - 62px)!important}.side-thread-panel.mobile.open{bottom:62px;height:calc(100vh - 62px)!important}}@media (max-width:768px){.side-thread-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:62px!important;display:block!important;flex-direction:row!important;height:calc(100vh - 62px)!important;min-width:100vw!important;top:0!important;width:100vw!important;z-index:1001}.side-thread-container{background:#14191e!important;border:none!important;border-radius:0!important;box-shadow:none!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:calc(100vh - 72px)!important}.side-thread-container,.side-thread-header{display:flex!important;width:100%!important}.side-thread-header{background:#1e232a;border-bottom:2px solid #4a90e24d;box-sizing:border-box;flex-direction:row!important;padding:20px 16px 16px}.side-thread-header .selected-text{font-size:.9rem!important;line-height:1.4}.side-thread-header .header-actions{gap:8px}.side-thread-header .close-button,.side-thread-header .delete-button{font-size:1.2rem;height:44px;width:44px}.side-thread-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 12px}.side-message{margin-bottom:20px}.side-message.user-message .side-message-content{margin-left:8px;margin-right:20px}.side-message.assistant-message .side-message-content{margin-left:20px;margin-right:8px}.side-message-content{border-radius:16px;padding:14px}.side-message-text{font-size:1rem;line-height:1.6}.side-message-timestamp{font-size:.8rem;margin-top:10px}.side-thread-input{background:#1e232a;border-top:2px solid #4a90e24d;padding:16px 12px 20px}.side-input-field .MuiOutlinedInput-root{border-radius:16px!important;font-size:1rem;min-height:48px}.side-send-button{height:44px;margin-right:0;width:44px}.side-thread-panel .MuiDialog-paper{border-radius:16px!important;margin:16px!important;max-width:none!important;width:calc(100vw - 32px)!important}.side-thread-panel.mobile{animation:mobileSlideIn .3s ease-out}.side-thread-panel.mobile:not(.open){animation:mobileSlideOut .3s ease-in}.side-thread-panel.mobile.open{bottom:62px;height:calc(100vh - 62px)!important;left:0;position:fixed;right:0;top:0}}@keyframes mobileSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mobileSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.text-highlighter{-webkit-touch-callout:default;-webkit-tap-highlight-color:transparent;position:relative;touch-action:pan-y pinch-zoom;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.text-highlight{background:#f59e0b33;border-bottom:2px solid #f59e0b99;border-radius:2px;display:inline-block;position:relative;transition:all .2s ease}.text-highlight:hover{background:#f59e0b4d;border-bottom-color:#f59e0bcc;cursor:pointer}.text-highlight:before{align-items:center;background:#f59e0bcc;border-radius:50%;content:"💬";display:flex;font-size:12px;height:16px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-16px;top:-8px;transition:opacity .2s ease;width:16px;z-index:10}.text-highlight:hover:before{opacity:1}.text-highlighter ::selection{background:#f59e0b66;color:inherit}.text-highlighter ::-moz-selection{background:#f59e0b66;color:inherit}.text-highlighter *{-webkit-touch-callout:default;-webkit-tap-highlight-color:transparent;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.text-highlight.multiple{background:linear-gradient(90deg,#f59e0b33,#fbbf2433 50%,#f59e0b33);border-bottom:2px dashed #f59e0b99}.text-highlight.active{background:#f59e0b66;border-bottom:3px solid #f59e0b;box-shadow:0 0 8px #f59e0b4d}.text-highlight-overlay.group-hover,.text-highlight-overlay:hover{background:#f59e0b4d!important;border-color:#f59e0b99!important;box-shadow:0 2px 4px #f59e0b33}.inline-text-highlight{background:#f59e0b40;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer;display:inline;line-height:inherit;margin:-2px 0;padding:2px 0;position:relative;text-decoration:inherit;transition:all .2s ease;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;word-break:inherit}.inline-text-highlight.group-hover,.inline-text-highlight:hover{background:#f59e0b59;box-shadow:0 1px 3px #f59e0b33}.inline-text-highlight{vertical-align:initial;white-space:inherit}.inline-text-highlight:empty{display:none!important}code .inline-text-highlight,pre .inline-text-highlight{background:#f59e0b26;border-bottom:1px solid #f59e0b80;font-family:inherit;font-size:inherit}b .inline-text-highlight,strong .inline-text-highlight{font-weight:inherit}a .inline-text-highlight{color:inherit;text-decoration:inherit}.text-highlight-overlay{background:#f59e0b33!important;border:1px solid #f59e0b66!important;border-radius:2px;position:absolute;transition:all .2s ease;z-index:1}.highlight-icon{align-items:center;background:#f59e0be6;border-radius:50%;display:flex;font-size:10px;height:14px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease;width:14px;z-index:10}.text-highlight-overlay.group-hover .highlight-icon,.text-highlight-overlay:hover .highlight-icon{opacity:1}.text-highlight-overlay.first-line{border-bottom:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.text-highlight-overlay.middle-line{border-bottom:none!important;border-radius:0!important;border-top:none!important}.text-highlight-overlay.last-line{border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important}@media (max-width:768px){.text-highlighter{margin:-2px;padding:2px;touch-action:pan-y pinch-zoom;-webkit-user-select:text!important;user-select:text!important}.text-highlighter ::selection{background:#f59e0b99!important;color:inherit}.text-highlighter ::-moz-selection{background:#f59e0b99!important;color:inherit}.text-highlighter *,.text-highlighter code,.text-highlighter div,.text-highlighter p,.text-highlighter pre,.text-highlighter span{-webkit-touch-callout:default!important;touch-action:pan-y pinch-zoom!important;-webkit-user-select:text!important;user-select:text!important}.text-highlight-overlay{border-width:2px!important;min-height:20px;pointer-events:auto;touch-action:pan-y pinch-zoom}.text-highlight-overlay.group-hover,.text-highlight-overlay:hover{background:#f59e0b66!important;border-color:#f59e0bcc!important;box-shadow:0 2px 8px #f59e0b4d}.highlight-icon{font-size:12px;height:16px;opacity:.7;width:16px}.text-highlight-overlay.group-hover .highlight-icon,.text-highlight-overlay:hover .highlight-icon{opacity:1;transform:scale(1.1)}@supports (-webkit-touch-callout:none){.text-highlighter,.text-highlighter *{-webkit-touch-callout:default;-webkit-user-select:text}}.inline-text-highlight{-webkit-touch-callout:none;margin:-2px 0;padding:2px 0;touch-action:pan-y pinch-zoom;-webkit-user-select:text;user-select:text}.inline-text-highlight:empty{display:none!important}.inline-text-highlight.group-hover,.inline-text-highlight:hover{background:#f59e0b66;box-shadow:0 2px 6px #f59e0b4d}}.mobile-selection-hint{animation:fadeInDown .3s ease-out;left:50%;max-width:90vw;position:fixed;top:20px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1000}.hint-content{align-items:center;background:#f59e0bf2;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#1a1a1a;display:flex;font-size:14px;gap:8px;line-height:1.4;max-width:320px;padding:10px 16px;position:relative;text-align:center;white-space:normal}@media (max-width:768px){.mobile-selection-hint{left:50%;max-width:85vw;right:auto}.hint-content{font-size:13px;gap:6px;max-width:280px;padding:8px 12px}}.hint-content:after{border:6px solid #0000;border-top-color:#f59e0bf2;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.mobile-selection-hint .hint-content:after{display:none}.hint-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:20px;justify-content:center;margin-left:4px;padding:0;transition:background-color .2s ease;width:20px}.hint-close:hover{background:#0000001a}@keyframes fadeInDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.audio-visualizer{align-items:center;flex-direction:column;margin:0 auto;max-width:400px;padding:20px}.audio-visualizer,.bars-container{display:flex;justify-content:center;width:100%}.bars-container{align-items:flex-end;gap:3px;height:80px;margin-bottom:20px}.audio-bar{background:linear-gradient(0deg,#4a90e2,#63b3ed);border-radius:2px;min-height:8px;opacity:.6;transform-origin:bottom;transition:all .1s ease-out;width:4px}.audio-bar.recording{animation:audioBarPulse .3s ease-in-out infinite alternate;background:linear-gradient(0deg,#e53e3e,#fc8181);opacity:1}@keyframes audioBarPulse{0%{opacity:.8;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1.2)}}.recording-indicator{align-items:center;color:#e53e3e;display:flex;font-size:14px;font-weight:500;gap:8px}.recording-dot{animation:recordingPulse 1s ease-in-out infinite;background:#e53e3e}.recording-text{letter-spacing:.5px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.audio-visualizer{max-width:300px;padding:16px}.bars-container{gap:2px;height:60px;margin-bottom:16px}.audio-bar{width:3px}.recording-indicator{font-size:13px}.recording-dot{height:6px;width:6px}}@media (max-width:480px){.audio-visualizer{max-width:250px;padding:12px}.bars-container{gap:2px;height:50px;margin-bottom:12px}.audio-bar{width:2px}.recording-indicator{font-size:12px;gap:6px}}@media (prefers-contrast:high){.audio-bar{background:#4a90e2}.audio-bar.recording{background:#e53e3e}}@media (prefers-reduced-motion:reduce){.audio-bar,.recording-dot{animation:none!important}.audio-bar{transition:none}}.dictation-modal .MuiDialog-paper{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#1a2f4a,#243548)!important;border:1px solid #3a5a7a!important;border-radius:16px!important;box-shadow:0 20px 60px #00000080!important;color:#e0e0e0!important;max-width:600px!important}.dictation-content{overflow:hidden;padding:32px 24px 24px!important;text-align:center}.dictation-header{margin-bottom:24px}.dictation-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;margin-bottom:8px!important}.dictation-subtitle{animation:fadeIn .3s ease-in-out;color:#b0b0b0!important;font-size:16px!important;font-weight:400!important}.dictation-error{background:#e53e3e1a!important;border:1px solid #e53e3e4d!important;border-radius:8px!important;margin-bottom:20px!important}.dictation-error .MuiAlert-message{color:#ffcccb!important}.dictation-visualizer{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.dictation-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.dictation-action-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;font-weight:600!important;min-width:140px!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.record-button{background:linear-gradient(135deg,#4a90e2,#357abd)!important;border:none!important;box-shadow:0 4px 16px #4a90e266!important;color:#fff!important}.record-button:hover{background:linear-gradient(135deg,#357abd,#2968a3)!important;box-shadow:0 6px 20px #4a90e280!important;transform:translateY(-2px)!important}.record-button:disabled{background:#4a5568!important;box-shadow:none!important;color:#a0a0a0!important;transform:none!important}.stop-button{animation:recordingPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e53e3e,#c53030)!important;border:none!important;box-shadow:0 4px 16px #e53e3e66!important;color:#fff!important}.stop-button:hover{background:linear-gradient(135deg,#c53030,#9c2626)!important;box-shadow:0 6px 20px #e53e3e99!important;transform:translateY(-2px)!important}.processing-button{background:linear-gradient(135deg,#805ad5,#6b46c1)!important;cursor:not-allowed!important}.accept-button,.processing-button{border:none!important;color:#fff!important}.accept-button{background:linear-gradient(135deg,#48bb78,#38a169)!important;box-shadow:0 4px 16px #48bb7866!important}.accept-button:hover{background:linear-gradient(135deg,#38a169,#2f855a)!important;box-shadow:0 6px 20px #48bb7880!important;transform:translateY(-2px)!important}.accept-button:disabled{background:#4a5568!important;box-shadow:none!important;color:#a0a0a0!important;transform:none!important}.cancel-button{border:2px solid #4a5568!important;box-shadow:none!important;color:#b0b0b0!important}.cancel-button:hover{background:#4a556833!important;border-color:#718096!important;box-shadow:0 4px 12px #4a55684d!important;color:#e0e0e0!important;transform:translateY(-2px)!important}.retry-button{background:linear-gradient(135deg,#ed8936,#dd6b20)!important;border:none!important;box-shadow:0 4px 16px #ed893666!important;color:#fff!important}.retry-button:hover{background:linear-gradient(135deg,#dd6b20,#c05621)!important;box-shadow:0 6px 20px #ed893680!important;transform:translateY(-2px)!important}.retry-button:disabled{background:#4a5568!important;box-shadow:none!important;color:#a0a0a0!important;transform:none!important}.error-buttons,.review-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.duration-display{font-feature-settings:"tnum";align-items:center;animation:durationPulse 1s ease-in-out infinite;color:#e53e3e!important;display:flex;font-size:24px!important;font-variant-numeric:tabular-nums;font-weight:600!important;justify-content:center;margin-bottom:8px}@keyframes durationPulse{0%,to{opacity:1}50%{opacity:.7}}.recording-hint{color:#b0b0b0!important;font-size:14px!important;font-style:italic}.transcript-area{animation:slideIn .3s ease-out;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transcript-area.recording{background:#e53e3e0d;border-color:#e53e3e4d}.transcript-area.completed{background:#48bb780d;border-color:#48bb784d}.transcript-label{color:#4a90e2!important;font-weight:600!important;margin-bottom:12px!important;text-align:left}.transcript-content{text-align:left}.transcript-text{word-wrap:break-word;color:#e0e0e0!important;font-size:16px!important;line-height:1.6!important;margin-bottom:12px!important;word-break:break-word}.final-transcript{color:#e0e0e0;font-weight:500}.interim-transcript{color:#b0b0b0;font-style:italic;opacity:.8}.confidence-indicator{margin-top:8px;text-align:right}.confidence-indicator .MuiTypography-caption{color:#718096!important;font-size:12px!important}.unsupported-container{padding:40px 20px;text-align:center}.unsupported-icon{color:#718096!important;font-size:64px!important;margin-bottom:16px!important}.unsupported-title{color:#e0e0e0!important;font-weight:600!important;margin-bottom:12px!important}.unsupported-message{color:#b0b0b0!important;line-height:1.5!important;margin:0 auto;max-width:400px}@keyframes recordingPulse{0%,to{box-shadow:0 4px 16px #e53e3e66}50%{box-shadow:0 4px 20px #e53e3e99,0 0 0 4px #e53e3e33}}@media (max-width:768px){.dictation-modal .MuiDialog-paper{border-radius:12px!important;margin:16px!important;max-width:calc(100vw - 32px)!important}.dictation-content{padding:24px 16px 16px!important}.dictation-header{margin-bottom:20px}.dictation-title{font-size:20px!important}.dictation-subtitle{font-size:14px!important}.dictation-visualizer{margin:16px 0;padding:16px}.dictation-actions{gap:12px;margin-top:20px}.dictation-action-button{font-size:14px!important;min-width:120px!important;padding:10px 20px!important}.error-buttons,.review-buttons{gap:12px}.transcript-area{margin:16px 0;padding:16px}.transcript-text{font-size:15px!important}}@media (max-width:480px){.dictation-modal .MuiDialog-paper{margin:8px!important;max-width:calc(100vw - 16px)!important}.dictation-content{padding:20px 12px 12px!important}.dictation-title{font-size:18px!important}.dictation-subtitle{font-size:13px!important}.dictation-action-button{font-size:13px!important;min-width:100px!important;padding:8px 16px!important}.error-buttons,.review-buttons{align-items:center;flex-direction:column}.dictation-action-button{max-width:200px;width:100%}.unsupported-container{padding:30px 15px}.unsupported-icon{font-size:48px!important}.unsupported-title{font-size:18px!important}.unsupported-message{font-size:14px!important}}@media (prefers-contrast:high){.dictation-modal .MuiDialog-paper{border:2px solid #fff!important}.dictation-action-button{border:2px solid!important}}@media (prefers-reduced-motion:reduce){.dictation-action-button,.dictation-subtitle,.transcript-area{animation:none!important;transition:none!important}.stop-button{animation:none!important}.dictation-action-button:hover{transform:none!important}}.inline-dictation{align-items:center;animation:dictation-appear .3s cubic-bezier(.4,0,.2,1);display:flex;gap:8px;justify-content:space-between;padding:8px 12px;position:relative}@keyframes dictation-appear{0%{opacity:0}to{opacity:1}}.dictation-left{flex:1 1;gap:12px;min-width:0}.dictation-left,.dictation-orb{align-items:center;display:flex}.dictation-orb{background:radial-gradient(circle at 30% 30%,#8b5cf640 0,#6366f126 50%,#a855f714 100%);border:1px solid #8b5cf64d;border-radius:50%;flex-shrink:0;height:48px;justify-content:center;min-width:48px;position:relative;transition:all .3s ease;width:48px}.dictation-orb.starting{background:radial-gradient(circle at 30% 30%,#ef444433 0,#dc26261f 50%,#ef44440d 100%);border-color:#ef444466}.dictation-orb.recording{animation:recording-pulse 1.5s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#ef444440 0,#dc262626 50%,#ef444414 100%);border-color:#ef444480}.dictation-orb.processing{background:radial-gradient(circle at 30% 30%,#8b5cf633 0,#6366f11f 50%,#8b5cf60d 100%);border-color:#8b5cf666}.dictation-orb.completed{background:radial-gradient(circle at 30% 30%,#4ade8033 0,#22c55e1f 50%,#4ade800d 100%);border-color:#4ade8066}.dictation-orb.error{background:radial-gradient(circle at 30% 30%,#f8717126 0,#ef444414 50%,#f8717108 100%);border-color:#f8717166}@keyframes recording-pulse{0%,to{box-shadow:0 0 20px #ef44444d;transform:scale(1)}50%{box-shadow:0 0 30px #ef444480;transform:scale(1.05)}}.dictation-bars{align-items:center;display:flex;gap:3px;height:28px;justify-content:center}.dictation-bar{animation:bar-wave .6s ease-in-out infinite;background:linear-gradient(180deg,#f87171,#ef4444 50%,#dc2626);border-radius:3px;box-shadow:0 0 6px #ef444466;width:3px}.dictation-bar:first-child{animation-delay:0s}.dictation-bar:nth-child(2){animation-delay:.1s}.dictation-bar:nth-child(3){animation-delay:.05s}.dictation-bar:nth-child(4){animation-delay:.15s}.dictation-bar:nth-child(5){animation-delay:.08s}.dictation-bar:nth-child(6){animation-delay:.12s}.dictation-bar:nth-child(7){animation-delay:.03s}@keyframes bar-wave{0%,to{opacity:.7;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.dictation-status{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.recording-dot{animation:blink 1s ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef444499;height:8px;min-width:8px;width:8px}.dictation-status-text{color:#94a3b8;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictation-status-text.transcript{color:#e2e8f0;line-height:1.4;overflow:visible;white-space:normal}.dictation-controls{gap:8px}.dictation-btn,.dictation-controls{align-items:center;display:flex;flex-shrink:0}.dictation-btn{background:#0000;border:none;border-radius:50%;cursor:pointer;height:48px;justify-content:center;min-width:48px;transition:all .25s cubic-bezier(.4,0,.2,1);width:48px}.dictation-btn.start{background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid #8b5cf659;color:#a78bfa}.dictation-btn.start:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf64d,#6366f140);box-shadow:0 0 20px #8b5cf64d;transform:scale(1.08)}.dictation-btn.stop{animation:stop-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef444440,#dc262633);border:1px solid #ef444466;color:#f87171}@keyframes stop-glow{0%,to{box-shadow:0 0 15px #ef44444d}50%{box-shadow:0 0 25px #ef444480}}.dictation-btn.stop:hover{background:linear-gradient(135deg,#ef444459,#dc26264d);transform:scale(1.08)}.dictation-btn.accept{background:linear-gradient(135deg,#4ade8033,#22c55e26);border:1px solid #4ade8059;color:#4ade80}.dictation-btn.accept:hover:not(:disabled){background:linear-gradient(135deg,#4ade804d,#22c55e40);box-shadow:0 0 20px #4ade804d;transform:scale(1.08)}.dictation-btn.accept:disabled{cursor:not-allowed;opacity:.4}.dictation-btn.retry{background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid #8b5cf659;color:#a78bfa}.dictation-btn.retry:hover{background:linear-gradient(135deg,#8b5cf64d,#6366f140);box-shadow:0 0 20px #8b5cf64d;transform:scale(1.08)}.dictation-btn.cancel{background:linear-gradient(135deg,#64748b26,#4755691a);border:1px solid #64748b4d;color:#94a3b8}.dictation-btn.cancel:hover{background:linear-gradient(135deg,#64748b40,#47556933);color:#e2e8f0;transform:scale(1.08)}.dictation-pulse{animation:pulse-sweep 2s ease-in-out infinite;background:linear-gradient(90deg,#ef444400,#ef44440f 25%,#ef44441f 50%,#ef44440f 75%,#ef444400);border-radius:12px;inset:-2px;pointer-events:none;position:absolute;z-index:-1}@keyframes pulse-sweep{0%{background-position:-200%;opacity:.5}50%{opacity:1}to{background-position:200%;opacity:.5}}@media (max-width:768px){.inline-dictation{gap:8px;padding:8px 10px}.dictation-btn,.dictation-orb{height:48px;min-width:48px;width:48px}}@media (max-width:480px){.inline-dictation{gap:6px;padding:6px 8px}.dictation-orb{height:44px;min-width:44px;width:44px}.dictation-bars{gap:2px;height:22px}.dictation-bar{width:2px}.dictation-btn{height:44px;min-width:44px;width:44px}.dictation-status-text{font-size:14px}}.existing-thread-dialog{background:linear-gradient(135deg,#1a2f4a,#243548);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006}.existing-thread-dialog .dialog-title{border-bottom:1px solid #ffffff1a;padding:20px 24px}.existing-thread-dialog .dialog-content{padding:24px}.thread-info-card{background:#4a90e20d;border:1px solid #4a90e233;border-radius:12px;margin-bottom:16px;padding:16px}.option-hint{transition:all .2s ease}.option-hint:hover{background:#4a90e21a!important;transform:translateX(4px)}.existing-thread-dialog .dialog-actions{border-top:1px solid #ffffff1a;gap:8px;padding:16px 24px}@media (max-width:768px){.existing-thread-dialog .dialog-title{padding:16px 20px}.existing-thread-dialog .dialog-content{padding:20px}.existing-thread-dialog .dialog-actions{align-items:stretch;flex-direction:column;padding:12px 20px}.existing-thread-dialog .dialog-actions button{width:100%}}.practice-session-dialog-paper{max-height:90vh}.practice-session-dialog-paper .MuiDialogContent-root{overflow-y:auto}.practice-session-dialog-paper .MuiStepIcon-root{color:#fff3}.practice-session-dialog-paper .MuiStepIcon-root.Mui-active{color:#4a90e2}.practice-session-dialog-paper .MuiStepIcon-root.Mui-completed{color:#68d391}.practice-session-dialog-paper .MuiStepConnector-line{border-color:#fff3}.practice-session-dialog-paper .MuiCheckbox-root.Mui-checked,.practice-session-dialog-paper .MuiRadio-root.Mui-checked{color:#4a90e2}.practice-session-dialog-paper .MuiFormControlLabel-root{margin:0}@media (max-width:768px){.practice-session-dialog-paper{margin:16px;max-height:calc(100vh - 32px);width:calc(100vw - 32px)}.practice-session-dialog-paper .MuiDialogTitle-root{padding:16px}.practice-session-dialog-paper .MuiDialogTitle-root h5{font-size:1.25rem}.practice-session-dialog-paper .MuiDialogContent-root{padding:16px}.practice-session-dialog-paper .MuiDialogActions-root{flex-wrap:nowrap;padding:16px}.practice-session-dialog-paper .MuiStepper-root{padding:12px 0}.practice-session-dialog-paper .MuiStepLabel-label{font-size:.75rem}.practice-session-dialog-paper .MuiStepIcon-root{height:20px;width:20px}.practice-session-dialog-paper .MuiBox-root[role=button],.practice-session-dialog-paper .MuiFormControlLabel-root+.MuiBox-root{margin-bottom:8px!important;padding:12px!important}.practice-session-dialog-paper .MuiButton-root{font-size:.875rem;padding:8px 16px}.practice-session-dialog-paper h6{font-size:1.1rem}.practice-session-dialog-paper .MuiTypography-body1{font-size:.9rem}.practice-session-dialog-paper .MuiTypography-body2{font-size:.8rem}}@media (max-width:480px){.practice-session-dialog-paper{border-radius:12px;margin:8px;max-height:calc(100vh - 16px)}.practice-session-dialog-paper .MuiDialogTitle-root{padding:12px}.practice-session-dialog-paper .MuiDialogTitle-root h5{font-size:1.1rem}.practice-session-dialog-paper .MuiDialogActions-root,.practice-session-dialog-paper .MuiDialogContent-root{padding:12px}.practice-session-dialog-paper .MuiStepLabel-labelContainer{display:none}.practice-session-dialog-paper .MuiStepIcon-root{height:24px;width:24px}.practice-session-dialog-paper .MuiBox-root[role=button],.practice-session-dialog-paper .MuiFormControlLabel-root+.MuiBox-root{margin-bottom:6px!important;padding:10px!important}.practice-session-dialog-paper .MuiButton-root{font-size:.8rem;min-width:60px;padding:6px 12px}.practice-session-dialog-paper .MuiButton-root .MuiSvgIcon-root{font-size:1rem}}.practice-session-overview-paper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.practice-session-overview-paper .MuiDialogContent-root{overflow-y:auto}.practice-session-overview-paper .MuiDialogContent-root::-webkit-scrollbar{width:8px}.practice-session-overview-paper .MuiDialogContent-root::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.practice-session-overview-paper .MuiDialogContent-root::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:4px}.practice-session-overview-paper .MuiDialogContent-root::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}.no-questions-dialog-paper{max-height:90vh}.no-questions-dialog-paper .MuiDialogContent-root{overflow-y:auto}.notes-panel-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.notes-panel{animation:panelSlideUp .35s cubic-bezier(.16,1,.3,1);background:#141414;border-radius:20px;box-shadow:0 0 0 1px #ffffff0f,0 24px 80px #0009,0 8px 24px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:520px;overflow:hidden;width:90%}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notes-panel-header{align-items:center;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:20px 24px}.notes-panel-title{gap:12px}.notes-icon,.notes-panel-title{align-items:center;display:flex}.notes-icon{background:linear-gradient(135deg,#f59e0b33,#ea580c26);border-radius:10px;font-size:18px;height:36px;justify-content:center;width:36px}.notes-panel-title h3{color:#fff;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.notes-count{background:#ffffff14;border-radius:100px;color:#fff9;font-size:12px;font-weight:500;min-width:20px;padding:3px 10px;text-align:center}.notes-header-actions{align-items:center;display:flex;gap:8px}.filter-toggle-button,.sort-toggle-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 10px;transition:all .2s ease}.filter-toggle-button:hover,.sort-toggle-button:hover{background:#ffffff14;border-color:#ffffff26;color:#fffc}.filter-toggle-button.active{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.filter-toggle-button.active:hover{background:#f59e0b33;border-color:#f59e0b66}.filter-toggle-button svg,.sort-toggle-button svg{font-size:14px}.notes-close-button{color:#fff6!important;height:32px!important;transition:all .2s ease!important;width:32px!important}.notes-close-button:hover{background:#ffffff14!important;color:#ffffffe6!important;transform:rotate(90deg)}.notes-panel-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.notes-panel-content::-webkit-scrollbar{width:6px}.notes-panel-content::-webkit-scrollbar-track{background:#0000}.notes-panel-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.notes-panel-content::-webkit-scrollbar-thumb:hover{background:#fff3}.notes-loading{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.notes-loading p{font-size:14px;margin:0}.new-note-button{align-items:center;background:#0000;border:1px dashed #ffffff26;border-radius:14px;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:all .25s ease}.new-note-button:hover{background:#f59e0b14;border-color:#f59e0b66;color:#f59e0b;transform:translateY(-1px)}.new-note-button svg{font-size:18px;transition:transform .25s ease}.new-note-button:hover svg{transform:rotate(90deg)}.notes-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 20px;text-align:center}.notes-empty-icon{filter:grayscale(100%);font-size:48px;margin-bottom:20px;opacity:.15}.notes-empty p{color:#ffffff80;font-size:16px;font-weight:500;margin:0 0 8px}.notes-empty span{color:#ffffff4d;font-size:13px;line-height:1.5;max-width:220px}.notes-list{display:flex;flex-direction:column;gap:10px}.note-card{animation:noteSlideIn .3s cubic-bezier(.16,1,.3,1);background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:14px;box-sizing:border-box;padding:16px;transition:all .2s ease}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.note-card:hover{background:#ffffff0a;border-color:#ffffff1a}.note-card.note-editing{background:#f59e0b0a;border-color:#f59e0b33;box-shadow:0 0 0 3px #f59e0b0d}.note-card.note-with-highlight{border-left:3px solid #f59e0b80;padding-left:14px}.note-card.note-with-highlight:hover{border-left-color:#f59e0b}.note-card.note-pinned{background:#6366f10f;border-color:#6366f133}.note-card.note-pinned:hover{background:#6366f11a;border-color:#6366f14d}.note-card.note-pinned.note-with-highlight{border-left-color:#6366f199}.note-card.note-pinned.note-with-highlight:hover{border-left-color:#6366f1}.note-content{color:#ffffffd9;line-height:1.65;white-space:pre-wrap;word-break:break-word}.note-content,.note-textarea{font-size:14px;margin-bottom:14px}.note-textarea{word-wrap:break-word;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;line-height:1.6;max-height:250px;min-height:100px;outline:none;overflow-wrap:break-word;padding:14px 16px;resize:none;transition:all .2s ease;width:100%}.note-textarea:focus{background:#0006;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b14}.note-textarea::placeholder{color:#ffffff40}.note-textarea:disabled{cursor:not-allowed;opacity:.5}.note-footer{gap:12px;justify-content:space-between}.note-footer,.note-timestamp{align-items:center;display:flex}.note-timestamp{color:#ffffff4d;font-size:11px;font-weight:500;gap:4px;letter-spacing:.02em;text-transform:uppercase}.note-timestamp svg{color:#f59e0b99;font-size:12px!important}.note-actions{align-items:center;display:flex;gap:4px}.note-icon-button{border-radius:8px!important;color:#ffffff4d!important;height:30px!important;transition:all .2s ease!important;width:30px!important}.note-icon-button:hover{background:#f59e0b1a!important;color:#f59e0b!important}.note-icon-button.delete:hover{background:#ef44441a!important;color:#ef4444!important}.note-icon-button.pin{transition:all .2s ease!important}.note-icon-button.pin:hover{background:#6366f11a!important;color:#6366f1!important}.note-icon-button.pin.pinned{color:#6366f1!important}.note-icon-button.pin.pinned:hover{background:#6366f126!important;color:#818cf8!important}.note-action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.note-action-button svg{font-size:16px}.note-action-button.save{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40;color:#000}.note-action-button.save:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 16px #f59e0b59;transform:translateY(-1px)}.note-action-button.save:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.note-action-button.cancel{background:#ffffff0d;border:1px solid #ffffff14;color:#fff9}.note-action-button.cancel:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:#ffffffe6}.note-action-button.cancel:disabled{cursor:not-allowed;opacity:.4}.note-highlight-badge{align-items:flex-start;background:linear-gradient(135deg,#f59e0b14,#ea580c0d);border:1px solid #f59e0b26;border-radius:10px;display:flex;gap:10px;margin-bottom:12px;padding:12px 14px;transition:all .2s ease}.note-highlight-badge.expanded{background:linear-gradient(135deg,#f59e0b1f,#ea580c14);border-color:#f59e0b40}.note-highlight-badge .highlight-icon{color:#f59e0b;flex-shrink:0;font-size:16px;margin-top:2px}.note-highlight-badge .highlight-text{color:#ffffffb3;flex:1 1;font-size:13px;font-style:italic;line-height:1.55;min-width:0;word-break:break-word}.highlight-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.expand-toggle{border-radius:4px;color:#f59e0bb3;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.expand-toggle:hover{background:#f59e0b1a;color:#f59e0b}.jump-to-highlight-button{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#fff6;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.jump-to-highlight-button:hover{background:#f59e0b33;color:#f59e0b}.jump-to-highlight-button svg{font-size:15px}.highlight-preview{background:linear-gradient(135deg,#f59e0b14,#ea580c0d);border:1px solid #f59e0b33;border-radius:12px;margin-bottom:14px;padding:14px 16px}.highlight-preview-header{align-items:center;color:#f59e0b;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.highlight-preview-header svg{font-size:14px}.highlight-preview-text{align-items:flex-start;color:#ffffffbf;display:flex;font-size:13px;font-style:italic;gap:8px;line-height:1.6}.highlight-preview-text .quote-icon{color:#f59e0b80;flex-shrink:0;font-size:16px;margin-top:1px;transform:scaleX(-1)}.highlight-preview-text span{word-break:break-word}.keyboard-hint{align-items:center;color:#ffffff40;display:flex;font-size:11px;gap:6px;justify-content:center;padding:8px 0}.keyboard-hint kbd{background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;font-family:inherit;font-size:10px;padding:2px 6px}@media (max-width:768px){.keyboard-hint{display:none}.notes-panel{border-radius:16px;max-height:85vh;width:95%}.notes-panel-header{padding:16px 18px}.notes-icon{font-size:16px;height:32px;width:32px}.notes-panel-title h3{font-size:15px}.notes-header-actions{gap:6px}.filter-toggle-button,.sort-toggle-button{font-size:11px;padding:5px 8px}.sort-toggle-button span{display:none}.filter-toggle-button span{font-size:10px}.notes-panel-content{padding:16px}.note-card{border-radius:12px;padding:14px}.note-content{font-size:13px}.note-textarea{min-height:80px;padding:12px 14px}.note-action-button{font-size:12px;padding:8px 14px}.new-note-button{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.new-note-button,.note-action-button,.note-card,.notes-close-button,.notes-panel,.notes-panel-overlay{animation:none!important;transition:opacity .15s ease!important}}.sliding-tabs{background-color:#ffffff0d;border-radius:12px;display:inline-flex;gap:0;padding:4px;position:relative}.sliding-tab-indicator{background:linear-gradient(135deg,#4a90e2,#3a7bc8);border-radius:10px;bottom:4px;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233;left:0;position:absolute;top:4px;transition:transform .35s cubic-bezier(.25,1.15,.5,1),width .25s cubic-bezier(.25,1.15,.5,1);z-index:0}.sliding-tab-indicator.no-transition{transition:none}.sliding-tab-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;appearance:none;background:#0000!important;border:none;border-radius:10px;color:#aaa;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;padding:8px 20px;position:relative;transition:color .25s ease;white-space:nowrap;z-index:1}.sliding-tab-button:hover{color:#ddd}.sliding-tab-button:active,.sliding-tab-button:hover{background:#0000!important}.sliding-tab-button.selected{background:#0000!important;color:#fff}.sliding-tab-button:focus{background:#0000!important;outline:none}.sliding-tab-button:focus-visible{background:#0000!important;box-shadow:0 0 0 2px #4a90e280}@media (max-width:1335px){.sliding-tabs{display:flex;width:100%}.sliding-tab-button{flex:1 1;font-size:.8rem;gap:6px;justify-content:center;padding:12px 8px}.sliding-tab-button svg{font-size:1.1rem!important}}@media (max-width:768px){.sliding-tab-label{display:none}.sliding-tab-button{padding:12px 16px}}.calendar-view{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.calendar-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.calendar-controls{align-items:center;display:flex;gap:16px}.nav-button{background:#ffffff0d!important;border-radius:8px!important;color:#ffffffe6!important;transition:all .3s ease!important}.nav-button:hover{background:#4a90e226!important;transform:scale(1.05)}.current-month{color:#4a90e2!important;font-size:1.25rem!important;font-weight:600!important;min-width:180px;text-align:center}.today-button{border-color:#fff3!important;border-radius:8px!important;color:#ffffffe6!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.today-button:hover{background:#4a90e226!important;border-color:#4a90e2!important;transform:translateY(-2px)}.calendar-grid{grid-gap:6px;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(7,1fr);max-width:100%;min-height:0;overflow-y:auto;width:100%}.calendar-grid::-webkit-scrollbar{width:8px}.calendar-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.calendar-grid::-webkit-scrollbar-thumb{background:#4a90e266;border-radius:4px}.calendar-grid::-webkit-scrollbar-thumb:hover{background:#4a90e299}.calendar-weekday{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:8px;display:flex;justify-content:center;min-height:32px;padding:8px 4px;text-align:center}.weekday-text{color:#fff9!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:1px;text-transform:uppercase}.calendar-day{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:80px;overflow:hidden;padding:6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-day:hover{background:#4a90e214;border-color:#4a90e24d;box-shadow:0 4px 12px #00000026,0 0 20px #4a90e21a;transform:translateY(-2px)}.calendar-day:hover:after{color:#4a90e24d;content:"+";font-size:32px;font-weight:300;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.calendar-day.has-interviews:hover:after{display:none}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:#4a90e21f;border:2px solid #4a90e280;box-shadow:0 0 20px #4a90e233}.calendar-day.today .day-number{color:#4a90e2;font-weight:700}.calendar-day.past{opacity:.6}.calendar-day.has-interviews{border-color:#4a90e24d}.day-number{color:#ffffffe6;flex-shrink:0;font-size:13px;font-weight:600;margin-bottom:4px;position:relative;z-index:1}.day-interviews{display:flex;flex:1 1;flex-direction:column;gap:3px;margin-top:4px;overflow:hidden;position:relative;z-index:1}.interview-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;cursor:pointer;font-size:10px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.interview-indicator:hover{box-shadow:0 4px 12px #0003;transform:translateX(4px)}.interview-text{color:#fff!important;font-size:10px!important;font-weight:500!important}.more-interviews{color:#ffffff80!important;font-size:10px!important;margin-top:4px;text-align:center}.calendar-dialog-paper{animation:dialogSlideIn .35s cubic-bezier(.25,1.15,.5,1);-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 8px 32px #0006,0 0 1px #ffffff1a!important;color:#e0e0e0!important;overflow:hidden!important}.calendar-dialog-fullscreen .calendar-dialog-paper{background:linear-gradient(180deg,#0f0f14,#12141c)!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.calendar-dialog-title{background-color:#00000026!important;border-bottom:1px solid #ffffff14!important;padding:16px 20px!important}.calendar-dialog-fullscreen .calendar-dialog-title{background-color:#0f0f14!important;flex-shrink:0!important;padding:14px 16px!important}.title-with-icon{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.title-icon{color:#4a90e2!important;flex-shrink:0;font-size:24px!important}.dialog-title-content h6{font-size:1rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-dialog-fullscreen .dialog-title-content h6{font-size:.95rem!important}.dialog-close-button{flex-shrink:0}.calendar-dialog-content{background-color:initial!important;padding:20px!important}.calendar-dialog-fullscreen .calendar-dialog-content{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important}.calendar-dialog-content::-webkit-scrollbar{width:6px}.calendar-dialog-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.calendar-dialog-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.calendar-dialog-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.no-interviews{align-items:center;background-color:#00000026;border:1px dashed #ffffff1a;border-radius:12px;display:flex;justify-content:center;padding:32px 20px;text-align:center}.no-interviews p{color:#ffffff80!important;font-size:.9rem!important}.interviews-list{display:flex;flex-direction:column;gap:12px}.interview-card{background-color:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important;cursor:pointer;overflow:hidden;transition:all .2s ease!important}.interview-card:hover{background-color:#ffffff0f!important;transform:translateX(4px)}.interview-card.selected{background-color:#4a90e214!important;border-color:#4a90e266!important}.interview-card-header{display:flex;position:relative}.interview-priority-bar{min-height:100%;width:3px}.interview-card-content{flex:1 1;padding:14px}.interview-main-info{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.interview-position{color:#e0e0e0!important;flex:1 1;font-size:1rem!important;font-weight:600!important}.status-chip{font-size:.7rem!important;font-weight:600!important;text-transform:capitalize}.interview-details{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.detail-row{align-items:center;display:flex;gap:8px}.detail-icon{color:#fff6!important;font-size:16px!important}.detail-row p{color:#ffffffb3!important;font-size:.85rem!important}.interview-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tag-chip{background:#4a90e21a!important;border-color:#4a90e240!important;color:#4a90e2!important;font-size:.7rem!important}.interview-actions{border-top:1px solid #ffffff14;display:flex;gap:8px;margin-top:10px;padding-top:10px}.action-btn{border:1px solid #ffffff1a!important;border-radius:8px!important;color:#aaa!important;font-size:.8rem!important;font-weight:500!important;padding:6px 12px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.action-btn:hover{background:#4a90e226!important;border-color:#4a90e24d!important;color:#4a90e2!important}.delete-btn:hover{background:#f5656526!important;border-color:#f565654d!important;color:#f56565!important}.calendar-dialog-actions{background-color:#00000026!important;border-top:1px solid #ffffff14!important;gap:10px!important;padding:12px 20px!important}.calendar-dialog-fullscreen .calendar-dialog-actions{background-color:#0f0f14!important;flex-direction:column!important;flex-shrink:0!important;gap:10px!important;padding:16px!important}.calendar-dialog-fullscreen .calendar-dialog-actions button{font-size:.9rem!important;padding:14px!important;width:100%!important}.calendar-dialog-actions button[variant=outlined]{background:#0000!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#aaa!important;font-weight:600!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.calendar-dialog-actions button[variant=outlined]:hover{background:#ffffff14!important;border-color:#fff3!important;color:#fff!important}.calendar-dialog-actions button[variant=contained]{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important;font-weight:600!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.calendar-dialog-actions button[variant=contained]:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important;box-shadow:0 6px 20px #4a90e280,0 0 30px #4a90e24d!important;transform:translateY(-2px)!important}.calendar-dialog-actions button[variant=contained]:disabled{background:#ffffff1a!important;box-shadow:none!important;color:#ffffff4d!important}.calendar-stats{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;margin-top:16px}.stat-card{background:#4a90e214!important;border:1px solid #4a90e233!important;border-radius:12px!important;padding:16px 12px!important;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.stat-card:hover{border-color:#4a90e266!important;box-shadow:0 4px 12px #00000026,0 0 20px #4a90e21a!important;transform:translateY(-4px)}.stat-label{color:#fff9!important;display:block;font-size:.7rem!important;font-weight:600!important;letter-spacing:1px;margin-bottom:8px!important;text-transform:uppercase}.stat-value{color:#4a90e2!important;font-weight:700!important}@media (max-width:768px){.calendar-view{padding:8px}.calendar-header{flex-direction:row;gap:8px;margin-bottom:12px;padding:6px 8px}.calendar-controls{flex:1 1;justify-content:space-between}.current-month{font-size:1rem!important;min-width:auto}.today-button{font-size:.75rem!important;padding:4px 8px!important}.calendar-grid{gap:3px}.calendar-weekday{min-height:24px;padding:4px 1px}.weekday-text{font-size:10px!important;letter-spacing:.3px}.calendar-day{min-height:60px;padding:3px}.day-number{font-size:10px}.interview-indicator{font-size:8px;padding:2px 3px}.interview-text,.more-interviews{font-size:7px!important}.calendar-stats{display:none}.interview-position{font-size:16px!important}.interview-actions{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.calendar-view{padding:4px}.calendar-header{margin-bottom:8px;padding:4px 6px}.calendar-controls{gap:8px}.nav-button{padding:4px!important}.nav-button svg{font-size:1.25rem!important}.current-month{font-size:.85rem!important;min-width:120px}.today-button{font-size:.7rem!important;padding:3px 6px!important}.today-button svg{font-size:.9rem!important}.calendar-grid{gap:2px}.calendar-weekday{min-height:20px;padding:3px 1px}.weekday-text{font-size:9px!important}.calendar-day{min-height:48px;padding:2px}.day-number{font-size:9px;margin-bottom:1px}.day-interviews{gap:1px;margin-top:1px}.interview-indicator{font-size:7px;padding:1px 2px}.interview-text,.more-interviews{font-size:6px!important}.more-interviews{margin-top:2px}.calendar-stats{display:none}}.job-tracker{animation:subtleGlow 8s ease-in-out infinite;background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;position:relative;width:100%}.job-tracker-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff1a;padding:24px 40px;position:relative;z-index:1}.job-tracker .header-content{align-items:center;animation:fadeInUp .5s ease-out;display:flex;justify-content:center;margin:0 auto;max-width:1400px}.header-actions{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;width:100%}.header-actions>:first-child{justify-self:start}.header-actions>:last-child{justify-self:end}.view-toggle{background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;padding:4px!important}.view-toggle-button{border:none!important;border-radius:10px!important;color:#aaa!important;font-size:.85rem!important;font-weight:500!important;justify-content:center!important;min-width:100px!important;padding:8px 16px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.view-toggle-button.Mui-selected{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important}.view-toggle-button:hover{background-color:#ffffff14!important;color:#fff!important}.view-toggle-button.Mui-selected:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important}.add-job-button{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;justify-content:center!important;padding:10px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important;white-space:nowrap!important}.add-job-button:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important;box-shadow:0 6px 20px #4a90e280,0 0 30px #4a90e24d!important;transform:translateY(-2px)!important}.add-job-button:active{transform:translateY(0) scale(.98)!important}.add-job-button:disabled{background:#ffffff1a!important;box-shadow:none!important;color:#ffffff4d!important}.job-application-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 2px 4px #00215533;cursor:grab;margin:0;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-application-card:before{background:radial-gradient(circle,#4a90e226 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.job-application-card:hover:before{opacity:1}.job-application-card:hover{border-color:#4a90e266;box-shadow:0 4px 12px #00000014,0 0 20px #4a90e233!important;transform:translateY(-4px)}.job-application-card:active{cursor:grabbing;transform:scale(.98)}.react-trello-lane article[draggable=true]:hover .job-application-card{transform:none!important}.react-trello-lane article[draggable=true] .job-application-card{transition:none!important}.react-trello-lane article{box-sizing:border-box;padding:8px}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.card-title-section{align-items:center;display:flex;flex:1 1;gap:8px}.priority-indicator{border-radius:3px;flex-shrink:0;height:24px;width:4px}.position-title{color:#fff!important;font-size:1rem!important;font-weight:600!important;line-height:1.4!important;margin:0!important}.card-actions{display:flex;gap:6px;opacity:0;transform:translateX(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.job-application-card:hover .card-actions{opacity:1;transform:translateX(0)}.action-button{border-radius:8px!important;height:32px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:32px!important}.edit-button{background:#ffffff0d!important;color:#ffffffb3!important}.edit-button:hover{background:#4a90e233!important;color:#4a90e2!important;transform:scale(1.1)!important}.delete-button{background:#ffffff0d!important;color:#ffffffb3!important}.delete-button:hover{background:#ef444433!important;color:#ef4444!important;transform:scale(1.1)!important}.card-content{display:flex;flex-direction:column;gap:8px}.company-info,.date-info,.location-info,.notes-preview,.salary-info,.team-info,.url-info{align-items:center;display:flex;gap:8px}.info-icon{color:#ffffff80!important;flex-shrink:0;font-size:16px!important}.company-name,.date-text,.location-text,.notes-text,.salary-text,.team-text{color:#fffc!important;font-size:.8rem!important;line-height:1.3!important;margin:0!important}.job-link{color:#4a90e2!important;font-size:.8rem!important;text-decoration:none!important;transition:color .2s ease!important}.job-link:hover{color:#357abd!important;text-decoration:underline!important}.tags-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.job-tag{background:#4a90e226!important;border:1px solid #4a90e24d!important;color:#4a90e2!important;font-size:.7rem!important;font-weight:500!important;height:22px!important;transition:all .3s ease!important}.job-tag:hover{box-shadow:0 2px 8px #4a90e24d;transform:translateY(-1px)}.more-tags{color:#ffffff80!important;font-size:.7rem!important}.tech-stack-container{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tech-chip{background:#10b9811f!important;border:1px solid #10b98159!important;color:#34d399!important;font-size:.7rem!important;font-weight:500!important;height:20px!important;transition:all .3s ease!important}.tech-chip:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.more-tech{color:#ffffff80!important;font-size:.7rem!important}.metadata-info{display:flex;flex-direction:column;gap:2px;margin-top:4px}.competition-text,.source-text{color:#ffffff80!important;font-size:.65rem!important;line-height:1.2!important}.form-tabs{background-color:#0000001a!important;border-bottom:1px solid #ffffff14!important;border-radius:12px 12px 0 0!important;margin-bottom:16px!important;overflow-x:auto!important;overflow-y:hidden!important}.form-tabs,.form-tabs .MuiTabs-scroller{max-width:100%!important}.form-tabs .MuiTab-root{border-radius:10px!important;color:#aaa!important;font-size:.8rem!important;font-weight:500!important;min-height:44px!important;padding:8px 12px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.form-tabs .MuiTab-root:hover{background-color:#ffffff14!important;color:#fff!important}.form-tabs .MuiTab-root.Mui-selected{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important}.form-tabs .MuiTabs-indicator{display:none!important}.form-tabs .MuiTabs-flexContainer{gap:4px!important;padding:6px!important}.job-dialog-fullscreen .form-tabs{border-radius:10px!important;margin:0 0 16px!important}.job-dialog-fullscreen .form-tabs .MuiTabs-flexContainer{gap:4px!important;padding:6px!important}.job-dialog-fullscreen .form-tabs .MuiTab-root{font-size:.7rem!important;min-height:38px!important;padding:6px 10px!important}.MuiAutocomplete-root .MuiChip-root{background-color:#4a90e226!important;border:1px solid #4a90e240!important;border-radius:8px!important;color:#4a90e2!important;font-size:.75rem!important}.MuiAutocomplete-root .MuiChip-deleteIcon{color:#4a90e299!important;transition:all .2s ease!important}.MuiAutocomplete-root .MuiChip-deleteIcon:hover{color:#4a90e2!important}.quick-add-toggle{background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;padding:4px!important}.job-dialog .MuiToggleButtonGroup-root{flex-wrap:nowrap!important;max-width:100%!important;overflow:hidden!important}.job-dialog .MuiToggleButton-root{flex:1 1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.quick-add-toggle .MuiToggleButton-root{background:#0000!important;border:none!important;border-radius:10px!important;color:#aaa!important;font-size:.85rem!important;font-weight:500!important;padding:10px 16px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.quick-add-toggle .MuiToggleButton-root:hover{background-color:#ffffff14!important;color:#fff!important}.quick-add-toggle .MuiToggleButton-root.Mui-selected{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important}.quick-add-toggle .MuiToggleButton-root.Mui-selected:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important}.quick-add-toggle .MuiToggleButton-root svg{font-size:1.1rem!important;transition:transform .35s cubic-bezier(.25,1.15,.5,1)!important}.quick-add-toggle .MuiToggleButton-root:hover svg{transform:scale(1.1)!important}.job-dialog .MuiAlert-root{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:10px!important;box-sizing:border-box!important}.job-dialog .MuiAlert-message,.job-dialog .MuiAlert-root{word-wrap:break-word!important;max-width:100%!important;overflow:hidden!important}.job-dialog .MuiAlert-standardInfo{background-color:#4a90e21a!important;border-color:#4a90e233!important}.job-dialog .MuiAlert-standardInfo .MuiAlert-icon{color:#4a90e2!important}.job-dialog .MuiAlert-standardSuccess{background-color:#48bb781a!important;border-color:#48bb7833!important}.job-dialog .MuiAlert-standardSuccess .MuiAlert-icon{color:#48bb78!important}.job-dialog .MuiAlert-standardWarning{background-color:#f59e0b1a!important;border-color:#f59e0b33!important}.job-dialog .MuiAlert-standardWarning .MuiAlert-icon{color:#f59e0b!important}.job-dialog .MuiAlert-standardError{background-color:#f565651a!important;border-color:#f5656533!important}.job-dialog .MuiAlert-standardError .MuiAlert-icon{color:#f56565!important}.job-dialog .MuiAlert-message{color:#e0e0e0!important;font-size:.85rem!important}.parse-button{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important;font-size:.95rem!important;font-weight:600!important;padding:14px 24px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.parse-button:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important;box-shadow:0 6px 20px #4a90e280,0 0 30px #4a90e24d!important;transform:translateY(-2px)!important}.parse-button:disabled{background:#ffffff1a!important;box-shadow:none!important;color:#ffffff4d!important}.glassy-divider{border-color:#ffffff14!important;margin:16px 0!important}.glassy-divider .MuiDivider-wrapper{color:#ffffff80!important;font-size:.75rem!important;letter-spacing:.1em!important;text-transform:uppercase!important}.fit-score-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-shadow:0 4px 16px #0000004d,0 0 1px #ffffff1a!important;padding:16px!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.fit-score-card:hover{box-shadow:0 6px 24px #0006,0 0 1px #ffffff26!important;transform:translateY(-2px)!important}.fit-score-card.score-high{background:linear-gradient(135deg,#48bb7814,#48bb7805)!important;border-color:#48bb784d!important}.fit-score-card.score-medium{background:linear-gradient(135deg,#f59e0b14,#f59e0b05)!important;border-color:#f59e0b4d!important}.fit-score-card.score-low{background:linear-gradient(135deg,#f5656514,#f5656505)!important;border-color:#f565654d!important}.bulk-result-card{background-color:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:10px!important;padding:12px!important;transition:all .2s ease!important}.bulk-result-card:hover{background-color:#ffffff0f!important;transform:translateX(4px)!important}.bulk-result-card.success{border-left:3px solid #48bb78!important}.bulk-result-card.error{border-left:3px solid #f56565!important}.bulk-result-card.parsing{border-left:3px solid #4a90e2!important}.manual-entry-button{background:#0000!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#aaa!important;font-size:.9rem!important;font-weight:500!important;padding:12px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.manual-entry-button:hover{background:#ffffff14!important;border-color:#fff3!important;color:#fff!important}.calendar-view-container{animation:fadeInUp .5s ease-out;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;max-width:100%;overflow:hidden;padding:24px;position:relative;z-index:1}.react-trello-board{background:#0000!important;color:#fff!important;flex:1 1;height:calc(100vh - 120px)!important;overflow-x:auto;overflow-y:hidden;padding:32px;position:relative;z-index:1}.react-trello-lane{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 2px 4px #00215533!important;margin:0 14px!important;max-width:340px!important;min-width:320px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.react-trello-lane:hover{border-color:#4a90e233;box-shadow:0 4px 12px #00000014,0 0 20px #4a90e21a!important;transform:translateY(-2px)}.react-trello-lane h1{background:#4a90e20d!important;border-bottom:1px solid #ffffff14!important;border-radius:16px 16px 0 0!important;color:#fff!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.03em!important;margin:0!important;padding:20px 20px 16px!important;text-align:center!important;text-transform:uppercase!important}.react-trello-lane .add-button{background-color:#4a90e2!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;margin:8px!important;padding:8px 12px!important;transition:background-color .2s ease!important}.react-trello-lane .add-button:hover{background-color:#357abd!important}.react-trello-board::-webkit-scrollbar{height:8px}.react-trello-board::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.react-trello-board::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.react-trello-board::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.react-trello-lane::-webkit-scrollbar{width:6px}.react-trello-lane::-webkit-scrollbar-track{background:#ffffff0d}.react-trello-lane::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.react-trello-lane::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.delete-dialog-paper,.job-dialog-paper{animation:dialogSlideIn .35s cubic-bezier(.25,1.15,.5,1);-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 8px 32px #0006,0 0 1px #ffffff1a!important;color:#e0e0e0!important;overflow:hidden!important}.delete-dialog-fullscreen .delete-dialog-paper,.job-dialog-fullscreen .job-dialog-paper{background:linear-gradient(180deg,#0f0f14,#12141c)!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.92) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-dialog-title,.job-dialog-title{background-color:#00000026!important;border-bottom:1px solid #ffffff14!important;padding:16px 20px!important}.delete-dialog-fullscreen .delete-dialog-title,.job-dialog-fullscreen .job-dialog-title{background-color:#0f0f14!important;flex-shrink:0!important;padding:14px 16px!important}.dialog-title-content{align-items:center;display:flex;justify-content:space-between}.dialog-title-content h6{color:#e0e0e0!important;font-size:1.1rem!important;font-weight:600!important;letter-spacing:-.01em!important;margin:0!important}.dialog-close-button{border-radius:8px!important;color:#ffffff80!important;padding:6px!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.dialog-close-button:hover{background-color:#ffffff14!important;color:#fff!important;transform:rotate(90deg)!important}.dialog-close-button svg{transition:transform .35s cubic-bezier(.25,1.15,.5,1)}.dialog-divider{border-color:#ffffff14!important;margin:0!important}.delete-dialog-content,.job-dialog-content{background-color:initial!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px!important}.job-dialog-content>*{box-sizing:border-box!important;max-width:100%!important}.delete-dialog-fullscreen .delete-dialog-content,.job-dialog-fullscreen .job-dialog-content{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important}.form-grid{box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.form-grid,.form-row{max-width:100%;overflow:hidden}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-field{max-width:100%!important;overflow:hidden!important}.form-field .MuiOutlinedInput-root{background-color:#00000026!important;border-radius:10px!important;max-width:100%!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.form-field .MuiOutlinedInput-notchedOutline{border:1px solid #ffffff1a!important;transition:all .2s ease!important}.form-field .MuiOutlinedInput-root:hover{background-color:#0003!important}.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#fff3!important}.form-field .MuiOutlinedInput-root.Mui-focused{background-color:#0003!important}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4a90e2!important;border-width:1px!important;box-shadow:0 0 0 2px #4a90e233!important}.form-field .MuiInputLabel-root{color:#ffffff80!important;font-size:.875rem!important;font-weight:500!important}.form-field .MuiInputLabel-root.Mui-focused{color:#4a90e2!important}.form-field .MuiInputBase-input{color:#e0e0e0!important;font-size:.9rem!important;font-weight:400!important}.form-field .MuiInputBase-input::placeholder{color:#ffffff4d!important;opacity:1!important}.priority-dot{border-radius:50%;height:8px;width:8px}.priority-dot.low{background-color:#10b981}.priority-dot.medium{background-color:#f59e0b}.priority-dot.high{background-color:#ef4444}.delete-dialog-actions,.job-dialog-actions{background-color:#00000026!important;border-top:1px solid #ffffff14!important;gap:10px!important;padding:12px 20px!important}.delete-dialog-fullscreen .delete-dialog-actions,.job-dialog-fullscreen .job-dialog-actions{background-color:#0f0f14!important;flex-direction:column!important;flex-shrink:0!important;gap:10px!important;padding:16px!important}.delete-dialog-fullscreen .cancel-button,.delete-dialog-fullscreen .delete-button-action,.job-dialog-fullscreen .cancel-button,.job-dialog-fullscreen .save-button{font-size:.9rem!important;padding:14px!important;width:100%!important}.cancel-button{background:#0000!important;border:1px solid #ffffff1a!important;border-radius:10px!important;color:#aaa!important;font-size:.875rem!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.cancel-button:hover{background:#ffffff14!important;border-color:#fff3!important;color:#fff!important}.save-button{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.save-button:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important;box-shadow:0 6px 20px #4a90e280,0 0 30px #4a90e24d!important;transform:translateY(-2px)!important}.save-button:active{transform:translateY(0) scale(.98)!important}.save-button:disabled{background:#ffffff1a!important;box-shadow:none!important;color:#ffffff4d!important}.delete-button-action{background:linear-gradient(135deg,#f56565,#e53e3e)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #f5656566,0 0 20px #f5656533!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.delete-button-action:hover{background:linear-gradient(135deg,#ff7b7b,#f05050)!important;box-shadow:0 6px 20px #f5656580,0 0 30px #f565654d!important;transform:translateY(-2px)!important}.delete-button-action:active{transform:translateY(0) scale(.98)!important}.delete-warning-text{color:#aaa!important;font-size:.9rem!important;line-height:1.6!important}.MuiMenu-paper{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background-color:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-shadow:0 8px 32px #0006,0 0 1px #ffffff1a!important}.MuiMenuItem-root{border-radius:8px!important;color:#aaa!important;font-size:.85rem!important;margin:4px 8px!important;padding:10px 14px!important;transition:all .2s ease!important}.MuiMenuItem-root:hover{background-color:#ffffff14!important;color:#fff!important}.MuiMenuItem-root.Mui-selected{background:linear-gradient(135deg,#4a90e233,#4a90e21a)!important;color:#4a90e2!important}.MuiMenuItem-root.Mui-selected:hover{background:linear-gradient(135deg,#4a90e24d,#4a90e226)!important}.form-field .MuiSelect-icon{color:#ffffff80!important;transition:transform .35s cubic-bezier(.25,1.15,.5,1)!important}.form-field .MuiSelect-select{padding-right:32px!important}.interview-dates-section{margin-top:12px}.interview-dates-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.interview-date-card{background-color:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px!important;overflow:hidden!important;padding:12px 16px!important;position:relative!important;transition:all .2s ease!important}.interview-date-card:before{background:linear-gradient(180deg,#4a90e2,#3a7bc8);bottom:0;content:"";left:0;opacity:.6;position:absolute;top:0;transition:opacity .2s ease;width:3px}.interview-date-card:hover{background-color:#ffffff0f!important;transform:translateX(4px)}.interview-date-card:hover:before{opacity:1}.interview-date-content{align-items:center;display:flex;gap:12px}.interview-date-icon{color:#4a90e2!important;font-size:18px!important}.interview-date-text{color:#e0e0e0!important;flex:1 1;font-size:.875rem!important;font-weight:500!important}.remove-date-button{border-radius:8px!important;color:#ffffff80!important;padding:4px!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.remove-date-button:hover{background:#f5656526!important;color:#f56565!important}.no-interviews-message{background-color:#00000026;border:1px dashed #ffffff1a;border-radius:12px;padding:24px 16px;text-align:center}.add-interview-button{background:linear-gradient(135deg,#4a90e2,#3a7bc8)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #4a90e266,0 0 20px #4a90e233!important;color:#fff!important;font-size:.875rem!important;font-weight:600!important;padding:12px 20px!important;text-transform:none!important;transition:all .35s cubic-bezier(.25,1.15,.5,1)!important}.add-interview-button:hover{background:linear-gradient(135deg,#5a9ef0,#4a8cd8)!important;box-shadow:0 6px 20px #4a90e280,0 0 30px #4a90e24d!important;transform:translateY(-2px)}.add-interview-button:active{transform:translateY(0) scale(.98)!important}.add-interview-button:disabled{background:#ffffff14!important;box-shadow:none!important;color:#ffffff4d!important;cursor:not-allowed!important}@media (max-width:1335px){.job-tracker-header{padding:16px 20px}.header-actions,.header-content{justify-content:center}.header-actions{flex-wrap:wrap;gap:12px}}@media (max-width:768px){.job-tracker-header{padding:12px 16px}.header-content{justify-content:center}.header-actions{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;width:100%}.view-toggle{border-radius:10px!important;padding:3px!important;width:auto!important}.view-toggle-button{border-radius:8px!important;font-size:.8rem!important;min-width:90px!important;padding:6px 12px!important}.view-toggle-button svg{font-size:.95rem!important;margin-right:4px!important}.add-job-button{border-radius:10px!important;padding:8px 16px!important;width:auto!important}.calendar-view-container{padding:10px}.react-trello-lane{border-radius:12px!important;margin:0 8px!important;max-width:300px!important;min-width:280px!important}.react-trello-board{height:calc(100vh - 100px)!important;padding:12px 10px}.form-row{gap:12px;grid-template-columns:1fr}.job-application-card{border-radius:12px;margin:0;padding:12px}.react-trello-lane article{padding:6px}.card-actions{opacity:1}.delete-dialog-paper,.job-dialog-paper{border-radius:12px!important;margin:8px!important;max-height:calc(100vh - 16px)!important}.delete-dialog-title,.job-dialog-title{padding:12px 16px!important}.dialog-title-content h6{font-size:1rem!important}.delete-dialog-content,.job-dialog-content{padding:12px 16px!important}.delete-dialog-actions,.job-dialog-actions{flex-direction:column!important;gap:8px!important;padding:10px 16px!important}.cancel-button,.delete-button-action,.save-button{border-radius:8px!important;padding:12px!important;width:100%!important}.form-tabs{-webkit-overflow-scrolling:touch!important;margin-bottom:12px!important;overflow-x:auto!important}.form-tabs .MuiTabs-flexContainer{gap:2px!important;padding:4px!important}.form-tabs .MuiTab-root{border-radius:8px!important;flex:none!important;font-size:.7rem!important;min-height:36px!important;min-width:auto!important;padding:6px 8px!important}.form-tabs .MuiTab-root svg{font-size:.9rem!important;margin-right:2px!important}.form-field .MuiOutlinedInput-root{border-radius:8px!important}.form-field .MuiInputBase-input{font-size:.85rem!important;padding:12px!important}.form-field .MuiInputLabel-root{font-size:.8rem!important}.interview-date-card{border-radius:10px!important;padding:10px 12px!important}.interview-date-icon{font-size:16px!important}.add-interview-button,.interview-date-text{font-size:.8rem!important}.add-interview-button{border-radius:8px!important;padding:10px 16px!important}.no-interviews-message{border-radius:10px;padding:16px 12px}}@media (max-width:600px){.job-tracker-header{padding:10px 12px}.view-toggle-button{font-size:.75rem!important;min-width:80px!important;padding:5px 10px!important}.view-toggle-button svg{font-size:.9rem!important;margin-right:3px!important}.add-job-button{border-radius:8px!important;height:38px!important;min-width:38px!important;padding:0!important;width:38px!important}.form-grid{gap:12px}.form-tabs .MuiTab-root{font-size:.65rem!important;padding:5px 6px!important}.form-tabs .MuiTab-root svg{font-size:.8rem!important}}@media (max-width:480px){.job-tracker-header{padding:8px 10px}.header-actions{gap:4px}.view-toggle{border-radius:8px!important;padding:2px!important}.view-toggle-button{border-radius:6px!important;font-size:.7rem!important;min-width:70px!important;padding:4px 8px!important}.view-toggle-button svg{font-size:.85rem!important;margin-right:2px!important}.add-job-button{height:34px!important;min-width:34px!important;width:34px!important}.react-trello-lane{border-radius:10px!important;max-width:280px!important;min-width:260px!important}.react-trello-board{height:calc(100vh - 80px)!important;padding:10px 6px}.delete-dialog-paper,.job-dialog-paper{border-radius:10px!important;margin:4px!important}.delete-dialog-content,.delete-dialog-title,.job-dialog-content,.job-dialog-title{padding:10px 12px!important}.delete-dialog-actions,.job-dialog-actions{padding:8px 12px!important}.cancel-button,.delete-button-action,.save-button{font-size:.8rem!important;padding:10px!important}}@media (max-width:380px){.job-tracker-header{padding:6px 8px}.view-toggle-button{font-size:.65rem!important;min-width:62px!important;padding:4px 6px!important}.view-toggle-button svg{font-size:.8rem!important;margin-right:2px!important}.add-job-button{height:30px!important;min-width:30px!important;width:30px!important}.add-job-button svg{font-size:1rem!important}.form-tabs .MuiTab-root{font-size:.6rem!important;padding:4px 5px!important}.form-tabs .MuiTab-root svg{font-size:.75rem!important;margin-right:1px!important}}.delete-dialog-content::-webkit-scrollbar,.job-dialog-content::-webkit-scrollbar{width:6px}.delete-dialog-content::-webkit-scrollbar-track,.job-dialog-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.delete-dialog-content::-webkit-scrollbar-thumb,.job-dialog-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.delete-dialog-content::-webkit-scrollbar-thumb:hover,.job-dialog-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.MuiTooltip-tooltip{background-color:#1a1d24!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 20px #0009!important;color:#f0f0f0!important;font-size:13px!important;max-width:300px!important;padding:10px 14px!important}.MuiTooltip-arrow{color:#1a1d24!important}.add-interview-button:focus-visible,.add-job-button:focus-visible,.cancel-button:focus-visible,.delete-button-action:focus-visible,.save-button:focus-visible,.view-toggle-button:focus-visible{outline:2px solid #4a90e2!important;outline-offset:2px!important}.MuiCircularProgress-root{color:#4a90e2!important}.algo-digest-container{animation:subtleGlow 8s ease-in-out infinite;background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px 40px 40px}@media (max-width:600px){.algo-digest-container{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding:16px}}.unified-nav-bar{animation:navSlideIn .3s ease-out}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.unified-nav-bar:after{background:linear-gradient(90deg,#0000,#1e1e28cc);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:180px;top:0;transition:opacity .3s ease;width:40px}@media (max-width:900px){.unified-nav-bar:after{opacity:1}}@media (max-width:768px){.unified-nav-bar{flex-wrap:nowrap!important;gap:4px!important;padding:6px 8px!important}.unified-nav-bar:after{display:none}}@media (max-width:480px){.unified-nav-bar{gap:2px!important;min-height:44px!important;padding:6px!important}}.digest-controls,.digest-header,.digest-prep-mode-tabs{display:none}.digest-title{display:flex;flex-direction:column;font-size:1.5rem!important;font-weight:700}.digest-subtitle{color:#888;font-size:1rem;font-weight:400;margin-top:4px}.mode-chip{background-color:#4a90e21a!important;border:1px solid #4a90e24d!important;color:#4a90e2!important}.digest-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));min-height:0;padding-bottom:40px}.digest-grid-mobile{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding-bottom:40px}.digest-grid-mobile .infographic-card{min-height:auto}.concept-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 2px 4px #00215533;color:#fff;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.concept-card.infographic-card,.infographic-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;min-height:500px;overflow:visible!important}.concept-card.infographic-card:hover,.infographic-card:hover{border:#0000!important}.infographic-card .infographic-image{transition:transform .4s ease}.infographic-card:hover .infographic-image{transform:scale(1.1) rotate(2deg)}.infographic-card:before{display:none!important}.concept-card:before{background:radial-gradient(circle,#4a90e226 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.concept-card:hover:not(.infographic-card):before{animation:rotateGlow 8s linear infinite;opacity:1}.concept-card:hover:not(.infographic-card){border-color:#4a90e2;box-shadow:0 4px 12px #00000014,0 0 20px #4a90e24d,0 0 40px #4a90e21a!important;transform:translateY(-4px)}.card-icon{color:#fff9;font-size:3rem;margin-bottom:16px}.card-tags{display:flex;gap:8px}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-actions{align-items:center;display:flex;gap:16px}.modal-title-group{display:flex;flex-direction:column;gap:8px}.digest-tabs{border-bottom:1px solid #ffffff1a;margin-top:16px}.digest-tabs .MuiTab-root{color:#888!important;min-height:60px;text-transform:none!important}.digest-tabs .Mui-selected{color:#4a90e2!important}.digest-tabs .MuiTabs-indicator{background-color:#4a90e2!important}.code-block{background-color:#111;border:1px solid #ffffff1a;border-radius:8px;color:#a5d6ff;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;padding:20px}.placeholder-visual{align-items:center;background-color:#0003;border:2px dashed #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:300px;justify-content:center;width:100%}.digest-dialog-paper{background:linear-gradient(135deg,#1a2f4a,#161b22)!important;border:1px solid #ffffff1a!important;border-radius:16px!important;box-shadow:0 8px 32px #0006!important;color:#fff!important;position:relative}.digest-nav-footer{align-items:center;background-color:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:auto;padding:16px}.concept-card{animation:fadeInUp .25s ease-out forwards;opacity:0}@media (max-width:1335px){.algo-digest-container{padding:20px 24px}.modal-header{align-items:stretch;flex-direction:column;gap:16px}.modal-actions{justify-content:space-between;width:100%}}@media (max-width:600px){.algo-digest-container.is-mobile{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:8px}.algo-digest-container.is-mobile .swipeable-card-deck{flex:1 1;height:calc(100vh - 120px);min-height:0;padding:4px}.algo-digest-container.is-mobile .unified-nav-bar{flex-shrink:0}.digest-title{align-items:center;font-size:1.3rem!important}}.swipeable-card-deck{align-items:center;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 130px);justify-content:flex-start;min-height:400px;padding:4px 8px;position:relative;touch-action:pan-y}.card-stack-container{flex:1 1;height:100%;margin:0 auto;max-width:400px;min-height:0;padding-bottom:12px;padding-top:0;perspective:1200px;position:relative;width:100%}.stacked-card{border-radius:24px;height:calc(100% - 12px);left:0;pointer-events:none;position:absolute;top:0;width:100%}.deck-card-4{box-shadow:0 10px 30px -10px #0006;opacity:.7;transform:translateY(18px) translateX(-6px) rotate(-2deg) scale(.94);transform-origin:center bottom;z-index:2}.deck-card-3{box-shadow:0 12px 35px -10px #0006;opacity:.8;transform:translateY(12px) translateX(6px) rotate(2deg) scale(.96);transform-origin:center bottom;z-index:3}.deck-card-2{box-shadow:0 15px 40px -10px #00000073;transform:translateY(6px) scale(.98);z-index:4}.stacked-card-content{border-radius:24px;height:calc(100% - 12px)!important;left:0!important;overflow:hidden;pointer-events:none;top:0!important;width:100%!important}.stacked-card-content .swipe-card{pointer-events:none}.active-card-wrapper{border-radius:24px;box-shadow:0 25px 50px -15px #00000080;cursor:grab;height:calc(100% - 12px);left:0;position:absolute;top:0;touch-action:pan-y;width:100%;z-index:100}.active-card-wrapper:active{cursor:grabbing}.swipe-card{display:flex;flex-direction:column;height:100%;-webkit-user-select:none;user-select:none;width:100%}.swipe-card .MuiCardActionArea-root{height:100%}.swipe-indicator{align-items:center;border-radius:12px;display:flex;flex-direction:column;font-size:.75rem;font-weight:600;gap:4px;padding:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:101}.swipe-indicator.left{background:#ff6464e6;color:#fff;left:-70px}.swipe-indicator.right{background:#64c864e6;color:#fff;right:-70px}.deck-bottom-nav{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:auto;padding:8px 0 4px}.deck-progress-inline{align-items:center;display:flex;gap:8px}@keyframes flyOffLeft{to{opacity:0;transform:translateX(-150%) rotate(-30deg)}}@keyframes flyOffRight{to{opacity:0;transform:translateX(150%) rotate(30deg)}}@keyframes cardEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:380px){.swipeable-card-deck{padding:2px 4px}.card-stack-container{max-width:100%;padding-bottom:8px}.active-card-wrapper,.stacked-card,.stacked-card-content{height:calc(100% - 8px)!important}.swipe-indicator.left{font-size:.65rem;left:-45px;padding:8px}.swipe-indicator.right{font-size:.65rem;padding:8px;right:-45px}.deck-card-4{transform:translateY(8px) translateX(-3px) rotate(-1deg) scale(.95)}.deck-card-3{transform:translateY(5px) translateX(3px) rotate(1deg) scale(.97)}.deck-card-2{transform:translateY(3px) scale(.98)}.deck-bottom-nav{padding:2px 0}}.flippable-card-container{height:100%;perspective:1500px;width:100%}.flippable-card-inner{height:100%;position:relative;transform-style:preserve-3d;width:100%}.flippable-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;position:absolute;width:100%}.flippable-card-front{z-index:2}.flippable-card-back{transform:rotateY(180deg);z-index:1}.flippable-card-container:hover .flippable-card-front{box-shadow:0 25px 50px -10px #0006!important}.flippable-card-container{touch-action:manipulation}.flippable-card-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;transform:translateZ(0)}.flippable-card-scroll,.flippable-card-scroll *{user-select:text!important;-webkit-user-select:text!important}.flippable-card-back ::-webkit-scrollbar{height:4px;width:4px}.flippable-card-back ::-webkit-scrollbar-track{background:#0000}.flippable-card-back ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.flippable-card-back ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.grid-flippable-card{cursor:pointer;perspective:1500px}.grid-flippable-card .flippable-card-inner{transition:transform .6s cubic-bezier(.4,0,.2,1)}.grid-flippable-card.is-flipped .flippable-card-inner{transform:rotateY(180deg)}.flippable-card-container *{user-select:none;-webkit-user-select:none}.flippable-card-back .MuiBox-root{box-sizing:border-box}.flippable-card-back>.MuiBox-root{padding-bottom:12px!important}.mock-interview-container{color:#e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.mock-interview-loading{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1219e6;inset:0;position:absolute;z-index:100}.mock-interview-loading,.mock-interview-login-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center}.mock-interview-login-prompt{height:100%;padding:40px;text-align:center}.mock-interview-history{-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin;width:100%}.mock-interview-history::-webkit-scrollbar{width:6px}.mock-interview-history::-webkit-scrollbar-track{background:#0000}.mock-interview-history::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.mock-interview-history::-webkit-scrollbar-thumb:hover{background:#ffffff40}.mock-interview-history>*{box-sizing:border-box;max-width:100%}.mock-interview-history .MuiPaper-root{box-sizing:border-box;max-width:100%;overflow:hidden}.mock-interview-setup{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:900px;overflow:hidden;padding:40px 40px 0;width:100%}@media (max-width:480px){.mock-interview-setup{padding:16px 16px 0}}.setup-header{flex-shrink:0;margin-bottom:16px;text-align:center}.mock-interview-setup .MuiStepper-root{flex-shrink:0}.setup-content-wrapper{flex:1 1;min-height:0;overflow:hidden;position:relative}.setup-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;scrollbar-width:none}.setup-content::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}.setup-step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setup-navigation{flex-shrink:0}.mock-interview-session{background:#0f1219;display:flex;flex-direction:column;height:100%;width:100%}.mock-interview-session.fullscreen{inset:0;position:fixed;z-index:9999}.session-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a202cf2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;min-height:48px;padding:10px 16px}.header-left,.session-header{align-items:center;display:flex}.header-left{flex:1 1;gap:8px;min-width:0}.header-center{justify-content:center}.header-center,.header-right{align-items:center;display:flex}.header-right{gap:8px}.header-right .MuiIconButton-root{color:#a0aec099;transition:all .2s ease}.header-right .MuiIconButton-root:hover{background-color:#ffffff0f;color:#e2e8f0d9}.header-right .MuiIconButton-root.exit-button{color:#f5656580}.header-right .MuiIconButton-root.exit-button:hover{background-color:#f565651a;color:#f56565d9}.header-right .complete-button{background:#48bb7826;border:1px solid #48bb7840;box-shadow:none;color:#48bb78e6}.header-right .complete-button:hover{background:#48bb7840;border-color:#48bb7866;box-shadow:none}.round-navigation{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.round-navigation::-webkit-scrollbar{display:none}.round-indicator{opacity:.6;transition:all .2s ease}.round-indicator.active{opacity:1}.round-indicator.completed{opacity:.8}.session-timer-wrapper{align-items:center;display:flex;gap:12px;transition:all .3s ease}.session-timer-wrapper .widget{background:#ffffff14!important;border-radius:12px!important}.session-timer-wrapper .pomodoro-time-banner{background:#0000!important}.session-timer-wrapper.low .widget{background:#f5656533!important}.session-timer-wrapper.low .time{animation:pulse 1s infinite;color:#f56565!important}.session-timer-wrapper.paused .widget{background:#f6ad5533!important}.session-timer{align-items:center;background:#ffffff0d;border-radius:12px;color:#e2e8f0;display:flex;font-family:SF Mono,Fira Code,monospace;padding:8px 20px;transition:all .3s ease}.session-timer.low{animation:pulse 1s infinite;background:#f5656533;color:#f56565}.session-timer.paused{background:#f6ad5533;color:#f6ad55}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.embedded-chatbot-container,.session-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.embedded-chatbot-container .chatbot-layout{height:100%}.embedded-chatbot-container .chatbot-layout.embedded-mode{background:#0000}.round-start-screen{align-items:safe center;background:radial-gradient(ellipse at center,#667eea14 0,#0000 70%);display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:40px}.round-info-card{align-items:center;animation:scaleIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202ccc;border:1px solid #ffffff1a;border-radius:28px;display:flex;flex-direction:column;max-width:500px;padding:48px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-chat-layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:280px 1fr;overflow:hidden}@media (max-width:900px){.video-chat-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.interviewer-panel{align-items:center;background:linear-gradient(180deg,#1a202cf2,#0f1219f2);border-right:1px solid #ffffff14;display:flex;flex-direction:column;justify-content:center;padding:32px}@media (max-width:900px){.interviewer-panel{border-bottom:1px solid #ffffff14;border-right:none;padding:16px}}.video-frame{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.video-frame.interviewer{aspect-ratio:1;max-width:200px;width:100%}.ai-avatar-container{align-items:center;display:flex;flex-direction:column;gap:16px}.ai-label{background:#ffffff0d;border-radius:20px;font-size:.85rem;padding:6px 12px}.ai-label,.video-status{align-items:center;color:#a0aec0;display:flex}.video-status{background:#00000080;border-radius:12px;bottom:-24px;font-size:.75rem;padding:4px 10px;position:absolute}.interviewee-panel{background:#0f1219;display:flex;flex-direction:column;overflow:hidden}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#0000}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#fff3}.message{align-items:flex-start;animation:messageIn .3s ease;display:flex;max-width:85%}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.assistant{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.system{align-self:center;max-width:100%}.message-content{border-radius:20px;line-height:1.6;padding:16px 20px}.message.assistant .message-content{background:#ffffff0d;border-bottom-left-radius:4px}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px}.message.system .message-content{background:#0000;padding:8px 16px}.typing-indicator{align-items:center;background:#ffffff0d;border-radius:20px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:16px 20px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.input-area{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a202ccc;border-top:1px solid #ffffff14;display:flex;gap:12px;padding:20px 24px}.voice-controls{align-items:center;display:flex}.text-input-container{flex:1 1;position:relative}.mock-interview-summary{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.summary-hero{background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom:1px solid #ffffff14;padding:60px 40px;text-align:center}.hero-content,.summary-hero{box-sizing:border-box;width:100%}.hero-content{margin:0 auto;max-width:600px}.quick-stats{align-items:center;background:#0003;border-radius:20px;box-sizing:border-box;display:flex;gap:40px;justify-content:center;margin-top:32px;max-width:100%;padding:24px}.quick-stats .stat{align-items:center;display:flex;flex-direction:column}.summary-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;padding:40px;width:100%}.rounds-section{margin-bottom:40px;max-width:100%}.summary-actions{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}@media (max-width:1024px){.mock-interview-setup{max-width:100%;padding:32px 24px}.summary-content{padding:32px 24px}.mock-interview-history{padding:24px 16px!important}}@media (max-width:768px){.mock-interview-setup{padding:20px 16px 0}.setup-header{margin-bottom:16px}.setup-header h4{font-size:1.5rem!important}.setup-step-content{padding:0}.setup-step-content h5{font-size:1.25rem!important}.mock-interview-history{padding:16px 12px!important}.mock-interview-history .MuiPaper-root{padding:16px!important}.session-header{flex-wrap:nowrap;gap:8px;padding:8px 12px}.header-left{-webkit-overflow-scrolling:touch;flex:1 1;min-width:0;overflow-x:auto;scrollbar-width:none}.header-left::-webkit-scrollbar{display:none}.header-center{flex-shrink:0}.header-right{flex-shrink:0;gap:2px}.header-right .MuiButton-root{font-size:.75rem!important;padding:4px 10px!important}.round-navigation{gap:4px}.round-indicator{flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 8px!important}.round-start-screen{padding:20px 16px}.round-info-card{border-radius:20px;max-width:100%;padding:28px 20px;width:100%}.round-info-card h4{font-size:1.25rem!important}.messages-area{gap:16px;padding:12px}.message{max-width:92%}.message-content{font-size:.9rem;padding:12px 16px}.input-area{flex-wrap:wrap;gap:8px;padding:12px}.summary-hero{padding:32px 16px}.summary-hero h3{font-size:1.5rem!important}.quick-stats{flex-direction:column;gap:20px;padding:20px 16px}.quick-stats .stat h4{font-size:1.5rem!important}.quick-stats .MuiDivider-root{display:none}.summary-content{padding:20px 16px}.summary-actions{flex-direction:column;gap:12px}.summary-actions .MuiButton-root{width:100%}}@media (max-width:480px){.mock-interview-setup{padding:16px 12px 0}.setup-header{margin-bottom:12px}.setup-header h4{font-size:1.3rem!important}.setup-step-content h5{font-size:1.1rem!important}.session-header{gap:4px;padding:6px 8px}.header-left{gap:4px}.header-center{display:none}.header-right{gap:0}.header-right .MuiIconButton-root{padding:4px}.header-right .MuiIconButton-root svg{font-size:1rem}.header-right .MuiButton-root{font-size:.65rem!important;min-width:auto;padding:3px 6px!important}.round-navigation{gap:2px}.round-indicator{padding:4px 6px!important}.round-start-screen{align-items:flex-start;overflow-y:auto;padding:16px 12px}.round-info-card{border-radius:16px;padding:24px 16px}.round-info-card h4{font-size:1.1rem!important}.round-info-card .MuiButton-root{padding:12px 24px!important;width:100%}.messages-area{gap:12px;padding:10px}.message{max-width:95%}.message-content{border-radius:16px;font-size:.85rem;padding:10px 14px}.input-area{gap:6px;padding:10px}.summary-hero{padding:24px 12px}.summary-hero h3{font-size:1.25rem!important}.hero-content svg{font-size:48px!important}.quick-stats{border-radius:16px;gap:16px;padding:16px 12px}.quick-stats .stat h4{font-size:1.25rem!important}.summary-content{padding:16px 12px}.rounds-section h5{font-size:1.1rem!important}.rounds-section .MuiAccordion-root{border-radius:12px!important}.rounds-section .MuiAccordionSummary-content{flex-wrap:wrap;gap:8px!important}.rounds-section .MuiAccordionDetails-root{padding:12px!important}.mock-interview-login-prompt{padding:24px 16px}.mock-interview-login-prompt h4{font-size:1.25rem!important}}@media (max-width:360px){.mock-interview-setup{padding:12px 8px 0}.session-header{padding:4px 6px}.header-right .MuiButton-root{display:none}.header-right .MuiIconButton-root{padding:3px}.round-indicator{padding:3px 4px!important}.round-info-card{padding:20px 12px}.summary-hero{padding:20px 10px}.summary-content{padding:12px 10px}}@media (hover:none) and (pointer:coarse){.round-indicator{align-items:center;display:flex;min-height:44px}.header-right .MuiIconButton-root{min-height:44px;min-width:44px}.setup-navigation .MuiButton-root{min-height:48px}.round-info-card .MuiButton-root{min-height:52px}}.loading-shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.mock-interview-container{background:#000}.session-header{border-bottom:2px solid #fff}.message-content{border:1px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.podcast-hub-container{animation:subtleGlow 8s ease-in-out infinite;background:linear-gradient(131deg,#1b1b1b,#00215552,#1f1e2b,#050a1b63,#0a0f1f94,#02163a1a);color:#fff;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:40px}@media (max-width:600px){.podcast-hub-container{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}}@keyframes subtleGlow{0%,to{box-shadow:inset 0 0 100px #4a90e208}50%{box-shadow:inset 0 0 100px #9f7aea0d}}.podcast-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.podcast-category-tabs{margin-bottom:0}.podcast-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.podcast-controls .search-bar{max-width:none;width:100%}.podcast-card{animation:fadeInUp .25s ease-out both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff0d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.podcast-card:before{background:radial-gradient(circle,#4a90e226 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.podcast-card:hover:before{animation:rotateGlow 8s linear infinite;opacity:1}.podcast-card:hover{border-color:#4a90e2;box-shadow:0 4px 12px #00000014,0 0 20px #4a90e24d,0 0 40px #4a90e21a!important}@keyframes rotateGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.podcast-card.playing{animation:fadeInUp .25s ease-out both,pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 20px #4a90e24d}50%{box-shadow:0 0 30px #4a90e280}}.podcast-card .MuiCardContent-root{display:flex;flex-direction:column;height:100%}.audio-visualizer-mini{align-items:flex-end;animation:visualizer-pulse .5s ease-in-out infinite alternate;display:flex;gap:2px;height:16px}@keyframes visualizer-pulse{0%{transform:translateX(-50%) scaleY(.8)}to{transform:translateX(-50%) scaleY(1.2)}}.podcast-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#1b1b1bf2,#0f0f1afa);border-top:1px solid #4a90e233;bottom:0;box-shadow:0 -10px 40px #00000080;left:86px;padding:16px 24px;position:fixed;right:0;z-index:1200}@media (max-width:1335px){.podcast-player{bottom:62px;left:0}.podcast-hub-container{padding-bottom:200px}}.player-content{gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px}.player-content,.player-info{align-items:center;display:flex}.player-info{flex:0 0 250px;gap:16px;min-width:0}.player-controls{flex:1 1;flex-direction:column;max-width:600px}.player-controls,.player-settings{align-items:center;display:flex;gap:8px}.player-settings{flex:0 0 200px;justify-content:flex-end}@media (max-width:900px){.player-content{flex-wrap:wrap}.player-info{flex:1 1 100%;order:1}.player-controls{flex:1 1 100%;max-width:none;order:2}.player-settings{flex:1 1 100%;justify-content:center;order:3}}.featured-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:100px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.waveform-animation{align-items:flex-end;display:flex;gap:3px;height:30px}.waveform-bar{animation:wave .5s ease-in-out infinite;background:linear-gradient(180deg,#4a90e2,#9f7aea);border-radius:2px;width:4px}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:10px}50%{height:30px}}.episode-progress{background:linear-gradient(90deg,#4a90e2,#9f7aea);bottom:0;height:3px;left:0;position:absolute;transition:width .3s ease}.podcast-hub-container::-webkit-scrollbar{width:8px}.podcast-hub-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.podcast-hub-container::-webkit-scrollbar-thumb{background:#4a90e280;border-radius:4px}.podcast-hub-container::-webkit-scrollbar-thumb:hover{background:#4a90e2b3}.podcast-skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:20px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.now-playing-indicator{align-items:center;animation:glow 2s ease-in-out infinite;background:#4a90e21a;border-radius:100px;display:flex;gap:8px;padding:8px 16px}@keyframes glow{0%,to{box-shadow:0 0 10px #4a90e24d}50%{box-shadow:0 0 20px #4a90e280}}.topic-tag{transition:all .2s ease}.topic-tag:hover{background-color:#4a90e233!important;transform:translateY(-1px)}.play-button-ripple{overflow:hidden;position:relative}.play-button-ripple:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;width:100%}.play-button-ripple:active:after{transform:translate(-50%,-50%) scale(2)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-state-icon{font-size:5rem;margin-bottom:24px;opacity:.2}.category-pill-active{position:relative}.category-pill-active:before{background:#4a90e2;border-radius:2px;bottom:-4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.audio-spectrum{align-items:center;display:flex;gap:2px;height:40px;padding:0 16px}.spectrum-bar{background:linear-gradient(180deg,#4a90e2,#9f7aea);border-radius:2px;transition:height .1s ease;width:3px}@media (max-width:1335px){.podcast-header{align-items:stretch;flex-direction:column;gap:24px}.podcast-header>div:first-child{display:flex;justify-content:center;text-align:center}.podcast-controls{align-items:center;flex-direction:row;gap:8px}.podcast-controls>div:first-child{flex:1 1;min-width:0}.podcast-hub-container{padding:20px}}@media (max-width:600px){.podcast-hub-container.is-mobile{padding:16px}.podcast-hub-container.is-mobile .podcast-controls,.podcast-hub-container.is-mobile .podcast-header{margin-bottom:12px}.podcast-controls{gap:8px;margin-bottom:16px}.podcast-controls .search-bar{min-width:0;min-width:auto}.podcast-controls .search-bar .MuiInputLabel-root{left:28px}.podcast-controls .search-bar .MuiInputLabel-shrink{left:0}.podcast-header h4{font-size:1.5rem!important}.player-info{flex:0 0 auto}.player-info>div:first-of-type{font-size:1rem!important;height:40px!important;width:40px!important}}.podcast-card:hover .card-thumbnail{transform:scale(1.05)}.card-thumbnail{transition:transform .3s ease}.queue-item-handle{cursor:grab;opacity:.5;transition:opacity .2s ease}.queue-item-handle:hover{opacity:1}.queue-item-handle:active{cursor:grabbing}.podcast-main-tabs{display:flex;justify-content:center;margin-bottom:24px}.podcast-main-view-tabs{background:#0000004d;border-radius:16px;padding:4px}.podcast-generator-container{animation:fadeInUp .3s ease-out}.podcast-generator{margin:0 auto;max-width:800px}.typing-cursor{animation:blink 1s step-end infinite;color:#9f7aea}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.podcast-card.generated{border:2px solid #0000;transition:all .3s ease}.podcast-card.generated:hover{border-color:#9f7aea;box-shadow:0 10px 30px #9f7aea33;transform:translateY(-4px)}.podcast-generator .MuiFormControl-root{transition:all .2s ease}.podcast-generator .MuiFormControl-root:focus-within{transform:translateY(-2px)}.podcast-generator .MuiMenuItem-root{padding:12px 16px}.podcast-generator .MuiLinearProgress-root{overflow:hidden}.podcast-generator .MuiLinearProgress-bar{animation:progress-shimmer 2s ease-in-out infinite}@keyframes progress-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.podcast-generator .MuiChip-root{transition:all .2s ease}.podcast-generator .MuiChip-root:hover{box-shadow:0 4px 12px #9f7aea4d;transform:translateY(-2px)}.podcast-generator .script-preview{position:relative}.podcast-generator .script-preview:before{background:linear-gradient(180deg,#00000080,#0000);top:0}.podcast-generator .script-preview:after,.podcast-generator .script-preview:before{content:"";height:40px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.podcast-generator .script-preview:after{background:linear-gradient(0deg,#00000080,#0000);bottom:0}@keyframes generate-pulse{0%,to{box-shadow:0 0 0 0 #9f7aea66}50%{box-shadow:0 0 20px 10px #9f7aea00}}.podcast-generator button[class*=MuiButton-contained]:not(:disabled){animation:generate-pulse 2s ease-in-out infinite}.podcast-generator button[class*=MuiButton-contained]:hover{animation:none}@media (max-width:600px){.podcast-generator{padding:0 8px}.podcast-main-tabs{margin-bottom:16px}.podcast-generator-container{padding-bottom:100px}}@keyframes bookmark-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.bookmark-animated{animation:bookmark-pop .3s ease}.player-loading{position:relative}.player-loading:after{animation:loading-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4a90e2,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.syntax-learning-container{background:linear-gradient(145deg,#0d1117,#161b22 50%,#1a1f2c);color:#e6edf3;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px 40px 40px}.syntax-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.syntax-subtitle{color:#8b949e;flex:1 1;font-family:Inter,sans-serif;font-size:1rem!important;text-align:center}.syntax-stats-bar{align-items:center;display:flex;gap:12px}.syntax-stat-chip{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:#8b949e!important;font-weight:600!important;padding:4px 8px!important}.syntax-stat-chip.streak-chip{background:#ffd7001a!important;border-color:#ffd7004d!important;color:gold!important}.syntax-stat-chip.wpm-chip{background:#58a6ff1a!important;border-color:#58a6ff4d!important;color:#58a6ff!important}.syntax-stat-chip svg{font-size:1rem!important;margin-right:4px}.syntax-language-selection{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px 20px}.syntax-language-chip{background:#ffffff0a!important;border:1px solid #ffffff1a!important;color:#8b949e!important;cursor:pointer!important;font-size:.85rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.syntax-language-chip:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.syntax-language-chip.selected,.syntax-language-chip:hover{background:var(--lang-bg)!important;border-color:var(--lang-color)!important;color:var(--lang-color)!important}.syntax-language-chip.selected{box-shadow:0 0 20px color-mix(in srgb,var(--lang-color) 30%,#0000)}.syntax-category-selection{border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px}.syntax-category-chip{background:#0000!important;border:1px solid #ffffff14!important;color:#6e7681!important;cursor:pointer!important;font-weight:500!important;transition:all .2s ease!important}.syntax-category-chip:hover{background:#ffffff0d!important;border-color:#fff3!important;color:#e6edf3!important}.syntax-category-chip.selected{background:#88929d26!important;border-color:#88929d66!important;color:#e6edf3!important}.syntax-main-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.syntax-example-header{margin-bottom:16px}.syntax-example-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.syntax-example-title{color:#e6edf3;font-family:Space Grotesk,sans-serif!important;font-size:1.1rem!important;font-weight:600!important}.syntax-example-counter{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:#8b949e!important;font-size:.75rem!important;height:24px!important}.syntax-example-description{color:#8b949e;font-family:Inter,sans-serif;font-size:.9rem!important;line-height:1.5;max-width:800px}.syntax-progress-section{margin-bottom:20px}.syntax-progress-bar{background:#ffffff0f!important;border-radius:3px!important;height:6px!important;margin-bottom:8px}.syntax-progress-bar .MuiLinearProgress-bar{border-radius:3px;transition:transform .15s ease!important}.syntax-progress-stats{display:flex;gap:20px}.syntax-stat{align-items:center;color:#6e7681;display:flex;font-family:Inter,sans-serif;gap:4px}.syntax-stat svg{color:#8b949e}.syntax-code-container{background:#0d1117;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 6px #0000001a,0 0 40px #0003,inset 0 1px 0 #ffffff08;flex:1 1;max-height:500px;min-height:300px;overflow:hidden;position:relative}.syntax-code-display{cursor:text;height:100%;overflow-y:auto;padding:24px;position:relative}.syntax-code-pre{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-all}.syntax-char{border-radius:2px;transition:all .1s ease}.syntax-char-pending{color:#484f58;opacity:.6}.syntax-char-correct{color:#7ee787;text-shadow:0 0 8px #7ee78766}.syntax-char-error{background:#ff7b7233;color:#ff7b72;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:3px}.syntax-char-cursor{animation:cursorPulse 1s ease-in-out infinite;color:#e6edf3;position:relative}.syntax-char-cursor:after{animation:cursorBlink 1s ease-in-out infinite;background:#58a6ff;background:var(--lang-color,#58a6ff);bottom:0;box-shadow:0 0 8px #58a6ff;box-shadow:0 0 8px var(--lang-color,#58a6ff);content:"";height:2px;left:0;position:absolute;width:100%}@keyframes cursorBlink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes cursorPulse{0%,to{background:#0000}50%{background:#58a6ff1a}}.syntax-hidden-input{cursor:text;font-size:16px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.syntax-completion-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117f2;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.syntax-completion-content{padding:40px;text-align:center}.syntax-completion-icon{animation:completionPop .5s cubic-bezier(.68,-.55,.265,1.55);color:#7ee787;filter:drop-shadow(0 0 20px rgba(126,231,135,.5));font-size:4rem!important;margin-bottom:16px}@keyframes completionPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.syntax-completion-title{color:#e6edf3;font-family:Space Grotesk,sans-serif!important;font-weight:700!important;margin-bottom:8px}.syntax-completion-stats{color:#8b949e;font-family:Inter,sans-serif;margin-bottom:24px}.syntax-completion-actions{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.syntax-action-btn{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:#8b949e!important;transition:all .2s ease!important}.syntax-action-btn:hover{background:#ffffff1a!important;border-color:#fff3!important;color:#e6edf3!important}.syntax-action-btn.primary{background:#58a6ff26!important;border-color:#58a6ff66!important;color:#58a6ff!important}.syntax-action-btn.primary:hover{background:#58a6ff40!important;box-shadow:0 0 20px #58a6ff4d}.syntax-completion-hint{color:#484f58;font-size:.8rem!important}.syntax-navigation{align-items:center;display:flex;gap:24px;justify-content:center;margin-top:24px}.syntax-nav-btn{background:#ffffff08!important;border:1px solid #ffffff14!important;color:#8b949e!important;transition:all .2s ease!important}.syntax-nav-btn:hover:not(:disabled){background:#ffffff14!important;border-color:#ffffff26!important;color:#e6edf3!important}.syntax-nav-btn:disabled{opacity:.3}.syntax-nav-dots{display:flex;gap:8px}.syntax-nav-dot{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;height:10px;transition:all .2s ease;width:10px}.syntax-nav-dot:hover{background:#fff3;transform:scale(1.2)}.syntax-nav-dot.active{background:#58a6ff;border-color:#58a6ff;box-shadow:0 0 12px #58a6ff80}.syntax-nav-dot.completed{background:#7ee787;border-color:#7ee787}.syntax-nav-dot.completed.active{background:#58a6ff;border-color:#58a6ff}.syntax-keyboard-hint{color:#484f58;font-family:Inter,sans-serif;font-size:.8rem;margin-top:16px;text-align:center}.syntax-keyboard-hint kbd{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75rem;padding:2px 6px}.syntax-empty-state{align-items:center;color:#484f58;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}@media (max-width:768px){.syntax-learning-container{padding:16px}.syntax-header{flex-direction:column}.syntax-title{font-size:1.4rem!important}.syntax-subtitle{margin-left:0;margin-top:4px}.syntax-language-selection{gap:8px;padding:12px}.syntax-language-chip{font-size:.75rem!important}.syntax-code-container{min-height:250px}.syntax-code-pre{font-size:.85rem}.syntax-navigation{gap:16px}}@media (max-width:480px){.syntax-learning-container{padding:12px}.syntax-stats-bar{width:100%}.syntax-language-selection,.syntax-stats-bar{justify-content:center}.syntax-example-header{text-align:center}.syntax-example-info{flex-direction:column;gap:8px}}.syntax-code-display::-webkit-scrollbar,.syntax-learning-container::-webkit-scrollbar{height:8px;width:8px}.syntax-code-display::-webkit-scrollbar-track,.syntax-learning-container::-webkit-scrollbar-track{background:#0000}.syntax-code-display::-webkit-scrollbar-thumb,.syntax-learning-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.syntax-code-display::-webkit-scrollbar-thumb:hover,.syntax-learning-container::-webkit-scrollbar-thumb:hover{background:#fff3}.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-container .brand-container{flex-direction:column}.loading-icon{height:124px;position:relative;width:124px}.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}.loading-icon:before{animation:shine 1s linear infinite;background:linear-gradient(115deg,#0000 20%,#fff6 40%,#fff9 50%,#fff6 60%,#0000 80%);background-size:200% 200%;border-radius:14px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes Gradient{0%{background-position:0 50%}to{background-position:400% 50%}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.onboarding-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.onboarding-container.modal{background:#1a1a2e;border-radius:24px;max-height:90vh;max-width:700px;min-height:auto;overflow-y:auto;padding:32px;width:100%}.onboarding-background{background:radial-gradient(ellipse at 20% 20%,#c2aa3014 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#6366f10f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#22d3ee0a 0,#0000 70%),linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#0f0f1a);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.onboarding-container.modal .onboarding-background{display:none}.onboarding-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 4px 60px #0000004d,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;height:646px;max-width:700px;padding:40px;width:100%}.onboarding-container.modal .onboarding-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;padding:0}.onboarding-step{display:flex;flex-direction:column}.welcome-step{justify-content:center}.options-container{margin:0 auto;max-width:600px;width:100%}.onboarding-step-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-right:-8px;max-height:450px;min-height:380px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.onboarding-footer{border-top:1px solid #ffffff14;flex-shrink:0;margin-top:24px;padding-top:24px}.welcome-icon-container{border-radius:12px!important}.onboarding-option-card{box-sizing:border-box;height:100%;overflow:hidden;position:relative}.onboarding-option-card:before{background:linear-gradient(135deg,#0000 40%,#ffffff05);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.onboarding-option-card:hover:before{opacity:1}.onboarding-option-card.selected:after{background:radial-gradient(ellipse at center,#c2aa301a 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.options-grid{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.onboarding-container{min-height:100dvh;padding:0 20px}.onboarding-content{border-radius:0;height:600px;padding:24px 20px}.onboarding-step-wrapper{max-height:400px;min-height:300px}.welcome-icon-container{height:80px!important;width:80px!important}.welcome-icon-container svg{font-size:36px!important}.onboarding-option-card{padding:16px!important}}@media (max-width:480px){.onboarding-content{height:100%}.onboarding-step-wrapper{max-height:100%;min-height:280px}}.onboarding-container::-webkit-scrollbar,.onboarding-step-wrapper::-webkit-scrollbar{width:6px}.onboarding-container::-webkit-scrollbar-track,.onboarding-step-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.onboarding-container::-webkit-scrollbar-thumb,.onboarding-step-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.onboarding-container::-webkit-scrollbar-thumb:hover,.onboarding-step-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}.MuiLinearProgress-root{overflow:hidden}.MuiLinearProgress-bar{transition:transform .4s cubic-bezier(.4,0,.2,1)!important}.step-indicators{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.step-dot{background:#fff3;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.step-dot.active{background:linear-gradient(90deg,#c2aa30,#d4b942);border-radius:4px;width:24px}.step-dot.completed{background:#c2aa3080}.MuiChip-root{animation:chipFadeIn .3s ease-out forwards;opacity:0}.MuiChip-root:first-child{animation-delay:.1s}.MuiChip-root:nth-child(2){animation-delay:.15s}.MuiChip-root:nth-child(3){animation-delay:.2s}.MuiChip-root:nth-child(4){animation-delay:.25s}.MuiChip-root:nth-child(5){animation-delay:.3s}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.MuiButton-contained{overflow:hidden;position:relative}.MuiButton-contained:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.MuiButton-contained:hover:before{left:100%}@media (max-width:480px){.onboarding-content h4{font-size:1.5rem!important}.onboarding-content h5{font-size:1.25rem!important}.onboarding-content .MuiTypography-body1{font-size:.95rem!important}}.onboarding-step-enter{opacity:0;transform:translateX(20px)}.onboarding-step-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.onboarding-step-exit{opacity:1}.onboarding-step-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}.onboarding-option-card:focus-visible{outline:2px solid #c2aa30;outline-offset:2px}button:focus-visible{outline:2px solid #c2aa30;outline-offset:2px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c2aa30,gold,#c2aa30);-webkit-background-clip:text;background-clip:text}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08,#ffffff14 50%,#ffffff08);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}