@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=League+Spartan:wght@700&display=swap";:root{--bg-app: #f8f9fa;--bg-primary: white;--bg-secondary: #f8f9fa;--bg-tertiary: #f9fafb;--bg-quaternary: #f3f4f6;--bg-message-interview: #F7FAFC;--bg-avatar-interview: #2D3748;--bg-avatar-candidate: #E2E8F0;--bg-playing: #e7f1ff;--bg-selected-item: rgba(114, 203, 255, .1);--input-bg: white;--bg-message-user: #edf5ff;--text-logo: black;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-muted: #6b7280;--text-inverted: white;--text-accent: #72cbff;--text-message-content: #2D3748;--text-avatar-candidate: #2D3748;--input-text: #111827;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--border-message-interview: #EDF2F7;--border-message-candidate: #E2E8F0;--border-divider-faint: rgba(229, 231, 235, .5);--input-border: #e5e7eb;--accent-primary: #72cbff;--accent-primary-hover: #5fb8e9;--accent-primary-light: rgba(114, 203, 255, .05);--accent-focus-ring: rgba(114, 203, 255, .2);--accent-border-active: var(--accent-primary);--accent-error-bg: #fee2e2;--accent-error-text: #b91c1c;--accent-error-border: #ef4444;--scrollbar-thumb: #CBD5E0;--scrollbar-track: #EDF2F7;--spinner-track: rgba(0, 0, 0, .2);--spinner-color: #007AFF;font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dark-mode{--bg-app: #1f1f1f;--bg-primary: #2a2a2a;--bg-secondary: #1f1f1f;--bg-tertiary: #383838;--bg-quaternary: #383838;--bg-message-interview: var(--bg-tertiary);--bg-avatar-interview: #E2E8F0;--bg-avatar-candidate: #2D3748;--bg-playing: #2c5282;--bg-selected-item: rgba(114, 203, 255, .2);--input-bg: var(--bg-tertiary);--bg-message-user: #1c3d5a;--text-logo: white;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e0;--text-muted: #a0aec0;--text-inverted: #1a202c;--text-accent: #72cbff;--text-message-content: #e2e8f0;--text-avatar-candidate: #e2e8f0;--input-text: #f7fafc;--border-primary: #4a5568;--border-secondary: #718096;--border-message-interview: #4a5568;--border-message-candidate: #4a5568;--border-divider-faint: rgba(74, 85, 104, .5);--input-border: #4a5568;--accent-primary: #72cbff;--accent-primary-hover: #90cdf4;--accent-primary-light: rgba(114, 203, 255, .15);--accent-focus-ring: rgba(114, 203, 255, .3);--accent-border-active: var(--accent-primary);--accent-error-bg: #450a0a;--accent-error-text: #fecaca;--accent-error-border: #dc2626;--scrollbar-thumb: #718096;--scrollbar-track: #2d3748;--spinner-track: rgba(255, 255, 255, .2);--spinner-color: #3b82f6}#root{width:100%;margin:0;padding:0;min-height:100vh}.app-container{min-height:100vh;width:100%}.app-header{padding:2rem 0;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.app-header h1{margin:0;font-size:2rem;color:#343a40}.app-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;background-color:#f8f9fa}.app-footer{padding:1rem 0;background-color:#f8f9fa;border-top:1px solid #e9ecef;font-size:.875rem;color:#6c757d}@media (max-width: 768px){.app-main{padding:1rem}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.blank-signin-page{min-height:100vh;background-color:#f8f9fa}.email-verification-page{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif}.logo{font-family:League Spartan,sans-serif;font-weight:700;font-size:4rem;margin-bottom:3rem}.nav-link{padding:.5rem 1rem;border-radius:.375rem}.card{width:100%;max-width:28rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;padding:2rem}.card-title{font-size:1.5rem;font-weight:700;color:#343a40;margin-bottom:1.5rem;text-align:left}.card-description{color:#6c757d;margin-bottom:1.5rem;text-align:left}.form-group{margin-bottom:1rem;text-align:left}.input-wrapper{position:relative;display:flex;align-items:center}.validation-icon{position:absolute;right:10px;font-size:14px}.validation-icon.valid{color:#28a745}.validation-icon.error{color:#dc3545}.form-group-valid .input-wrapper input{border-color:#28a745}.form-group-error .input-wrapper input{border-color:#dc3545}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.25rem}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#212529!important;transition:background-color 5000s ease-in-out 0s;caret-color:#212529!important}.form-group input{width:100%;padding:.625rem .75rem;border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;background-color:#fff;color:#212529;caret-color:#212529;-webkit-user-modify:read-write!important;-webkit-user-select:text!important}.form-group input.valid{border-color:#28a745;padding-right:2.25rem}.form-group input.error{border-color:#dc3545;padding-right:2.25rem}.form-group input:focus{outline:none;border-color:#72cbff;box-shadow:0 0 0 3px #72cbff33}.error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;text-align:left}.success-message{color:#28a745;font-size:.875rem;margin-top:.5rem;padding:.625rem;background-color:#28a7451a;border-radius:.375rem;text-align:left}.submit-button{width:100%;background-color:#72cbff;color:#fff;font-weight:500;padding:.625rem 1rem;border-radius:.375rem;border:none;transition:background-color .15s;box-shadow:0 4px 6px #72cbff40;margin-top:1rem;cursor:pointer}.submit-button:disabled{background-color:#b1e1ff;cursor:not-allowed;box-shadow:none}.sign-in-link{margin-top:1.5rem;font-size:.875rem;color:#6c757d;text-align:center}.sign-in-link a{color:#72cbff;text-decoration:none;font-weight:500}.sign-in-link a:hover{text-decoration:underline}.loading-spinner{display:inline-block;width:20px;height:20px;margin-left:10px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.verification-page{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif}.sidebar-content{width:100%;padding:2.5rem 1rem 1rem 1.5rem!important;margin-top:0!important}.sidebar .logo{font-family:League Spartan,sans-serif!important;font-weight:700!important;font-size:2.75rem!important;margin-top:1rem!important;margin-bottom:3rem!important;padding:0!important;padding-left:.5rem!important;height:auto!important;line-height:1!important;position:relative!important}.sidebar .logo span:first-child{color:#000!important}.sidebar .logo span:last-child{color:#000!important;position:relative!important;text-decoration:none!important}.sidebar .logo span:last-child:after{content:"";position:absolute!important;left:39%!important;right:3%!important;bottom:1px!important;height:5px!important;background-color:#72cbff!important}.sidebar .logo:after{content:"";display:block;height:8rem!important;width:100%;position:relative}.sidebar-nav{margin-top:0!important;padding-top:0!important;position:relative!important}.nav-item:first-child{margin-top:0!important}.nav-item{margin-bottom:1.3rem}.nav-item .nav-link{padding:.375rem 1rem;border-radius:.375rem;display:flex;align-items:center;color:#6c757d}.step-indicator{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem}.step-indicator.complete{background-color:#72cbff1a}.step-indicator.active{border:2px solid #72cbff}.step-indicator.inactive{border:1px solid #e9ecef}.nav-item.active .nav-link{background-color:#72cbff1a;font-weight:500;color:#72cbff}.nav-item .nav-link.completed{color:#72cbff;font-weight:500;cursor:pointer}.nav-item .nav-link.completed:hover{opacity:.9}.nav-item .nav-link.completed .step-indicator svg{fill:#72cbff}.nav-link.disabled{color:#ccc}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.card{width:100%;max-width:28rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;padding:2rem;margin-bottom:1.5rem}.card-title{font-size:1.5rem;font-weight:700;color:#343a40;margin-bottom:.5rem;text-align:center}.card-description{color:#6c757d;margin-bottom:1.5rem;text-align:center}.email-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.email-icon{position:relative;width:4rem;height:4rem;border-radius:50%;background-color:#72cbff1a;display:flex;align-items:center;justify-content:center}.email-icon svg{width:2rem;height:2rem;fill:#72cbff}.notification-dot{position:absolute;bottom:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#72cbff;border:2px solid white}.notification-ping{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#72cbff;opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.timer-container{display:flex;justify-content:center;margin-bottom:.5rem}.timer{display:flex;align-items:center;font-size:.875rem;color:#6c757d}.timer svg{width:1rem;height:1rem;margin-right:.25rem;flex-shrink:0}.timer-text{display:inline-block;min-width:2.75rem;text-align:left;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";margin-left:4px}.code-input-container{display:flex;justify-content:center;margin-bottom:1.5rem}.code-input-label{display:block;font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.75rem;text-align:center}.code-inputs{display:flex;justify-content:center}.code-input{width:3rem;height:3.5rem;margin:0 .25rem;text-align:center;font-size:1.25rem;font-weight:500;border:1px solid #ced4da;border-radius:.375rem;background-color:#fff;transition:all .15s;color:#000;caret-color:#72cbff;cursor:text;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.code-input::-webkit-outer-spin-button,.code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.code-input::placeholder{color:#ced4da}.code-input:focus{outline:none;border-color:#72cbff;box-shadow:0 0 0 3px #72cbff33;caret-color:#72cbff}.code-input.filled{border-color:#495057}.code-input.error{border-color:#dc3545;background-color:#dc35450d}.code-input.success{border-color:#28a745;background-color:#28a7450d}.code-input.pulse{animation:pulse .5s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05);background-color:#72cbff1a}to{transform:scale(1)}}.error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;text-align:center}.submit-button{width:100%;background-color:#72cbff;color:#fff;font-weight:500;padding:.75rem 1rem;border-radius:.375rem;border:none;transition:background-color .15s;box-shadow:0 4px 6px #72cbff40;display:flex;justify-content:center;align-items:center}.submit-button:hover:not(:disabled){background-color:#5fb8e9}.submit-button:disabled{background-color:#b1e1ff;cursor:not-allowed}.action-links{margin-top:1.5rem;font-size:.875rem;color:#6c757d;text-align:center}.action-links p{margin-bottom:.5rem}.action-links button{background:none;border:none;color:#72cbff;font-weight:500;padding:0;cursor:pointer}.action-links button:hover{text-decoration:underline}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.success-icon{width:4rem;height:4rem;margin-top:1rem;color:#28a745}.loading-spinner{animation:spin 1s linear infinite;margin-right:.5rem}.help-text{margin-top:1rem;font-size:.75rem;color:#6c757d;text-align:center;width:100%;max-width:28rem}.help-text a{color:#72cbff;text-decoration:none}.help-text a:hover{text-decoration:underline}.success-message{display:flex;align-items:center;justify-content:center;margin-top:1rem;margin-bottom:.5rem;padding:.5rem .75rem;background-color:#f0fdf4;color:#15803d;border:1px solid rgb(167,243,208);border-radius:.375rem;font-size:.875rem;animation:fadeIn .3s ease-out;font-weight:500}.success-message svg{width:1.25rem;height:1.25rem;margin-right:.5rem;color:#15803d;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.dots-loader{display:inline-flex;align-items:center;height:12px}.dots-loader:before,.dots-loader:after{content:""}.dots-loader:before,.dots-loader:after,.dots-loader{width:3px;height:3px;border-radius:50%;background-color:#fff;margin:0 1px;animation:dots 1.2s infinite ease-in-out}.dots-loader:before{animation-delay:-.32s}.dots-loader{animation-delay:-.16s}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-spinner-small{display:inline-block;width:12px;height:12px;margin-right:0;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.complete-profile-page{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif}.sidebar{display:none}@media (min-width: 768px){.sidebar{display:flex;width:16rem;background-color:#fff;border-right:1px solid #e9ecef}}.sidebar-content{width:100%;padding:2rem 1.5rem}.logo{font-family:League Spartan,sans-serif;font-weight:700;font-size:2rem;margin-bottom:3rem}.sidebar-nav{margin-top:4rem}.nav-item{margin-bottom:1.5rem}.nav-link{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.375rem;color:#6b7280}.nav-link.active{background-color:#72cbff1a;font-weight:500;color:#72cbff}.nav-link.disabled{color:#d1d5db}.step-indicator{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:.875rem}.step-indicator.active{border:2px solid #72cbff;color:#72cbff}.step-indicator.completed{background-color:#72cbff1a}.step-indicator.inactive{border:2px solid #e5e7eb;color:#d1d5db}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{width:100%;max-width:28rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.card-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;text-align:center}.card-description{color:#6b7280;text-align:center;margin-bottom:2rem}.form-group .input-wrapper{position:relative}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;transition:all .15s ease-in-out;background-color:#fff;box-sizing:border-box}.form-group input{height:42px}.form-group input[type=password],.form-group input[type=text]{padding-right:2.5rem}.form-group .input-wrapper .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#72cbff;cursor:pointer;outline:none!important}.form-group .input-wrapper .password-toggle svg{width:1rem;height:1rem}.form-group .input-wrapper .password-toggle:after{content:attr(data-tooltip);position:absolute;bottom:-30px;right:0;background-color:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;pointer-events:none}.form-group .input-wrapper .password-toggle:hover:after{opacity:1;visibility:visible}.form-group textarea{height:auto;min-height:100px;resize:vertical;line-height:1.5;padding:.75rem 1rem;width:100%;font-family:Poppins,sans-serif;box-sizing:border-box;border:1px solid #d1d5db;border-radius:.5rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#72cbff;box-shadow:0 0 0 3px #72cbff1a}.form-group.form-group-error input,.form-group.form-group-error textarea{border-color:#ef4444;background-color:#fef2f2}.form-group .error-message{margin-top:.375rem;font-size:.75rem;color:#ef4444}.password-strength{margin-top:.5rem}.password-strength-bar{height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;transition:all .3s ease}.password-strength-label{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.75rem}.password-requirements{margin-top:.5rem;font-size:.75rem;color:#6b7280}.password-requirement{display:flex;align-items:center;margin-top:.25rem}.password-requirement svg{width:.75rem;height:.75rem;margin-right:.375rem}.submit-button{width:100%;padding:.75rem 1rem;background-color:#72cbff;color:#fff;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.submit-button .loading-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.terms-text{margin-top:1.5rem;text-align:center;font-size:.75rem;color:#6b7280}.terms-text a{color:#72cbff;text-decoration:none}.terms-text a:hover{text-decoration:underline}.sign-in-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:1rem;font-family:Poppins,sans-serif}.sign-in-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;padding-top:2rem}.sign-in-page .left-section{display:none;background:linear-gradient(to right,#f3f9ff,#fff)}@media (min-width: 1024px){.sign-in-page .left-section{display:flex;width:50%}}.sign-in-page .left-content{width:100%;max-width:32rem;padding:3rem;margin:auto}.sign-in-container .logo{font-family:League Spartan,sans-serif;font-weight:700;font-size:2.75rem;margin-bottom:2rem;line-height:1;position:relative;padding:0;height:auto}.sign-in-container .logo span:first-child{color:#000}.sign-in-container .logo span:last-child{color:#000;position:relative}.sign-in-container .logo span:last-child:after{content:"";position:absolute;left:39%;right:3%;bottom:1px;height:5px;background-color:#72cbff}.sign-in-page .feature-box{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:2rem}.sign-in-page .feature-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}.sign-in-page .feature-item:last-child{margin-bottom:0}.sign-in-page .feature-icon{background-color:#f0f9ff;border-radius:9999px;padding:.5rem;margin-right:1rem;flex-shrink:0}.sign-in-page .right-section{width:100%;padding:1.5rem}@media (min-width: 1024px){.sign-in-page .right-section{width:50%}}.sign-in-page .right-content{width:100%;max-width:28rem;margin:auto}.form-card{width:100%;background-color:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;padding:2rem;margin-bottom:1.5rem}.form-card h2{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.forgot-password{font-size:.875rem;color:#72cbff;text-decoration:none}.forgot-password:hover{text-decoration:underline}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;transition:all .15s ease-in-out}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;border-color:#72cbff;box-shadow:0 0 0 3px #72cbff1a}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;color:#9ca3af;cursor:pointer;display:flex;align-items:center}.password-toggle:hover{color:#6b7280}.password-toggle:focus{outline:none}.submit-button{width:100%;background-color:#72cbff;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;margin-bottom:1rem;cursor:pointer;transition:background-color .15s ease-in-out}.submit-button:hover:not(:disabled){background-color:#5bb8eb}.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem}.sign-in-page .remember-me{display:flex;align-items:center;margin-bottom:1.5rem}.sign-in-page .remember-me input[type=checkbox]{margin-right:.5rem;accent-color:#72cbff}.divider{text-align:center;color:#6b7280;font-size:.875rem;margin:1rem 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 1rem);height:1px;background-color:#e5e7eb}.divider:before{left:0}.divider:after{right:0}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#374151;font-weight:500;font-size:.875rem;transition:background-color .15s ease-in-out;cursor:pointer}.google-button:hover{background-color:#f9fafb}.create-account-link{text-align:center;font-size:.875rem;color:#6b7280}.create-account-link a{color:#72cbff;text-decoration:none;font-weight:500;margin-left:.25rem}.create-account-link a:hover{text-decoration:underline}.problem-selector{position:relative;width:100%}.problem-selector__trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;cursor:pointer;font-size:.875rem;color:var(--input-text);font-weight:500;transition:all .2s ease}.problem-selector__trigger:hover{border-color:var(--accent-primary)}.problem-selector__chevron{transition:transform .2s ease}.problem-selector__chevron.open{transform:rotate(180deg)}.problem-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;max-height:400px;display:flex;flex-direction:column}.problem-selector__search{position:relative;padding:.75rem;border-bottom:1px solid var(--border-primary);width:100%;box-sizing:border-box}.problem-selector__search svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.problem-selector__search-input{width:100%;box-sizing:border-box;padding:.625rem .75rem .625rem 2.25rem;border:1px solid var(--input-border);border-radius:.375rem;font-size:.875rem;color:var(--input-text);background-color:var(--bg-tertiary);transition:all .2s ease}.problem-selector__search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-focus-ring)}.problem-selector__list{overflow-y:auto;max-height:320px;padding:.5rem}.problem-selector__item{padding:.75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.problem-selector__item:hover{background-color:var(--bg-quaternary)}.problem-selector__item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.problem-selector__item-title{font-weight:500;color:var(--text-primary)}.problem-selector__item-difficulty{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:1rem;background-color:var(--bg-quaternary);color:var(--text-secondary)}.problem-selector__item-tags{display:flex;gap:.5rem;flex-wrap:wrap}.problem-selector__tag{font-size:.75rem;color:var(--text-muted);background-color:var(--bg-quaternary);padding:.125rem .5rem;border-radius:1rem}.problem-selector__loading,.problem-selector__error,.problem-selector__no-results{padding:1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.problem-selector__error{color:var(--accent-error-text)}.problem-selector__list::-webkit-scrollbar{width:6px}.problem-selector__list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.problem-selector__list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.problem-selector__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.interview-simulation{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-app)}.interview-simulation__header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:.75rem 1.5rem}.interview-simulation__header-content{display:flex;justify-content:space-between;align-items:center}.interview-simulation__logo-section{display:flex;align-items:center;height:2.75rem}.interview-simulation__logo-section .logo{font-family:League Spartan,sans-serif!important;font-weight:700!important;font-size:2.75rem!important;line-height:1!important;position:relative!important;padding:0!important;height:2.75rem!important;display:flex!important;align-items:center!important;margin:0!important}.interview-simulation__logo-section .logo span:first-child{color:var(--text-logo)}.interview-simulation__logo-section .logo span:last-child{color:var(--text-logo);position:relative!important}.interview-simulation__logo-section .logo span:last-child:after{content:"";position:absolute!important;left:39%!important;right:3%!important;bottom:1px!important;height:5px!important;background-color:var(--accent-primary)}.interview-simulation__divider{height:24px;width:1px;background-color:var(--border-primary);margin:0 1rem}.interview-simulation__title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:var(--text-primary)}.interview-simulation__actions{display:flex;gap:.75rem}.interview-simulation__button-secondary{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;font-weight:500}.interview-simulation__button-primary{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:var(--accent-primary);color:var(--text-inverted);font-size:.875rem;font-weight:500}.interview-simulation__content{display:flex;flex:1;overflow:hidden}.interview-simulation__sidebar{width:16rem;background-color:var(--bg-primary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;padding-bottom:1rem}.interview-simulation__question-select{padding:1rem;border-bottom:1px solid var(--border-primary)}.interview-simulation__selected-question{padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.interview-simulation__nav{padding:1rem 0}.interview-simulation__nav ul{list-style:none;padding:0;margin:0;position:relative}.interview-simulation__nav ul:before{content:"";position:absolute;left:calc(1rem + 5.75px);top:17px;bottom:17px;width:1.5px;background-color:var(--border-primary);z-index:1}.interview-simulation__nav-item{position:relative;padding:.75rem 1rem .75rem 2.5rem;margin-bottom:.25rem;border-radius:0;font-size:.875rem;font-weight:450;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;background-color:transparent}.interview-simulation__nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.interview-simulation__nav-item:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border-secondary);background-color:var(--bg-primary);transition:all .2s ease;z-index:2}.interview-simulation__nav-item--active{background-color:transparent;color:var(--text-secondary);font-weight:600}.interview-simulation__nav-item--active:before{background-color:var(--accent-primary);border-color:var(--accent-border-active)}.interview-simulation__nav-item--active:hover{background-color:var(--accent-primary-light)}.interview-simulation__chat{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);border-right:1px solid var(--border-primary);overflow:hidden;position:relative}.code-display-placeholder{min-height:150px;max-height:400px;overflow-y:auto;flex-shrink:0;background-color:var(--bg-code-panel);border-bottom:1px solid var(--border-primary);margin:0;text-align:left;color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.4;position:relative}.code-panel__actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;z-index:5}.code-panel__button{background-color:var(--bg-code-panel-button);border:1px solid var(--border-primary);color:var(--text-secondary);border-radius:.375rem;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease;width:1.75rem;height:1.75rem}.code-panel__button:hover{background-color:var(--bg-code-panel-button-hover);color:var(--text-primary)}.code-panel__button svg{width:16px;height:16px}.restore-code-panel-button{position:absolute;top:.75rem;right:.5rem;z-index:10;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);border-radius:.375rem;padding:.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;width:2rem;height:2rem;box-shadow:0 2px 5px #0000001a}.restore-code-panel-button:hover{background-color:var(--bg-quaternary);box-shadow:0 3px 7px #00000026}.restore-code-panel-button svg{width:18px;height:18px}.code-display-placeholder pre{margin:0;padding:0}.code-display-placeholder code{display:block;white-space:pre-wrap;word-break:break-all}.interview-simulation__chat-messages{flex:1;padding:1.5rem;overflow-y:auto;min-height:0}.interview-simulation__playback{border-top:1px solid var(--border-primary);padding:1rem;background-color:var(--bg-secondary)}.interview-simulation__playback-controls{display:flex;justify-content:center;align-items:center;gap:1rem}.interview-simulation__control-button{width:2.5rem;height:2.5rem;border-radius:9999px;border:none;background-color:var(--border-primary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.interview-simulation__control-button--play{width:3.5rem;height:3.5rem;background-color:var(--accent-primary);color:var(--text-inverted)}.interview-simulation__ai-panel{width:18rem;background-color:var(--bg-primary);display:flex;flex-direction:column}.interview-simulation__ai-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.interview-simulation__ai-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary)}.interview-simulation__ai-actions{display:flex;gap:.5rem}.interview-simulation__ai-button{width:2rem;height:2rem;padding:.375rem;border:none;border-radius:.375rem;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.interview-simulation__ai-button:hover{background-color:var(--bg-quaternary);color:var(--text-secondary)}.interview-simulation__ai-button--new{width:2.25rem;height:2.25rem;background-color:var(--bg-quaternary)}.interview-simulation__ai-button--new:hover{background-color:var(--border-primary)}.interview-simulation__ai-messages{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.interview-simulation__ai-message{padding:.75rem 1rem;border-radius:.5rem;max-width:85%;position:relative;animation:fadeIn .3s ease}.interview-simulation__ai-message--system{background-color:var(--bg-quaternary);color:var(--text-muted);font-size:.875rem;text-align:center;margin:0 auto;max-width:100%;padding:.5rem 1rem}.interview-simulation__ai-message--user{background-color:var(--bg-message-user);margin-left:auto;border-bottom-right-radius:0}.interview-simulation__ai-message--assistant{background-color:var(--bg-tertiary);margin-right:auto;border-bottom-left-radius:0}.interview-simulation__ai-message--error{background-color:var(--accent-error-bg);color:var(--accent-error-text)}.interview-simulation__ai-message--pending{opacity:.7}.interview-simulation__ai-message--error{border-left:3px solid var(--accent-error-border)}.interview-simulation__ai-message-role{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.interview-simulation__ai-message-content{font-size:.9375rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}.interview-simulation__ai-message-content p{margin-top:0;margin-bottom:.3em}.interview-simulation__ai-message-content p:last-child{margin-bottom:0}.interview-simulation__ai-message-content strong{font-weight:600}.interview-simulation__ai-message-content ol{padding-left:1.5em;margin:.3em 0;list-style-position:outside}.interview-simulation__ai-message-content li{margin-bottom:.3em}.interview-simulation__ai-message-content li>p:first-child{margin-top:0;display:inline}.interview-simulation__ai-message-content code{background-color:var(--bg-code-inline);padding:.2em .4em;margin:0 .1em;font-size:85%;border-radius:3px;font-family:Courier New,Courier,monospace}.interview-simulation__ai-message-content pre>div>code{background:none;padding:0;margin:0;font-size:inherit;border-radius:0}.interview-simulation__ai-message-status{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;text-align:right;font-style:italic}.interview-simulation__ai-message-status--error{color:var(--accent-error-text)}.interview-simulation__ai-input{padding:.75rem;border-top:1px solid var(--border-primary);display:flex;gap:.5rem}.interview-simulation__ai-input-field{flex:1;padding:.75rem 1rem;border:1px solid var(--input-border);border-radius:.5rem;font-size:.875rem;color:var(--input-text);background-color:var(--input-bg);transition:all .2s ease}.interview-simulation__ai-input-field::placeholder{color:var(--text-muted)}.interview-simulation__ai-input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-focus-ring)}.interview-simulation__ai-send-button{padding:.75rem;border:none;border-radius:.5rem;background-color:var(--accent-primary);color:var(--text-inverted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.interview-simulation__ai-send-button:hover{background-color:var(--accent-primary-hover)}.interview-simulation__sidebar-divider{height:1px;background:var(--border-divider-faint);margin:24px 0;width:100%}.interview-simulation__signal-selector{padding:0}.interview-simulation__signal-title{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:10px;padding-left:24px;letter-spacing:.05em}.interview-simulation__signal-slider-container{padding:8px 20px 16px}.interview-simulation__signal-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#fcd34d,#60a5fa,#34d399);border-radius:2px;outline:none;margin-bottom:16px}.interview-simulation__signal-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--bg-primary);border:2px solid #60A5FA;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.interview-simulation__signal-slider::-moz-range-thumb{width:16px;height:16px;background:var(--bg-primary);border:2px solid #60A5FA;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.interview-simulation__signal-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.interview-simulation__signal-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.interview-simulation__signal-labels{display:flex;justify-content:space-between;padding:0 4px}.interview-simulation__signal-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:capitalize;transition:all .2s ease;cursor:default}.interview-simulation__signal-label--active{color:var(--text-primary);font-weight:600;transform:scale(1.05)}.interview-simulation__signal-buttons,.interview-simulation__signal-button,.interview-simulation__signal-button--active,.interview-simulation__signal-button[data-level]{display:none}.language-selector-container{padding:0 1rem 1rem;position:relative}.language-selector-title{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:.75rem;padding-left:4px;letter-spacing:.05em}.language-dropdown{position:relative}.language-dropdown-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem .8rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--input-text);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.language-dropdown-button:hover{border-color:var(--accent-primary)}.language-dropdown-button:focus,.language-dropdown-button.open{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-focus-ring)}.dropdown-chevron{color:var(--text-muted);transition:transform .2s ease-in-out;margin-left:.5rem;flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg)}.language-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.375rem;box-shadow:0 4px 12px #00000014;z-index:10;padding:.4rem;max-height:200px;overflow-y:auto;opacity:0;transform:translateY(-5px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s step-end}.language-dropdown-panel.open{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s}.language-dropdown-item{display:block;width:100%;background:none;border:none;padding:.5rem .8rem;text-align:left;font-size:.9rem;font-weight:400;color:var(--text-secondary);border-radius:.25rem;cursor:pointer;transition:background-color .15s ease}.language-dropdown-item:hover{background-color:var(--bg-quaternary)}.language-dropdown-item.selected{font-weight:600;color:var(--text-accent);background-color:var(--bg-selected-item)}.message-list{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:100%}.message{display:flex;gap:12px;max-width:70%;animation:fadeIn .3s ease-in-out;cursor:pointer;transition:background-color .2s ease,padding .2s ease,border-radius .2s ease;padding:8px;border-radius:12px;border:2px solid transparent}.message:hover{background-color:var(--bg-secondary)}.message.message--playing{border:2px solid var(--accent-border-active);background-color:var(--bg-playing);position:relative}.message.message--playing:hover{background-color:var(--bg-playing);cursor:default}.message__playing-icon{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:flex-end;justify-content:space-between}.message__playing-icon span{display:block;background-color:var(--accent-primary);width:2px;animation:pulse .6s infinite ease-in-out alternate}.message__playing-icon span:nth-child(1){height:60%;animation-delay:0s}.message__playing-icon span:nth-child(2){height:100%;animation-delay:.1s}.message__playing-icon span:nth-child(3){height:80%;animation-delay:.2s}@keyframes pulse{0%{height:20%;opacity:.6}to{height:100%;opacity:1}}.message--loading{opacity:.7;position:relative}.message--loading:after{content:"";position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px;border:2px solid var(--spinner-track);border-top-color:var(--spinner-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message--candidate{flex-direction:row-reverse;margin-left:auto}.message__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.message--interview .message__avatar{background-color:var(--bg-avatar-interview);color:var(--text-inverted)}.message--candidate .message__avatar{background-color:var(--bg-avatar-candidate);color:var(--text-avatar-candidate)}.message__content-wrapper{display:flex;flex-direction:column;gap:4px}.message__role{font-size:16px;font-weight:600;color:#1a202c}.message__content{padding:16px;border-radius:12px;font-size:15px;line-height:1.5;color:var(--text-message-content)}.message--interview .message__content{background-color:var(--bg-message-interview);border:1px solid var(--border-message-interview)}.message--candidate .message__content{background-color:var(--bg-primary);border:1px solid var(--border-message-candidate);box-shadow:0 1px 2px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interview-simulation__chat-messages{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.interview-simulation__chat-messages::-webkit-scrollbar{width:6px}.interview-simulation__chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track)}.interview-simulation__chat-messages::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:3px}.interview-simulation__theme-toggle-button{width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center}.interview-simulation__theme-toggle-button svg{width:20px;height:20px}.problem-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s step-end}.problem-modal-overlay:has(.problem-modal-container){opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.problem-modal-container{background-color:var(--bg-secondary);padding:1.5rem 2rem;border-radius:.5rem;border:1px solid var(--border-primary);box-shadow:0 4px 10px #0000001a;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;color:var(--text-primary);position:relative}.problem-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-primary);padding-bottom:1rem;margin-bottom:1rem}.problem-modal-title{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin:0}.problem-modal-close-btn{background:none;border:none;font-size:1.8rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:.2rem;transition:color .2s ease}.problem-modal-close-btn:hover{color:var(--text-primary)}.problem-modal-content{flex-grow:1;line-height:1.6;font-size:.95rem}.problem-modal-section{margin-bottom:1.5rem}.problem-modal-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;border-bottom:none;padding-bottom:0}.problem-modal-section p{margin:0;color:var(--text-secondary)}.problem-modal-pre{background-color:var(--bg-tertiary);padding:.8rem;border-radius:.375rem;font-family:Courier New,Courier,monospace;font-size:.9rem;white-space:pre-wrap;word-wrap:break-word;color:var(--text-code);border:1px solid var(--border-secondary)}.problem-modal-footer{border-top:1px solid var(--border-primary);padding-top:1rem;margin-top:1rem;display:flex;justify-content:flex-end}.problem-modal-action-btn{padding:.6rem 1.2rem;border:none;border-radius:.375rem;background-color:var(--accent-primary);color:var(--text-inverted);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.problem-modal-action-btn:hover{background-color:var(--accent-primary-hover)}.problem-list-page{display:flex;flex-direction:column;height:100vh;background-color:#f8f9fa}.problem-list-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;flex-shrink:0}.problem-list-header-content{display:flex;justify-content:space-between;align-items:center}.problem-list-logo-section{display:flex;align-items:center;height:2.75rem}.problem-list-logo-section .logo{font-family:League Spartan,sans-serif!important;font-weight:700!important;font-size:2.75rem!important;line-height:1!important;position:relative!important;padding:0!important;height:2.75rem!important;display:flex!important;align-items:center!important;margin:0!important}.problem-list-logo-section .logo span:first-child{color:#000!important}.problem-list-logo-section .logo span:last-child{color:#000!important;position:relative!important}.problem-list-logo-section .logo span:last-child:after{content:"";position:absolute!important;left:39%!important;right:3%!important;bottom:1px!important;height:5px!important;background-color:#72cbff!important}.problem-list-divider{height:24px;width:1px;background-color:#e5e7eb;margin:0 1rem}.problem-list-title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:#111827}.problem-list-actions{display:flex;gap:.75rem}.problem-list-button-primary{padding:.5rem 1rem;border:none;border-radius:.375rem;background-color:#72cbff;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.problem-list-button-primary:hover{background-color:#5ab8e9}.problem-list-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;max-width:1100px;margin:0 auto;width:100%}.problem-list-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.75rem}.loading-message,.error-message{text-align:center;padding:2rem;font-size:1rem;color:#6b7280}.error-message{color:#dc2626}.problem-list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.problem-list-search{padding:.6rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9rem;min-width:300px;transition:border-color .2s ease,box-shadow .2s ease}.problem-list-search:focus{outline:none;border-color:#72cbff;box-shadow:0 0 0 2px #72cbff33}.problem-list-filters{display:flex;align-items:center;gap:.5rem}.filter-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-right:.5rem}.difficulty-button{padding:.4rem .8rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:all .2s ease;color:#374151}.difficulty-button:hover{border-color:#9ca3af}.difficulty-button.active{border-width:2px;padding:calc(.4rem - 1px) calc(.8rem - 1px)}.difficulty-button.active.difficulty-button--easy{border-color:#16a34a;color:#16a34a;background-color:#f0fdf4}.difficulty-button.active.difficulty-button--medium{border-color:#d97706;color:#d97706;background-color:#fffbeb}.difficulty-button.active.difficulty-button--hard{border-color:#dc2626;color:#dc2626;background-color:#fef2f2}.problem-list-groups{display:flex;flex-direction:column;gap:1rem}.problem-group{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.problem-group-header{display:flex;align-items:center;padding:.8rem 1.2rem;cursor:pointer;background-color:#f9fafb;transition:background-color .2s ease;border-bottom:1px solid transparent}.problem-group-header:hover{background-color:#f3f4f6}.problem-group-header.expanded{border-bottom-color:#e5e7eb}.group-toggle-icon{font-size:.8rem;margin-right:.8rem;width:10px;display:inline-block;text-align:center;color:#6b7280;transition:transform .2s ease-in-out}.group-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0;flex-grow:1}.group-count{font-size:.85rem;color:#6b7280;font-weight:400}.problem-list-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out,visibility .4s step-end;padding:0 1.2rem;visibility:hidden}.problem-group.expanded .problem-list-items{max-height:1500px;padding:1rem 1.2rem;visibility:visible;transition:max-height .4s ease-in-out,padding .4s ease-in-out,visibility 0s}.problem-list-item{background-color:transparent;border:none;border-bottom:1px solid #f3f4f6;border-radius:0;padding:1rem .5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease;margin:0}.problem-list-item:last-child{border-bottom:none}.problem-list-item:hover{background-color:#f9fafb;box-shadow:none;transform:none}.problem-item-main{flex:1;margin-right:1.5rem}.problem-item-title{font-size:1rem;font-weight:500;color:#111827;margin:0 0 .3rem}.problem-item-description{font-size:.875rem;color:#4b5563;margin:0;line-height:1.4}.problem-item-meta{display:flex;align-items:center;flex-direction:row-reverse;gap:.8rem;flex-shrink:0;width:auto;min-width:180px}.problem-item-difficulty{font-size:.8rem;font-weight:500;padding:.2rem .6rem;border-radius:.25rem;text-transform:capitalize;border:1px solid;flex-shrink:0;text-align:center;min-width:60px}.problem-item-tags{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.problem-item-tag{font-size:.75rem;background-color:#e5e7eb;color:#4b5563;padding:.15rem .5rem;border-radius:.25rem}.no-results-message{text-align:center;padding:3rem;font-size:1rem;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.problem-list-cta{margin:1rem 1.5rem .5rem;font-size:.95rem;color:var(--text-secondary);text-align:center}