:root,[data-theme=purple]{--primary-start: #6366f1;--primary-end: #8b5cf6;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--primary-50: #f5f3ff;--shadow-primary: 0 4px 16px rgba(99, 102, 241, .25)}[data-theme=blue]{--primary-start: #3b82f6;--primary-end: #2563eb;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--primary-50: #eff6ff;--shadow-primary: 0 4px 16px rgba(59, 130, 246, .25)}[data-theme=green]{--primary-start: #10b981;--primary-end: #059669;--primary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--primary-50: #d1fae5;--shadow-primary: 0 4px 16px rgba(16, 185, 129, .25)}[data-theme=orange]{--primary-start: #f59e0b;--primary-end: #d97706;--primary-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--primary-50: #fef3c7;--shadow-primary: 0 4px 16px rgba(245, 158, 11, .25)}[data-theme=pink]{--primary-start: #ec4899;--primary-end: #db2777;--primary-gradient: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--primary-50: #fce7f3;--shadow-primary: 0 4px 16px rgba(236, 72, 153, .25)}*{margin:0;padding:0;box-sizing:border-box}button{outline:none;border:none}button:focus{outline:none}button:active{outline:none}button::-moz-focus-inner{border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px;border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b880;border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#94a3b8b3}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}@media(prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#e2e8f033}::-webkit-scrollbar-thumb:hover{background:#e2e8f04d}::-webkit-scrollbar-thumb:active{background:#e2e8f066}*{scrollbar-color:rgba(226,232,240,.2) transparent}}.code-block::-webkit-scrollbar,.example-code::-webkit-scrollbar,pre::-webkit-scrollbar{height:6px;width:6px}.code-block::-webkit-scrollbar-thumb,.example-code::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover,.example-code::-webkit-scrollbar-thumb:hover,pre::-webkit-scrollbar-thumb:hover{background:#94a3b866}.question-content::-webkit-scrollbar{width:10px}.question-content::-webkit-scrollbar-thumb{background:#6366f133;border-radius:5px;border:2px solid transparent;background-clip:padding-box}.question-content::-webkit-scrollbar-thumb:hover{background:#6366f159;border-radius:5px;border:2px solid transparent;background-clip:padding-box}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: #fafbfc;--bg-secondary: #f5f7fa;--bg-tertiary: #eef2f6;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-light: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--easy: #10b981;--easy-bg: #d1fae5;--medium: #f59e0b;--medium-bg: #fef3c7;--hard: #ef4444;--hard-bg: #fee2e2;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .2);--shadow-success: 0 4px 16px rgba(16, 185, 129, .25);--shadow-warning: 0 4px 16px rgba(245, 158, 11, .25);--shadow-error: 0 4px 16px rgba(239, 68, 68, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}html{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;width:100%;line-height:1.6;font-size:var(--text-base);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.lucide{display:inline-block;vertical-align:middle}.icon-gap-sm{margin-right:4px}.icon-gap{margin-right:6px}.icon-gap-lg{margin-right:8px}.icon-mark-must{margin-left:4px;color:#ef4444}.icon-mark-freq{margin-left:4px;color:#f59e0b}.icon-success{margin-right:8px;color:#10b981}.icon-error{margin-right:8px;color:#ef4444}.filter-btn svg,.run-button svg,.reset-button svg,.btn svg{vertical-align:middle}.category-name svg{flex-shrink:0}.category-toggle{transition:transform .2s ease;display:inline-flex;align-items:center;flex-shrink:0}.app{max-width:100%;width:100%;margin:0 auto;padding:12px;box-sizing:border-box}.app-branding{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:20px 18px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.app-branding:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.app-title{font-size:var(--text-2xl);font-weight:var(--font-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;display:flex;align-items:center;gap:8px;letter-spacing:var(--tracking-tight)}.app-title svg{-webkit-text-fill-color:var(--primary-start);color:var(--primary-start)}.app-tagline{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5;font-weight:var(--font-medium);letter-spacing:var(--tracking-normal)}.mode-switcher{display:flex;gap:8px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md);margin:16px 0}.mode-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.mode-btn svg{width:16px;height:16px;flex-shrink:0}.mode-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.mode-btn.active{background:var(--bg-elevated);color:var(--primary-start);box-shadow:var(--shadow-xs)}.mode-btn.active:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--primary-gradient);border-radius:2px 2px 0 0}.filter-panel-horizontal{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:18px 22px;margin-bottom:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.filter-panel-horizontal:hover{box-shadow:var(--shadow-md)}.filter-row-single{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-section{flex:1;min-width:200px}.filter-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:10px;font-size:var(--text-base);display:flex;align-items:center;gap:6px}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-group.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.filter-group.horizontal-scroll::-webkit-scrollbar{height:6px}.filter-group.horizontal-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px}.filter-group.horizontal-scroll::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px;transition:background var(--transition-base)}.filter-group.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#6366f166}.filter-btn{padding:7px 14px;border:1.5px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.filter-btn:hover:not(.active){border-color:var(--primary-start);background:var(--primary-50);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.filter-btn.active{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary);transform:translateY(0)}.filter-btn.active:after{content:"✓";margin-left:2px;font-weight:var(--font-bold)}.category-icon{font-size:1.1rem}.search-input{width:100%;padding:11px 16px;border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-normal);transition:all var(--transition-fast);background:var(--bg-elevated);color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:hover:not(:focus){border-color:var(--border-strong);background:var(--bg-secondary)}.search-input:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-elevated)}.search-box-compact{min-width:240px;max-width:320px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-base)}.search-box-compact .search-input{width:100%;padding:10px 12px 10px 38px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast);background:var(--bg-secondary);color:var(--text-primary)}.search-box-compact .search-input::placeholder{color:var(--text-tertiary)}.search-box-compact .search-input:hover:not(:focus){background:var(--bg-tertiary)}.search-box-compact .search-input:focus{background:var(--bg-elevated);border-color:var(--border-default);box-shadow:0 0 0 3px #6366f114}.search-box-compact .search-input:focus~.search-icon{color:var(--primary-start)}.search-box-compact .search-input:not(:placeholder-shown)~.search-icon{color:var(--primary-start)}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .2s;font-size:.8125rem}.checkbox-label:hover{background:#f1f5f9}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.filter-stats{font-size:.9rem;color:#64748b;white-space:nowrap}.filter-stats strong{color:#2563eb;font-size:1.1rem}.reset-button{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .3s;white-space:nowrap}.reset-button:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 2px 8px #6c757d4d}.filter-panel-card{background:#fff;border-radius:8px;padding:0;margin-bottom:10px;box-shadow:0 1px 4px #0000000f;border:1px solid #e2e8f0}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:8px 8px 0 0}.filter-panel-body{padding:10px 12px}.filter-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.filter-section{background:#f8fafc;border-radius:6px;padding:8px 10px;border:1px solid #e2e8f0;transition:all .2s ease;min-width:auto}.filter-section:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.filter-title{font-weight:600;color:#1e293b;margin-bottom:6px;font-size:.8125rem;display:flex;align-items:center;gap:4px;letter-spacing:.01em}.filter-title svg{color:#2563eb;flex-shrink:0}.filter-stats-card{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.filter-stats-icon{color:#2563eb;flex-shrink:0}.filter-stats-content{display:flex;align-items:baseline;gap:6px}.filter-stats-label{font-size:.75rem;color:#64748b;font-weight:500;line-height:1}.filter-stats-value{font-size:.8125rem;color:#1e293b;display:flex;align-items:baseline;gap:3px;line-height:1}.filter-stats-value strong{color:#2563eb;font-size:1rem;font-weight:700}.filter-stats-separator{color:#cbd5e1;font-weight:400}.filter-stats-total{color:#64748b;font-weight:500}.filter-stats-percentage{color:#94a3b8;font-size:.6875rem;margin-left:2px}.filter-panel-card .reset-button{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all .2s ease}.filter-panel-card .reset-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 1px 3px #0000000d}.filter-panel-card .reset-button svg{flex-shrink:0}.main-content-wrapper{display:flex;gap:15px;align-items:start;width:100%}.left-sidebar{width:280px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.category-sidebar{background:#fff;border-radius:12px;padding:15px;box-shadow:0 10px 30px #0003;max-height:calc(100vh - 200px);overflow-y:auto}.category-sidebar .empty-state{text-align:center;padding:40px 20px;color:#64748b}.category-sidebar .empty-state p{font-size:1rem;margin-bottom:8px}.category-sidebar .empty-hint{font-size:.85rem;color:#94a3b8}.right-content{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%}.category-sidebar .category-group{margin-bottom:15px}.category-sidebar .category-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-sidebar .category-header:hover{background:#f1f5f9}.category-toggle{font-size:.75rem;color:#64748b;transition:transform .2s ease;display:inline-block;width:12px}.category-toggle.expanded{transform:rotate(0)}.category-name{flex:1;font-weight:600;font-size:.9rem;color:#1e293b}.category-sidebar .category-count{font-size:.8rem;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:10px;font-weight:400}.category-questions{max-height:0;overflow:hidden;transition:max-height .3s ease}.category-questions.expanded{max-height:1000px;margin-top:8px}.category-sidebar .question-item{padding:10px 12px;margin-left:20px;background:#f8fafc;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;margin-bottom:6px;font-size:.85rem;color:#64748b;line-height:1.4}.category-sidebar .question-item:hover{background:#eff6ff;transform:translate(3px);border-left-color:#2563eb;color:#1e293b}.category-sidebar .question-item.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-left-color:#1e40af;font-weight:500}.main-content{display:grid;grid-template-columns:350px 1fr;gap:20px;align-items:start}.question-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0003;max-height:calc(100vh - 300px);overflow-y:auto}.question-list.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;color:#64748b}.empty-state p{font-size:1.2rem;margin-bottom:10px}.empty-hint{font-size:.9rem;color:#94a3b8}.category-group{margin-bottom:25px}.category-title{font-weight:700;color:#2563eb;margin-bottom:12px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.category-count{font-size:.9rem;color:#94a3b8;font-weight:400}.question-items{display:flex;flex-direction:column;gap:8px}.question-item{padding:12px;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:all .3s;border-left:3px solid transparent}.question-item:hover{background:#e2e8f0;transform:translate(5px)}.question-item.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-left-color:#1e40af}.question-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.question-title{font-weight:500;font-size:.95rem}.difficulty-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;border:none;transition:all var(--transition-base)}.difficulty-badge.easy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.difficulty-badge.medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.difficulty-badge.hard{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.question-item.active .difficulty-badge{background:#ffffff4d;color:#fff}.question-item-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{padding:2px 8px;background:#e2e8f0;border-radius:10px;font-size:.75rem;color:#64748b}.tag.high-freq{background:#f59e0b;color:#fff;font-weight:700}.tag.must-know{background:#ef4444;color:#fff;font-weight:700}.question-item.active .tag{background:#ffffff4d;color:#fff}.question-item.active .tag.high-freq,.question-item.active .tag.must-know{background:#fff6;color:#fff}.question-detail{background:transparent;border-radius:0;box-shadow:none;border:none;flex:1;width:100%;display:flex;flex-direction:column;height:calc(100vh - 240px);overflow-y:auto;margin:0;padding:0;gap:20px}.question-detail.empty{display:flex;align-items:center;justify-content:center;min-height:400px;height:auto;overflow:visible;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.question-header{margin-bottom:20px;padding-bottom:15px;border-bottom:none}.question-header-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.question-title-main{font-size:1.8rem;color:#1e293b;margin:0;flex:1;min-width:0}.question-badges{display:flex;gap:8px;flex-shrink:0;align-items:center}.question-meta-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.category-badge{padding:4px 12px;background:var(--primary-gradient);color:#fff;border-radius:12px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #6366f14d;transition:all var(--transition-base)}.category-badge:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;transition:all var(--transition-base)}.badge.high-freq{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.badge.high-freq:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.badge.must-know{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.badge.must-know:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.question-tags{display:flex;flex-wrap:wrap;gap:8px}.code-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;width:100%}.code-display,.output-display{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--transition-base);margin:0;display:flex;flex-direction:column;height:100%}.code-display:hover,.output-display:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.code-header,.output-header{background:var(--bg-secondary);padding:10px 16px;color:var(--text-primary);font-weight:600;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default);min-height:44px;gap:12px}.code-label,.output-label{font-size:.875rem;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:600;line-height:1;flex-shrink:0}.run-button{padding:0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 3px #10b9814d;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;outline:none}.run-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 6px #10b98166}.run-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #10b9814d;outline:none}.run-button:focus{outline:none}.run-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6}.code-block,.output-block{padding:16px;max-height:350px;overflow-y:auto;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;flex:1;min-height:200px}.code-block{background:#2d2d30;padding:16px;margin:0!important}.code-block code{color:#d4d4d4;padding:0;margin:0;display:block;background:transparent;border:none;font-size:inherit;line-height:inherit}.output-block{white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary);padding:16px;background:var(--bg-elevated)}.output-block.error{color:var(--hard);background:#ef44440d}@media(max-width:968px){.code-section{gap:12px;margin-bottom:16px}.code-block,.output-block{max-height:300px;font-size:12px}}@media(max-width:600px){.code-section{grid-template-columns:1fr;gap:12px}.code-header,.output-header{padding:8px 12px;font-size:.8rem}.run-button{padding:6px 12px;font-size:.8rem}.code-block,.output-block{padding:12px;max-height:250px;font-size:12px}}.answer-input{margin-bottom:16px}.answer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.answer-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.answer-hint{font-size:.85rem;color:var(--text-tertiary)}.answer-textarea{width:100%;padding:16px;border:2px solid var(--border-default);border-radius:var(--radius-md);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;transition:all var(--transition-base);background:var(--bg-elevated);color:var(--text-primary)}.answer-textarea::placeholder{color:var(--text-tertiary)}.answer-textarea:hover:not(:focus){border-color:var(--border-strong);background:var(--bg-secondary)}.answer-textarea:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-elevated)}.answer-comparison{padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid}.answer-comparison.correct{border-color:#10b981;background:#d1fae5}.answer-comparison.incorrect{border-color:#ef4444;background:#fee2e2}.comparison-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.result-text{font-size:1.2rem;font-weight:700}.answer-comparison.correct .result-text{color:#065f46}.answer-comparison.incorrect .result-text{color:#991b1b}.comparison-details{display:grid;grid-template-columns:1fr 1fr;gap:15px}.comparison-column{background:#fff;padding:15px;border-radius:8px}.comparison-label{font-weight:700;margin-bottom:8px;color:#2563eb}.comparison-content{font-family:Consolas,Monaco,monospace;font-size:.9rem;white-space:pre-wrap;word-wrap:break-word;color:#1e293b}.controls{display:flex;gap:15px;justify-content:center}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus{outline:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}.btn:active{outline:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-primary);outline:none}.btn-primary:focus{outline:none}.btn-secondary{background:linear-gradient(135deg,var(--gray-600) 0%,var(--gray-700) 100%);color:#fff;box-shadow:0 2px 8px #47556940}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #47556959}.btn-secondary:active:not(:disabled){transform:translateY(0);outline:none}.btn-secondary:focus{outline:none}.btn-success{background:linear-gradient(135deg,var(--easy) 0%,var(--easy) 100%);color:#fff;box-shadow:var(--shadow-success)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.btn-outline{background:transparent;color:var(--primary-start);border:2px solid var(--primary-start);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--primary-50);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-sm svg{width:14px;height:14px}.btn-lg svg{width:18px;height:18px}.question-explanation{margin-top:var(--spacing-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);border-left:4px solid #f59e0b;overflow:hidden;transition:all .3s ease}.explanation-header{padding:var(--spacing-md) var(--spacing-lg);background:#fbbf2433;border-bottom:1px solid rgba(251,191,36,.3);transition:background .2s ease}.explanation-header:hover{background:#fbbf244d}.explanation-title{font-size:1.125rem;font-weight:700;color:#92400e;margin:0;display:flex;align-items:center;gap:8px}.explanation-icon{font-size:1.25rem;display:inline-block;transition:transform .3s ease}.explanation-toggle{margin-left:auto;font-size:.875rem;color:#d97706;transition:transform .3s ease}.explanation-hint{margin:4px 0 0;font-size:.8125rem;color:#b45309;opacity:.8}.explanation-content{padding:var(--spacing-lg);color:#78350f;line-height:1.8;font-size:.9375rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-content h2,.explanation-content h3{color:#92400e;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.explanation-content h2{font-size:1.125rem}.explanation-content h3{font-size:1rem}.explanation-content code{background:#fbbf244d;padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#92400e}.explanation-content pre{background:#fbbf2433;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-sm) 0}.explanation-content ul,.explanation-content ol{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.explanation-content li{margin-bottom:var(--spacing-xs)}.explanation-content strong{color:#92400e;font-weight:600}@media(max-width:1200px){.main-content{grid-template-columns:300px 1fr}.left-sidebar{width:260px}.filter-row{grid-template-columns:1fr 1fr}}@media(max-width:968px){.filter-row-single{flex-direction:column;align-items:stretch}.filter-section{width:100%}.filter-actions{width:100%;margin-left:0;justify-content:space-between}.filter-row{grid-template-columns:1fr}.filter-panel-header{flex-direction:column;gap:12px;align-items:stretch}.filter-panel-card .reset-button{width:100%;justify-content:center}.main-content-wrapper{flex-direction:column}.left-sidebar{width:100%}.category-sidebar{max-height:300px}.right-content{width:100%}.main-content,.code-section,.comparison-details{grid-template-columns:1fr}}@media(max-width:600px){.app{padding:8px}.app-branding{padding:12px 10px}.app-title{font-size:1rem}.app-tagline{font-size:.75rem}.filter-panel-horizontal{padding:10px 12px;margin-bottom:10px}.filter-panel-card{margin-bottom:10px}.filter-panel-header{padding:10px 12px}.filter-panel-body{padding:12px}.filter-row{gap:12px}.filter-section{padding:10px}.filter-title{font-size:.8125rem;margin-bottom:8px}.filter-stats-card{padding:6px 10px}.filter-stats-label{font-size:.6875rem}.filter-stats-value{font-size:.8125rem}.filter-stats-value strong{font-size:1rem}.filter-panel-card .reset-button{padding:6px 12px;font-size:.8125rem}.filter-btn{padding:6px 12px;font-size:.8rem}.filter-stats{font-size:.85rem}.reset-button{padding:6px 12px;font-size:.85rem}.main-content-wrapper,.left-sidebar{gap:10px}.right-content{gap:12px}.category-sidebar{max-height:200px;padding:12px}.category-sidebar .category-header{padding:8px 10px}.category-sidebar .question-item{padding:8px 10px;font-size:.8rem;margin-left:15px}.question-detail{padding:0;max-height:calc(100vh - 200px);gap:12px}.question-title-main{font-size:1.2rem}.question-meta{gap:6px}.category-badge,.badge{padding:4px 10px;font-size:.75rem}.code-section{gap:12px;margin-bottom:12px}.code-header,.output-header{padding:8px 12px}.code-label,.output-label{font-size:.8rem}.run-button{padding:5px 10px;font-size:.75rem}.code-block,.output-block{padding:12px;font-size:13px;max-height:300px}.answer-input{margin-bottom:12px}.answer-label{font-size:.9rem}.answer-hint{font-size:.75rem}.answer-textarea{padding:12px;font-size:13px}.answer-comparison{padding:12px;margin-bottom:12px}.result-text{font-size:1rem}.comparison-label{font-size:.85rem}.comparison-content{font-size:.8rem}.controls{gap:10px}.btn{padding:10px 20px;font-size:.9rem}}@media(max-width:768px){.app{padding:8px}.app-branding{padding:15px 12px}.app-title{font-size:1.1rem}.app-tagline{font-size:.8rem}.filter-panel-horizontal{padding:12px 15px}.question-detail{padding:0;gap:12px}.question-title-main{font-size:1.4rem}.controls{flex-direction:column}.btn{width:100%}.category-sidebar{max-height:250px}}@media(min-width:1920px){.left-sidebar{width:320px}.app{padding:16px}.main-content-wrapper{gap:20px}}@media(min-width:2560px){.app{max-width:2400px}.left-sidebar{width:360px}}.filter-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md);flex-wrap:wrap;box-shadow:var(--shadow-sm)}.filter-toolbar .search-box-compact{min-width:200px;max-width:280px;flex-shrink:0}.difficulty-group{display:flex;gap:4px;flex-shrink:0}.difficulty-btn{padding:4px 12px;font-size:.8125rem;font-weight:500;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.difficulty-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#1e293b}.difficulty-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}.difficulty-btn.difficulty-easy.active{background:linear-gradient(135deg,var(--easy) 0%,#059669 100%);border-color:var(--easy);box-shadow:0 4px 12px #10b9814d}.difficulty-btn.difficulty-medium.active{background:linear-gradient(135deg,var(--medium) 0%,#d97706 100%);border-color:var(--medium);box-shadow:0 4px 12px #f59e0b4d}.difficulty-btn.difficulty-hard.active{background:linear-gradient(135deg,var(--hard) 0%,#dc2626 100%);border-color:var(--hard);box-shadow:0 4px 12px #ef44444d}.filter-checkbox{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:4px;transition:all .2s ease}.filter-checkbox:hover{background:#f1f5f9;color:#1e293b}.filter-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;margin:0}.filter-checkbox input[type=checkbox]:checked+span{color:#2563eb;font-weight:600}.filter-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.filter-stats-compact{font-size:.8125rem;color:#64748b;display:flex;align-items:baseline;gap:3px}.filter-stats-compact strong{color:#2563eb;font-size:.9375rem;font-weight:700}.filter-stats-compact .stats-separator{color:#cbd5e1;margin:0 2px}.reset-btn-icon{padding:4px;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.reset-btn-icon:hover{background:#f1f5f9;color:#2563eb}.reset-btn-icon:active{transform:scale(.95)}@media(max-width:968px){.filter-toolbar{gap:8px;padding:8px}.filter-toolbar .search-box-compact{min-width:160px;max-width:200px}.difficulty-group{gap:3px}.difficulty-btn{padding:4px 8px;font-size:.75rem}.filter-checkbox{font-size:.75rem;padding:4px 6px}.filter-stats-compact{font-size:.75rem}}@media(max-width:600px){.filter-toolbar{flex-direction:column;align-items:stretch;gap:8px}.filter-toolbar .search-box-compact{max-width:100%}.difficulty-group{justify-content:space-between}.filter-actions{margin-left:0;justify-content:space-between}}.question-content{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:28px;transition:none}.answer-section{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px 25px;transition:none}.answer-section .answer-input{margin-bottom:12px}.answer-section .answer-label{font-size:.875rem;margin-bottom:8px;color:var(--text-secondary);font-weight:500}.answer-section .answer-textarea{height:120px;resize:vertical;min-height:80px;max-height:300px}.answer-section .controls{display:flex;gap:12px;margin:0}.answer-section .btn{padding:12px 24px;font-size:.95rem;font-weight:600;min-width:120px}@media(max-width:968px){.question-content{padding:20px}.answer-section{padding:12px 20px}.answer-section .answer-textarea{height:100px;min-height:70px}}@media(max-width:600px){.question-detail{height:calc(100vh - 180px);padding:0;gap:12px}.question-content{padding:15px}.answer-section{padding:10px 15px}.answer-section .answer-textarea{height:80px;min-height:60px;font-size:14px}.answer-section .controls{flex-direction:column}.answer-section .btn{width:100%}}.question-header-compact{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.question-header-compact .question-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1;min-width:200px;letter-spacing:var(--tracking-tight)}.difficulty-tag{padding:6px 14px;font-size:.85rem;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;line-height:1.4;transition:all var(--transition-base);color:#fff}.difficulty-tag:hover{transform:translateY(-1px)}.difficulty-tag.difficulty-easy{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.difficulty-tag.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.difficulty-tag.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.question-meta-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}.question-meta-inline .category-tag{padding:6px 14px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #6366f14d;transition:all var(--transition-base)}.question-meta-inline .category-tag:hover{transform:translateY(-1px)}.question-meta-inline .separator{display:none}.question-meta-inline .tag{padding:4px 10px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;transition:all var(--transition-base)}.question-meta-inline .tag:hover{background:var(--bg-tertiary);color:var(--text-primary)}.question-meta-inline .special-tag{padding:6px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:#fff;transition:all var(--transition-base)}.question-meta-inline .special-tag:hover{transform:translateY(-1px)}.question-meta-inline .special-tag.high-freq{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.question-meta-inline .special-tag.must-know{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}@media(max-width:968px){.question-header-compact{margin-bottom:20px}.question-header-compact .question-title{font-size:1.3rem}.difficulty-tag,.question-meta-inline .category-tag,.question-meta-inline .special-tag{padding:5px 12px;font-size:.8rem}}@media(max-width:600px){.question-header-compact{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.question-header-compact .question-title{font-size:1.1rem}.difficulty-tag,.question-meta-inline .category-tag,.question-meta-inline .special-tag{padding:4px 10px;font-size:.75rem}.question-meta-inline .tag{padding:3px 8px;font-size:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-detail{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}@keyframes shine{0%{left:-100%}to{left:100%}}.difficulty-tag{position:relative;overflow:hidden}.difficulty-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.difficulty-tag:hover:before{left:100%}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none}.btn:active:after{animation:ripple .6s ease-out}.filter-section,.category-sidebar,.app-branding{transition:all var(--transition-base)}.filter-section:hover,.category-sidebar:hover,.app-branding:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter-toolbar-linear{padding:20px 24px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap;transition:box-shadow var(--transition-base)}.filter-toolbar-linear:hover{box-shadow:var(--shadow-md)}.search-row{flex:0 0 auto;min-width:280px;max-width:400px}.search-row .search-box-compact{max-width:100%}.filter-row-linear{flex:1 1 auto;display:flex;align-items:center;gap:32px;min-width:0}.difficulty-group-linear{display:flex;align-items:center;gap:24px}.difficulty-btn-linear{padding:6px 0;background:none;border:none;outline:none;color:var(--text-tertiary);font-size:.9375rem;font-weight:500;cursor:pointer;position:relative;transition:color var(--transition-base)}.difficulty-btn-linear:focus{outline:none}.difficulty-btn-linear:focus-visible{outline:2px solid var(--primary-start);outline-offset:4px;border-radius:4px}.difficulty-btn-linear:hover{color:var(--text-secondary)}.difficulty-btn-linear:hover:before{content:"";position:absolute;inset:-4px -8px;background:var(--bg-secondary);border-radius:6px;z-index:-1;opacity:0;transition:opacity var(--transition-base)}.difficulty-btn-linear:hover:before{opacity:1}.difficulty-btn-linear.active{color:var(--text-primary);font-weight:600}.difficulty-btn-linear.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary-gradient);border-radius:2px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.difficulty-btn-linear:active{transform:scale(.98)}.divider-vertical{width:1px;height:20px;background:var(--border-default);opacity:.5}.filter-checkbox-minimal{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9375rem;color:var(--text-tertiary);font-weight:500;transition:color var(--transition-base)}.filter-checkbox-minimal:hover{color:var(--text-secondary)}.filter-checkbox-minimal input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-start);border-radius:4px}.filter-checkbox-minimal input[type=checkbox]:checked+span{color:var(--text-primary);font-weight:600}.filter-checkbox-minimal input[type=checkbox]:focus{outline:none}.filter-checkbox-minimal input[type=checkbox]:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}.stats-minimal{margin-left:auto;font-size:.875rem;color:var(--text-tertiary);font-weight:400;display:flex;align-items:baseline}.stats-current{color:var(--text-primary);font-weight:600;font-size:1rem}.stats-separator{margin:0 4px}.stats-total{color:var(--text-secondary)}.stats-unit{margin-left:2px}@media(max-width:968px){.filter-toolbar-linear{padding:16px 20px;gap:24px}.search-row{min-width:240px}.filter-row-linear{gap:24px}.difficulty-group-linear{gap:20px}}@media(max-width:600px){.filter-toolbar-linear{padding:16px 18px;gap:16px;flex-direction:column;align-items:stretch}.search-row{max-width:100%;min-width:0}.filter-row-linear{overflow-x:auto;gap:20px;padding-bottom:8px;flex-wrap:nowrap}.difficulty-group-linear{gap:16px;flex-shrink:0}.stats-minimal{margin-left:0;width:100%;justify-content:center;padding-top:8px;border-top:1px solid var(--border-light)}.divider-vertical{display:none}}.mode-switcher{display:flex;gap:8px;padding:16px;background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:16px;box-shadow:var(--shadow-sm)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;outline:none}.mode-btn:focus{outline:none}.mode-btn:focus-visible{box-shadow:0 0 0 3px #6366f133}.mode-btn:hover{background:var(--bg-secondary);color:var(--text-secondary);transform:translateY(-1px)}.mode-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px #6366f14d}.mode-btn svg{flex-shrink:0}.code-editor-wrapper{display:flex;flex-direction:column;gap:20px;padding:0;height:100%;overflow-y:auto}.problem-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.problem-card:hover{box-shadow:var(--shadow-md)}.problem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.problem-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.3}.problem-badges{display:flex;gap:8px;flex-wrap:wrap}.problem-badges>span{padding:6px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;white-space:nowrap;transition:all var(--transition-base)}.problem-badges>span:hover{transform:translateY(-1px)}.difficulty-badge{color:#fff}.difficulty-badge.difficulty-easy{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.difficulty-badge.difficulty-medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.difficulty-badge.difficulty-hard{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.category-badge{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px #6366f14d}.frequency-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.importance-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.problem-body{color:var(--text-secondary);line-height:1.7}.problem-description{margin-bottom:24px;font-size:1rem;white-space:pre-wrap}.problem-description ul,.problem-description ol,.markdown-content ul,.markdown-content ol{padding-left:24px;margin:12px 0}.problem-description li,.markdown-content li{margin:8px 0;line-height:1.6}.problem-description ul ul,.problem-description ol ol,.markdown-content ul ul,.markdown-content ol ol{padding-left:20px;margin:8px 0}.section-title{margin:24px 0 16px;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.examples-section{margin-top:24px}.example-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;border-left:3px solid var(--primary-start)}.example-title{font-weight:600;color:var(--text-primary);margin-bottom:12px}.example-code{background:var(--bg-primary);padding:12px;border-radius:var(--radius-sm);overflow-x:auto;margin:8px 0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5}.example-io{display:flex;gap:8px;margin:6px 0;font-size:.95rem}.io-label{font-weight:600;color:var(--text-primary);min-width:50px}.io-value{font-family:Consolas,Monaco,monospace;color:var(--text-secondary)}.example-explanation{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-default);font-style:italic;color:var(--text-tertiary);font-size:.9rem}.constraints-section{margin-top:24px}.constraints-list{list-style:none;padding:0;margin:0}.constraints-list li{padding:8px 0 8px 24px;position:relative;color:var(--text-secondary)}.constraints-list li:before{content:"•";position:absolute;left:8px;color:var(--primary-start);font-weight:700;font-size:1.2rem}.editor-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.editor-card:hover{box-shadow:var(--shadow-md)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.editor-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.editor-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);color:#fff;outline:none}.action-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background:var(--primary-gradient);box-shadow:0 2px 8px #6366f14d}.action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.action-btn.primary:focus{box-shadow:0 2px 8px #6366f14d,0 0 0 3px #6366f14d}.action-btn.secondary{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 8px #64748b4d}.action-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #64748b66}.action-btn.secondary:focus{box-shadow:0 2px 8px #64748b4d,0 0 0 3px #64748b4d}.action-btn svg{flex-shrink:0}.code-editor-textarea{width:100%;min-height:400px;padding:16px;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all var(--transition-base)}.code-editor-textarea:focus{outline:none;border-color:var(--primary-start);background:var(--bg-elevated);box-shadow:0 0 0 3px #6366f11a}.code-editor-textarea::placeholder{color:var(--text-tertiary)}.results-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.results-card:hover{box-shadow:var(--shadow-md)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.results-summary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);font-size:.9rem}.results-summary.all-passed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:var(--easy)}.results-summary svg{flex-shrink:0}.test-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.test-case-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:16px;border-left:4px solid;transition:all var(--transition-base)}.test-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.test-case-card.passed{border-left-color:var(--easy);background:linear-gradient(135deg,#d1fae54d,#a7f3d04d)}.test-case-card.failed{border-left-color:var(--hard);background:linear-gradient(135deg,#fee2e24d,#fecaca4d)}.test-case-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--text-primary)}.status-icon{flex-shrink:0}.status-icon.success{color:var(--easy)}.status-icon.error{color:var(--hard)}.test-case-title{font-size:.95rem}.test-case-details{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.detail-row{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.8rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-family:Consolas,Monaco,monospace;font-size:.9rem;padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);overflow-x:auto}.detail-value.expected{border-left:3px solid var(--easy)}.detail-value.actual{border-left:3px solid var(--hard)}.detail-value.test-code{border-left:3px solid var(--primary-start);font-size:.85rem;white-space:pre-wrap;word-break:break-word}.success-row .detail-value{color:var(--easy);background:#10b9811a;border-left:3px solid var(--easy);font-weight:600}.error-row .detail-value{color:var(--hard);background:#ef44441a}.solution-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.solution-card:hover{box-shadow:var(--shadow-md)}.solution-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);outline:none}.solution-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);filter:brightness(1.05)}.solution-toggle:focus{outline:none;box-shadow:var(--shadow-primary)}.solution-toggle:active{outline:none;transform:translateY(0);box-shadow:0 1px 4px color-mix(in srgb,var(--primary-start) 30%,transparent)}.solution-toggle:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}.solution-toggle svg{flex-shrink:0}.solution-content{margin-top:20px;animation:fadeInUp .3s ease}.solution-code{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;overflow-x:auto;margin:0}.solution-code code{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;color:var(--text-primary)}@media(max-width:768px){.problem-header{flex-direction:column;align-items:flex-start}.test-cases-grid{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:flex-start;gap:12px}.editor-actions{width:100%}.action-btn{flex:1}}.theme-selector{display:flex;gap:8px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center}.theme-btn{width:32px;height:32px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;outline:none}.theme-btn:hover{transform:scale(1.1);border-color:var(--border-strong)}.theme-btn.active{border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f126}.theme-btn:focus{outline:none}.theme-btn:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}.theme-color{width:24px;height:24px;border-radius:4px;pointer-events:none}@media(max-width:600px){.theme-selector{gap:6px;padding:6px}.theme-btn{width:28px;height:28px}.theme-color{width:20px;height:20px}}._searchBoxCompact_6xpy5_2{min-width:240px;max-width:320px}._searchInputWrapper_6xpy5_7{position:relative;display:flex;align-items:center}._searchIcon_6xpy5_13{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition-base)}._searchInput_6xpy5_7{width:100%;padding:10px 12px 10px 38px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast);background:var(--bg-secondary);color:var(--text-primary)}._searchInput_6xpy5_7::placeholder{color:var(--text-tertiary)}._searchInput_6xpy5_7:hover:not(:focus){background:var(--bg-tertiary)}._searchInput_6xpy5_7:focus{outline:none;background:var(--bg-elevated);border-color:var(--border-default);box-shadow:0 0 0 3px #6366f114}._searchInput_6xpy5_7:focus~._searchIcon_6xpy5_13{color:var(--primary-start)}._searchInput_6xpy5_7:not(:placeholder-shown)~._searchIcon_6xpy5_13{color:var(--primary-start)}._toolbar_1u13u_3{padding:20px 24px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap;transition:box-shadow var(--transition-base)}._toolbar_1u13u_3:hover{box-shadow:var(--shadow-md)}._searchRow_1u13u_21{flex:0 0 auto;min-width:280px;max-width:400px}._filterRow_1u13u_27{flex:1 1 auto;display:flex;align-items:center;gap:32px;min-width:0}._difficultyGroup_1u13u_35{display:flex;align-items:center;gap:24px}._difficultyBtn_1u13u_41{padding:6px 0;background:none;border:none;outline:none;color:var(--text-tertiary);font-size:.9375rem;font-weight:500;cursor:pointer;position:relative;transition:color var(--transition-base)}._difficultyBtn_1u13u_41:focus{outline:none}._difficultyBtn_1u13u_41:focus-visible{outline:2px solid var(--primary-start);outline-offset:4px;border-radius:4px}._difficultyBtn_1u13u_41:hover{color:var(--text-secondary)}._difficultyBtn_1u13u_41:hover:before{content:"";position:absolute;inset:-4px -8px;background:var(--bg-secondary);border-radius:6px;z-index:-1;opacity:1;transition:opacity var(--transition-base)}._difficultyBtn_1u13u_41._active_1u13u_79{color:var(--text-primary);font-weight:600}._difficultyBtn_1u13u_41._active_1u13u_79:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary-gradient);border-radius:2px;animation:_slideIn_1u13u_1 .3s ease-out}@keyframes _slideIn_1u13u_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._difficultyBtn_1u13u_41:active{transform:scale(.98)}._divider_1u13u_109{width:1px;height:20px;background:var(--border-default);opacity:.5}._checkbox_1u13u_116{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9375rem;color:var(--text-tertiary);font-weight:500;transition:color var(--transition-base)}._checkbox_1u13u_116:hover{color:var(--text-secondary)}._checkbox_1u13u_116 input[type=checkbox]{width:18px;height:18px;cursor:pointer;appearance:none;border:2px solid #cbd5e1;border-radius:5px;background:#fff;position:relative;transition:all .2s ease;flex-shrink:0}._checkbox_1u13u_116 input[type=checkbox]:hover{border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f114}._checkbox_1u13u_116 input[type=checkbox]:checked{background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-primary)}._checkbox_1u13u_116 input[type=checkbox]:checked:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}._checkbox_1u13u_116 input[type=checkbox]:checked+span{color:var(--text-primary);font-weight:600}._checkbox_1u13u_116 input[type=checkbox]:focus{outline:none}._checkbox_1u13u_116 input[type=checkbox]:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}._stats_1u13u_181{display:flex;align-items:baseline;gap:2px;font-size:.9375rem;color:var(--text-tertiary);font-weight:500;margin-left:auto}._statsCurrent_1u13u_191{color:var(--primary-start);font-weight:600;font-size:1.125rem}._statsSeparator_1u13u_197{color:var(--text-tertiary);opacity:.5}._statsTotal_1u13u_202{color:var(--text-secondary)}._statsUnit_1u13u_206{color:var(--text-tertiary);font-size:.875rem}@media(max-width:968px){._toolbar_1u13u_3{padding:16px 20px;gap:24px}._filterRow_1u13u_27{gap:24px}}@media(max-width:600px){._toolbar_1u13u_3{padding:16px 18px;gap:16px;flex-direction:column;align-items:stretch}._searchRow_1u13u_21{min-width:0;max-width:100%}._filterRow_1u13u_27{overflow-x:auto;gap:20px;flex-wrap:nowrap}._difficultyGroup_1u13u_35{gap:16px}._stats_1u13u_181{margin-left:0}}._sidebar_o9l54_3{background:#fff;border-radius:12px;padding:15px;box-shadow:0 10px 30px #0003;max-height:calc(100vh - 200px);overflow-y:auto;transition:all var(--transition-base)}._sidebar_o9l54_3:hover{transform:translateY(-2px)}._emptyState_o9l54_17{text-align:center;padding:40px 20px;color:#64748b}._emptyState_o9l54_17 p{font-size:1rem;margin-bottom:8px}._emptyHint_o9l54_28{font-size:.85rem;color:#94a3b8}._group_o9l54_33{margin-bottom:15px}._header_o9l54_37{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}._header_o9l54_37:hover{background:#f1f5f9}._toggle_o9l54_53{font-size:.75rem;color:#64748b;transition:transform .2s ease;display:inline-block;width:12px}._toggle_o9l54_53._expanded_o9l54_61{transform:rotate(0)}._name_o9l54_65{flex:1;font-weight:600;font-size:.9rem;color:#1e293b}._count_o9l54_72{font-size:.8rem;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:10px;font-weight:400}._questions_o9l54_81{max-height:0;overflow:hidden;transition:max-height .3s ease}._questions_o9l54_81._expanded_o9l54_61{max-height:1000px;margin-top:8px}._item_o9l54_92{padding:10px 12px;margin-left:20px;background:#f8fafc;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;margin-bottom:6px;font-size:.85rem;color:#64748b;line-height:1.4;display:flex;align-items:center;justify-content:space-between}._item_o9l54_92:hover{background:#eff6ff;transform:translate(3px);border-left-color:#2563eb;color:#1e293b}._item_o9l54_92._active_o9l54_116{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-left-color:#1e40af;font-weight:500}._titleText_o9l54_123{flex:1}._marks_o9l54_127{display:flex;align-items:center;gap:4px;margin-left:8px}@media(max-width:968px){._sidebar_o9l54_3{max-height:300px}}@media(max-width:600px){._sidebar_o9l54_3{max-height:200px;padding:12px}._header_o9l54_37{padding:8px 10px}._item_o9l54_92{padding:8px 10px;font-size:.8rem}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}._codeDisplay_h35ue_2{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--transition-base);margin:0;display:flex;flex-direction:column;height:100%}._codeDisplay_h35ue_2:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}._codeHeader_h35ue_20{background:var(--bg-secondary);padding:10px 16px;color:var(--text-primary);font-weight:600;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default);min-height:44px;gap:12px}._headerSpacer_h35ue_34{width:32px;height:32px;flex-shrink:0}._codeLabel_h35ue_40{font-size:.875rem;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:600;line-height:1;flex-shrink:0}._codeBlock_h35ue_51{padding:16px;max-height:350px;overflow-y:auto;margin:0!important;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;flex:1;min-height:200px;background:#2d2d30}._codeBlock_h35ue_51 code{color:#d4d4d4;padding:0;margin:0;display:block;background:transparent;border:none;font-size:inherit;line-height:inherit}@media(max-width:968px){._codeBlock_h35ue_51{max-height:300px;font-size:12px}}@media(max-width:600px){._codeHeader_h35ue_20{padding:8px 12px;font-size:.8rem}._codeBlock_h35ue_51{padding:12px;max-height:250px;font-size:12px}}._markdown_1n390_3{line-height:1.6}._markdown_1n390_3 h1{font-size:1.5rem;font-weight:700;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}._markdown_1n390_3 h2{font-size:1.25rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}._markdown_1n390_3 h3{font-size:1.125rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}._markdown_1n390_3 p{margin:var(--spacing-sm) 0}._markdown_1n390_3 code{background:#0000000d;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}._markdown_1n390_3 pre{background:#0000000d;padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin:var(--spacing-md) 0}._markdown_1n390_3 pre code{background:none;padding:0}._markdown_1n390_3 ul,._markdown_1n390_3 ol{padding-left:24px;margin:var(--spacing-md) 0}._markdown_1n390_3 li{margin:var(--spacing-xs) 0;line-height:1.6}._markdown_1n390_3 ul ul,._markdown_1n390_3 ol ol{padding-left:20px;margin:var(--spacing-xs) 0}._markdown_1n390_3 strong{font-weight:600}._markdown_1n390_3 em{font-style:italic}._themeSelector_18lak_2{display:flex;gap:8px;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center}._themeBtn_18lak_11{width:32px;height:32px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;outline:none}._themeBtn_18lak_11:hover{transform:scale(1.1);border-color:var(--border-strong)}._themeBtn_18lak_11._active_18lak_31{border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f126}._themeBtn_18lak_11:focus{outline:none}._themeBtn_18lak_11:focus-visible{outline:2px solid var(--primary-start);outline-offset:2px}._themeColor_18lak_45{width:24px;height:24px;border-radius:4px;pointer-events:none}@media(max-width:600px){._themeSelector_18lak_2{gap:6px;padding:6px}._themeBtn_18lak_11{width:28px;height:28px}._themeColor_18lak_45{width:20px;height:20px}}._outputDisplay_k3zx1_2{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:all var(--transition-base);margin:0;display:flex;flex-direction:column;height:100%}._outputDisplay_k3zx1_2:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}._outputHeader_k3zx1_20{background:var(--bg-secondary);padding:10px 16px;color:var(--text-primary);font-weight:600;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-default);min-height:44px;gap:12px}._outputLabel_k3zx1_34{font-size:.875rem;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:600;line-height:1;flex-shrink:0}._runButton_k3zx1_45{padding:0;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:0 1px 3px #10b9814d;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;outline:none}._runButton_k3zx1_45:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 6px #10b98166}._runButton_k3zx1_45:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #10b9814d;outline:none}._runButton_k3zx1_45:focus{outline:none}._runButton_k3zx1_45:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;opacity:.6}._outputBlock_k3zx1_85{padding:16px;max-height:350px;overflow-y:auto;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;flex:1;min-height:200px;white-space:pre-wrap;word-wrap:break-word;color:var(--text-secondary);background:var(--bg-elevated)}._outputBlock_k3zx1_85._error_k3zx1_101{color:var(--hard);background:#ef44440d}@media(max-width:968px){._outputBlock_k3zx1_85{max-height:300px;font-size:12px}}@media(max-width:600px){._outputHeader_k3zx1_20{padding:8px 12px;font-size:.8rem}._runButton_k3zx1_45{padding:6px 12px;font-size:.8rem}._outputBlock_k3zx1_85{padding:12px;max-height:250px;font-size:12px}}._section_1eufj_3{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;width:100%}@media(max-width:968px){._section_1eufj_3{gap:12px;margin-bottom:16px}}@media(max-width:600px){._section_1eufj_3{grid-template-columns:1fr;gap:12px;margin-bottom:12px}}._answerInput_apree_2{margin-bottom:16px}._answerHeader_apree_6{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}._answerLabel_apree_13{font-weight:600;color:var(--text-primary);font-size:.95rem}._answerHint_apree_19{font-size:.85rem;color:var(--text-tertiary)}._keyboardHint_apree_24{font-size:.75rem;color:var(--text-tertiary);font-style:italic}._answerTextarea_apree_30{width:100%;padding:16px;border:2px solid var(--border-default);border-radius:var(--radius-md);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical;transition:all var(--transition-base);background:var(--bg-elevated);color:var(--text-primary)}._answerTextarea_apree_30::placeholder{color:var(--text-tertiary)}._answerTextarea_apree_30:hover:not(:focus){border-color:var(--border-strong);background:var(--bg-secondary)}._answerTextarea_apree_30:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-elevated)}._answerComparison_1negt_2{padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid}._answerComparison_1negt_2._correct_1negt_9{border-color:#10b981;background:#d1fae5}._answerComparison_1negt_2._incorrect_1negt_14{border-color:#ef4444;background:#fee2e2}._comparisonHeader_1negt_19{display:flex;align-items:center;gap:10px;margin-bottom:15px}._resultText_1negt_26{font-size:1.2rem;font-weight:700}._answerComparison_1negt_2._correct_1negt_9 ._resultText_1negt_26{color:#065f46}._answerComparison_1negt_2._incorrect_1negt_14 ._resultText_1negt_26{color:#991b1b}._comparisonDetails_1negt_39{display:grid;grid-template-columns:1fr 1fr;gap:15px}._comparisonColumn_1negt_45{background:#fff;padding:15px;border-radius:8px}._comparisonLabel_1negt_51{font-weight:700;margin-bottom:8px;color:#2563eb}._comparisonContent_1negt_57{font-family:Consolas,Monaco,monospace;font-size:.9rem;white-space:pre-wrap;word-wrap:break-word;color:#1e293b;margin:0}._successMessage_1negt_66{margin-top:12px}._successMessage_1negt_66 p{margin:8px 0;color:#065f46;font-weight:500}._successMessage_1negt_66 ._hint_1negt_76{font-size:.9rem;color:#059669;font-style:italic}@media(max-width:968px){._comparisonDetails_1negt_39{grid-template-columns:1fr}}._section_17i3l_3{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px 25px}._controls_17i3l_11{display:flex;gap:12px;margin:0}._btn_17i3l_17{padding:12px 24px;font-size:.95rem;font-weight:600;min-width:120px}._btnPrimary_17i3l_24{background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}._btnPrimary_17i3l_24:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}._btnPrimary_17i3l_24:disabled{opacity:.5;cursor:not-allowed}._btnSecondary_17i3l_44{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}._btnSecondary_17i3l_44:hover{background:var(--bg-tertiary);transform:translateY(-2px)}@media(max-width:968px){._section_17i3l_3{padding:12px 20px}}@media(max-width:600px){._section_17i3l_3{padding:10px 15px}._controls_17i3l_11{flex-direction:column}._btn_17i3l_17{width:100%}}._explanation_1x2am_3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);border-left:4px solid #f59e0b;overflow:hidden;transition:all .3s ease}._header_1x2am_13{padding:var(--spacing-md) var(--spacing-lg);background:#fbbf2433;border-bottom:1px solid rgba(251,191,36,.3);transition:background .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}._header_1x2am_13:hover{background:#fbbf244d}._title_1x2am_26{font-size:1.125rem;font-weight:700;color:#92400e;margin:0;display:flex;align-items:center;gap:8px}._icon_1x2am_36{font-size:1.25rem;display:inline-block;transition:transform .3s ease}._toggle_1x2am_42{margin-left:auto;font-size:.875rem;color:#d97706;transition:transform .3s ease}._hint_1x2am_49{margin:4px 0 0;font-size:.8125rem;color:#b45309;opacity:.8}._content_1x2am_56{padding:var(--spacing-lg);color:#78350f;line-height:1.8;font-size:.9375rem;animation:_slideDown_1x2am_1 .3s ease}@keyframes _slideDown_1x2am_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._content_1x2am_56 .markdown h2,._content_1x2am_56 .markdown h3{color:#92400e;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}._content_1x2am_56 .markdown h2{font-size:1.125rem}._content_1x2am_56 .markdown h3{font-size:1rem}._content_1x2am_56 .markdown code{background:#fbbf244d;padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.875rem;color:#92400e}._content_1x2am_56 .markdown pre{background:#fbbf2433;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-sm) 0}._content_1x2am_56 .markdown ul,._content_1x2am_56 .markdown ol{margin-left:var(--spacing-lg);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._content_1x2am_56 .markdown li{margin-bottom:var(--spacing-xs)}._content_1x2am_56 .markdown strong{color:#92400e;font-weight:600}._header_5xset_3{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}._title_5xset_12{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1;min-width:200px;letter-spacing:var(--tracking-tight)}._meta_5xset_23{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}._difficultyTag_5xset_31{padding:6px 14px;font-size:.85rem;font-weight:500;border-radius:var(--radius-md);white-space:nowrap;line-height:1.4;transition:all var(--transition-base);color:#fff}._difficultyTag_5xset_31:hover{transform:translateY(-1px)}._difficultyEasy_5xset_46{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}._difficultyMedium_5xset_51{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}._difficultyHard_5xset_56{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}._categoryTag_5xset_61{padding:6px 14px;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #6366f14d;transition:all var(--transition-base)}._categoryTag_5xset_61:hover{transform:translateY(-1px)}._tag_5xset_76{padding:4px 10px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;transition:all var(--transition-base)}._tag_5xset_76:hover{background:var(--bg-tertiary);color:var(--text-primary)}._specialTag_5xset_91{padding:6px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:#fff;transition:all var(--transition-base)}._specialTag_5xset_91:hover{transform:translateY(-1px)}._highFreq_5xset_104{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}._mustKnow_5xset_109{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}@media(max-width:968px){._header_5xset_3{margin-bottom:20px}._title_5xset_12{font-size:1.3rem}._difficultyTag_5xset_31,._categoryTag_5xset_61,._specialTag_5xset_91{padding:5px 12px;font-size:.8rem}}@media(max-width:600px){._header_5xset_3{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}._title_5xset_12{font-size:1.1rem}._difficultyTag_5xset_31,._categoryTag_5xset_61,._specialTag_5xset_91{padding:4px 10px;font-size:.75rem}._tag_5xset_76{padding:3px 8px;font-size:.75rem}}._detail_1pyht_3{background:transparent;border-radius:0;box-shadow:none;border:none;flex:1;width:100%;display:flex;flex-direction:column;height:calc(100vh - 240px);overflow-y:auto;margin:0;padding:0;gap:20px;animation:_fadeInUp_1pyht_1 .4s cubic-bezier(.4,0,.2,1)}._empty_1pyht_20{display:flex;align-items:center;justify-content:center;min-height:400px;height:auto;overflow:visible;background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}._emptyText_1pyht_33{font-size:1.1rem;color:var(--text-secondary)}._emptyIcon_1pyht_38{margin-right:8px;color:var(--primary-start)}@keyframes _fadeInUp_1pyht_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){._detail_1pyht_3{padding:0;max-height:calc(100vh - 200px)}}@media(max-width:600px){._detail_1pyht_3{height:calc(100vh - 180px);padding:0;gap:12px}}