.problem-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.problem-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.problem-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.problem-title{color:#2d3748;margin:0;font-size:1.5em;font-weight:600}.problem-difficulty{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:.85em;font-weight:600}.problem-description{color:#4a5568;margin:16px 0;font-size:1em;line-height:1.6}.problem-tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.problem-tag{color:#4a5568;background:#edf2f7;border-radius:6px;padding:4px 12px;font-size:.85em;font-weight:500}.problem-meta{color:#718096;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:.9em;display:flex}.problem-approaches,.problem-category{align-items:center;gap:6px;display:flex}[data-theme=dark] .problem-card{color:#e2e8f0;background:#2d3748}[data-theme=dark] .problem-title{color:#e2e8f0}[data-theme=dark] .problem-description{color:#cbd5e0}[data-theme=dark] .problem-tag{color:#e2e8f0;background:#4a5568}[data-theme=dark] .problem-meta{color:#a0aec0;border-top-color:#4a5568}
.code-block-container{border-radius:8px;margin:20px 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.code-block-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-language{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:.85em;font-weight:600}.copy-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:.85em;font-weight:500;transition:all .2s;display:flex}.copy-button:hover{background:#2563eb;transform:translateY(-1px)}.copy-button.copied{background:#48bb78}.code-block{color:#e2e8f0;background:#0f172a;margin:0;padding:20px;font-family:Fira Code,Courier New,monospace;font-size:.95em;line-height:1.6;overflow-x:auto}.code-block code{display:block}.code-block .comment{color:#68d391;font-style:italic}.code-block .keyword{color:#f687b3;font-weight:600}.code-block .function{color:#63b3ed}.code-block .string{color:#fbd38d}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#1e293b}.code-block::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=light] .code-block-header{background:#f1f5f9;border-bottom-color:#e2e8f0}[data-theme=light] .code-language{color:#475569}[data-theme=light] .code-block{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .code-block .comment{color:#059669}[data-theme=light] .code-block .keyword{color:#c026d3}[data-theme=light] .code-block .function{color:#2563eb}[data-theme=light] .code-block .string{color:#d97706}
.approach-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;margin:20px 0;padding:24px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.approach-card.recommended{background:linear-gradient(90deg,#f0fff4 0%,#fff 10%);border-left-color:#48bb78}.approach-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.approach-title-section{flex:1;align-items:center;gap:12px;display:flex}.approach-name{color:#2d3748;margin:0;font-size:1.4em;font-weight:600}.recommended-badge{color:#fff;letter-spacing:.5px;background:#48bb78;border-radius:20px;padding:4px 12px;font-size:.75em;font-weight:600}.expand-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8em;transition:all .2s;display:flex}.expand-button:hover{background:#5568d3;transform:scale(1.1)}.approach-description{color:#4a5568;margin:12px 0;font-size:1em;line-height:1.6}.complexity-badges{gap:12px;margin:16px 0;display:flex}.complexity-badge{border-radius:8px;padding:8px 16px;font-family:Courier New,monospace;font-size:.9em;font-weight:600}.complexity-badge.time{color:#2c5282;background:#ebf8ff}.complexity-badge.space{color:#975a16;background:#fef5e7}.approach-details{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pros-section,.cons-section{border-radius:8px;margin:20px 0;padding:16px}.pros-section{background:#f0fff4;border-left:4px solid #48bb78}.cons-section{background:#fff5f5;border-left:4px solid #f56565}.pros-section h4,.cons-section h4{margin:0 0 12px;font-size:1.1em}.pros-section ul,.cons-section ul{margin:0;padding-left:24px}.pros-section li,.cons-section li{color:#2d3748;margin:8px 0;line-height:1.5}.tradeoff-box{color:#744210;background:#fff5e6;border:2px solid #ed8936;border-radius:8px;margin:20px 0;padding:16px;font-size:1em}.tradeoff-box strong{color:#c05621}.code-section{margin:24px 0}.code-section h4{color:#2d3748;margin-bottom:12px;font-size:1.1em}[data-theme=dark] .approach-card{background:#2d3748;border-left-color:#667eea}[data-theme=dark] .approach-card.recommended{background:linear-gradient(90deg,#1a2f23 0%,#2d3748 10%)}[data-theme=dark] .approach-name{color:#e2e8f0}[data-theme=dark] .approach-description{color:#cbd5e0}[data-theme=dark] .expand-button{background:#5568d3}[data-theme=dark] .approach-details{border-top-color:#4a5568}[data-theme=dark] .pros-section{background:#1a2f23}[data-theme=dark] .cons-section{background:#3a1f1f}[data-theme=dark] .pros-section li,[data-theme=dark] .cons-section li{color:#e2e8f0}[data-theme=dark] .tradeoff-box{color:#f6ad55;background:#3a2a1a;border-color:#c05621}[data-theme=dark] .code-section h4{color:#e2e8f0}
.interview-guide{background:linear-gradient(135deg,#e0e7ff 0%,#fce7f3 100%);border-radius:16px;margin:40px 0;padding:40px}.guide-title{text-align:center;color:#1e293b;margin-bottom:30px;font-size:2.5em;font-weight:700}.formula-section{background:#fff;border-radius:12px;margin:24px 0;padding:24px;box-shadow:0 4px 12px #0000001a}.formula-section h3{color:#667eea;margin-bottom:16px;font-size:1.5em}.formula-steps{counter-reset:formula-counter;padding:0;list-style:none}.formula-steps li{counter-increment:formula-counter;color:#2d3748;padding:12px 0 12px 40px;font-size:1.1em;position:relative}.formula-steps li:before{content:counter(formula-counter);color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9em;font-weight:600;display:flex;position:absolute;top:8px;left:0}.steps-section{margin:32px 0}.steps-section h3{color:#1e293b;margin-bottom:20px;font-size:1.8em}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.step-card{background:#fff;border-radius:12px;gap:16px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000001a}.step-card:hover{transform:translateY(-4px)}.step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3em;font-weight:700;display:flex}.step-content{flex:1}.step-content h4{color:#2d3748;margin:0 0 8px;font-size:1.2em}.step-duration{color:#718096;font-size:.9em;font-weight:500}.step-questions,.step-content p{color:#4a5568;margin:12px 0 0;padding-left:20px;line-height:1.6}.step-content p{padding-left:0}.mistakes-section,.bonus-section{background:#fff;border-radius:12px;margin:24px 0;padding:24px;box-shadow:0 4px 12px #0000001a}.mistakes-section h3{color:#f56565;margin-bottom:16px;font-size:1.5em}.bonus-section h3{color:#48bb78;margin-bottom:16px;font-size:1.5em}.mistakes-list,.bonus-list{padding-left:24px}.mistakes-list li,.bonus-list li{color:#2d3748;margin:12px 0;font-size:1em;line-height:1.6}.mistakes-list li::marker{color:#f56565}.bonus-list li::marker{color:#48bb78}[data-theme=dark] .interview-guide{background:linear-gradient(135deg,#1e3a5f 0%,#4a1942 100%)}[data-theme=dark] .guide-title{color:#e2e8f0}[data-theme=dark] .formula-section,[data-theme=dark] .step-card,[data-theme=dark] .mistakes-section,[data-theme=dark] .bonus-section{background:#2d3748}[data-theme=dark] .formula-section h3,[data-theme=dark] .steps-section h3{color:#90cdf4}[data-theme=dark] .formula-steps li,[data-theme=dark] .step-content h4,[data-theme=dark] .mistakes-list li,[data-theme=dark] .bonus-list li{color:#e2e8f0}[data-theme=dark] .step-duration,[data-theme=dark] .step-questions,[data-theme=dark] .step-content p{color:#cbd5e0}@media (max-width:768px){.interview-guide{padding:24px}.guide-title{font-size:1.8em}.steps-grid{grid-template-columns:1fr}}
.problem-code-editor{background:#1e1e1e;border-radius:12px;margin:2rem 0;overflow:hidden;box-shadow:0 4px 20px #0003}.editor-header{background:#252526;border-bottom:2px solid #667eea;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.editor-header h4{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.editor-actions{gap:.5rem;display:flex}.test-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.test-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.test-button:disabled{opacity:.6;cursor:not-allowed}.reset-button{color:#d4d4d4;cursor:pointer;background:0 0;border:1px solid #4a4a4a;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.reset-button:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}.monaco-editor-wrapper{background:#1e1e1e;min-height:400px}.editor-footer{background:#252526;border-top:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.footer-info{align-items:center;gap:1rem;font-size:.875rem;display:flex}.language-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#667eea;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.lines-count{color:#858585}.footer-actions{align-items:center;gap:1rem;display:flex}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.submit-button:active{transform:translateY(0)}.submitted-badge{color:#fff;background:#4caf50;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.view-solution-button{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.view-solution-button:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.encouragement-message{color:#d4d4d4;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border:2px solid #667eea;border-radius:8px;margin:1.5rem;padding:1.5rem;line-height:1.6}.encouragement-message p{margin:0}[data-theme=light] .problem-code-editor{background:#fff}[data-theme=light] .editor-header{background:#f5f5f5;border-bottom-color:#667eea}[data-theme=light] .editor-header h4{color:#1f2937}[data-theme=light] .reset-button{color:#374151;border-color:#d1d5db}[data-theme=light] .reset-button:hover{color:#fff;background:#667eea;border-color:#667eea}[data-theme=light] .monaco-editor-wrapper{background:#fff}[data-theme=light] .editor-footer{background:#f5f5f5;border-top-color:#e5e7eb}[data-theme=light] .lines-count{color:#6b7280}[data-theme=light] .encouragement-message{color:#374151;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-color:#667eea}.test-results{background:#252526;border-top:1px solid #333;padding:1.5rem}.test-results-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.test-results-header h4{color:#fff;margin:0;font-size:1.1rem}.all-passed{color:#fff;background:#4caf50;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.some-failed{color:#fff;background:#f44336;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.test-cases-list{flex-direction:column;gap:1rem;display:flex}.test-case{background:#1e1e1e;border-left:4px solid #4caf50;border-radius:8px;padding:1rem}.test-case.failed{border-left-color:#f44336}.test-case-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.test-case-icon{font-size:1.2rem}.test-case-title{color:#d4d4d4;font-size:.95rem;font-weight:600}.test-case-details{flex-direction:column;gap:.5rem;display:flex}.test-detail{color:#d4d4d4;align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.test-detail strong{color:#858585;min-width:80px}.test-detail code{background:#2d2d2d;border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem}.test-detail code.correct{background:#4caf501a;border:1px solid #4caf50}.test-detail code.incorrect{background:#f443361a;border:1px solid #f44336}.test-error{background:#f443361a;border:1px solid #f44336;border-radius:4px;margin-top:.5rem;padding:.75rem}.test-error strong{color:#f44336;margin-bottom:.5rem;display:block}.test-error pre{color:#ffcccb;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem}[data-theme=light] .test-results{background:#f5f5f5;border-top-color:#e5e7eb}[data-theme=light] .test-results-header h4{color:#1f2937}[data-theme=light] .test-case{background:#fff}[data-theme=light] .test-case-title{color:#1f2937}[data-theme=light] .test-detail{color:#374151}[data-theme=light] .test-detail strong{color:#6b7280}[data-theme=light] .test-detail code{background:#f9fafb}[data-theme=light] .test-error{background:#f443360d}[data-theme=light] .test-error pre{color:#b71c1c}@media (max-width:768px){.editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.editor-actions{flex-direction:column;width:100%}.test-button,.reset-button{width:100%}.editor-footer{flex-direction:column;align-items:flex-start;gap:1rem}.footer-actions{flex-direction:column;width:100%}.submit-button,.view-solution-button{width:100%}.test-results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.test-detail{flex-direction:column;align-items:flex-start}}