.navbar[data-v-bbd2abf4]{height:var(--header-height);background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:1000;position:fixed;top:0;left:0;right:0}.navbar-content[data-v-bbd2abf4]{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo[data-v-bbd2abf4]{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon[data-v-bbd2abf4]{width:32px;height:32px;color:var(--accent-blue)}.logo-text[data-v-bbd2abf4]{font-size:20px;font-weight:600}.nav-links[data-v-bbd2abf4]{align-items:center;gap:8px;display:flex}.nav-link[data-v-bbd2abf4]{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link[data-v-bbd2abf4]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active[data-v-bbd2abf4]{color:var(--accent-blue);background:var(--bg-tertiary)}.nav-link svg[data-v-bbd2abf4]{width:20px;height:20px}.nav-actions[data-v-bbd2abf4]{align-items:center;gap:12px;display:flex}.theme-btn[data-v-bbd2abf4]{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-btn[data-v-bbd2abf4]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-btn svg[data-v-bbd2abf4]{width:22px;height:22px}@media (width<=768px){.nav-links span[data-v-bbd2abf4]{display:none}.nav-link[data-v-bbd2abf4]{padding:10px}.logo-text[data-v-bbd2abf4]{display:none}}.app[data-v-faf371a3]{min-height:100vh}.main-content[data-v-faf371a3]{padding-top:var(--header-height)}.fade-enter-active[data-v-faf371a3],.fade-leave-active[data-v-faf371a3]{transition:opacity .2s}.fade-enter-from[data-v-faf371a3],.fade-leave-to[data-v-faf371a3]{opacity:0}.category-card[data-v-305af58f]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);flex-direction:column;padding:24px;text-decoration:none;display:flex}.category-card[data-v-305af58f]:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-blue);transform:translateY(-4px)}.card-header[data-v-305af58f]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.icon-wrapper[data-v-305af58f]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.category-icon[data-v-305af58f]{width:32px;height:32px}.progress-badge[data-v-305af58f]{background:var(--accent-green);color:var(--text-inverse);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:600}.category-name[data-v-305af58f]{margin-bottom:8px;font-size:18px;font-weight:600}.category-desc[data-v-305af58f]{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:14px;line-height:1.5}.category-stats[data-v-305af58f]{color:var(--text-tertiary);align-items:center;gap:12px;font-size:13px;display:flex}.read[data-v-305af58f]{color:var(--accent-green);font-weight:500}.question-card[data-v-23eaf7d0]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base);position:relative}.question-card[data-v-23eaf7d0]:hover{box-shadow:var(--shadow-md);border-color:var(--border-color)}.question-card.read[data-v-23eaf7d0]{border-left:3px solid var(--accent-green)}.card-content[data-v-23eaf7d0]{color:var(--text-primary);flex-direction:column;padding:20px;text-decoration:none;display:flex}.card-header[data-v-23eaf7d0]{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tags[data-v-23eaf7d0]{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.header-actions[data-v-23eaf7d0]{flex-shrink:0;align-items:center;gap:8px;display:flex}.difficulty[data-v-23eaf7d0]{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:500}.difficulty.easy[data-v-23eaf7d0]{background:var(--accent-green);color:var(--text-inverse)}.difficulty.medium[data-v-23eaf7d0]{background:var(--accent-orange);color:var(--text-inverse)}.difficulty.hard[data-v-23eaf7d0]{background:var(--accent-red);color:var(--text-inverse)}.tag[data-v-23eaf7d0]{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:3px 10px;font-size:12px}.read-indicator[data-v-23eaf7d0]{color:var(--accent-green);align-items:center;display:flex}.read-indicator svg[data-v-23eaf7d0]{width:20px;height:20px}.title[data-v-23eaf7d0]{margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4}.content[data-v-23eaf7d0]{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer[data-v-23eaf7d0]{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.category[data-v-23eaf7d0]{color:var(--text-tertiary);font-size:12px}.favorite-btn[data-v-23eaf7d0]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.question-card:hover .favorite-btn[data-v-23eaf7d0]{opacity:1}.favorite-btn[data-v-23eaf7d0]:hover{background:var(--bg-tertiary)}.favorite-btn.active[data-v-23eaf7d0]{opacity:1;color:var(--accent-red)}.favorite-btn svg[data-v-23eaf7d0]{width:20px;height:20px}@media (width<=768px){.favorite-btn[data-v-23eaf7d0]{opacity:1}}.search-box[data-v-72a1fb1e]{align-items:center;width:100%;max-width:600px;display:flex;position:relative}.search-icon[data-v-72a1fb1e]{width:20px;height:20px;color:var(--text-tertiary);pointer-events:none;position:absolute;left:16px}.search-input[data-v-72a1fb1e]{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);width:100%;height:48px;color:var(--text-primary);transition:all var(--transition-fast);padding:0 48px;font-size:15px}.search-input[data-v-72a1fb1e]:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #007aff26}.search-input[data-v-72a1fb1e]::placeholder{color:var(--text-tertiary)}.clear-btn[data-v-72a1fb1e]{border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.clear-btn[data-v-72a1fb1e]:hover{color:var(--text-primary)}.clear-btn svg[data-v-72a1fb1e]{width:18px;height:18px}.home[data-v-e6d5794e]{max-width:1400px;margin:0 auto;padding:24px}.hero[data-v-e6d5794e]{text-align:center;padding:60px 0}.hero-content[data-v-e6d5794e]{max-width:700px;margin:0 auto}.hero-title[data-v-e6d5794e]{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:700}.hero-desc[data-v-e6d5794e]{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.search-wrapper[data-v-e6d5794e]{margin-bottom:24px}.stats[data-v-e6d5794e]{justify-content:center;align-items:center;gap:32px;display:flex}.stat-item[data-v-e6d5794e]{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.stat-item svg[data-v-e6d5794e]{width:20px;height:20px;color:var(--accent-blue)}.section-title[data-v-e6d5794e]{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:24px;font-size:24px;font-weight:600;display:flex}.section-title svg[data-v-e6d5794e]{width:28px;height:28px;color:var(--accent-blue)}.categories[data-v-e6d5794e]{margin-bottom:60px}.category-grid[data-v-e6d5794e]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.random-questions[data-v-e6d5794e]{margin-bottom:60px}.question-grid[data-v-e6d5794e]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}@media (width<=768px){.hero-title[data-v-e6d5794e]{font-size:32px}.stats[data-v-e6d5794e]{flex-direction:column;gap:16px}.category-grid[data-v-e6d5794e],.question-grid[data-v-e6d5794e]{grid-template-columns:1fr}}.category-page[data-v-ac9e6936]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-ac9e6936]{margin-bottom:32px}.header-content[data-v-ac9e6936]{justify-content:space-between;align-items:center;display:flex}.category-info[data-v-ac9e6936]{align-items:center;gap:20px;display:flex}.icon-wrapper[data-v-ac9e6936]{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.icon-wrapper svg[data-v-ac9e6936]{width:36px;height:36px}.title-group h1[data-v-ac9e6936]{margin-bottom:4px;font-size:28px;font-weight:600}.title-group p[data-v-ac9e6936]{color:var(--text-secondary);font-size:15px}.stats[data-v-ac9e6936]{color:var(--text-tertiary);font-size:14px}.filters[data-v-ac9e6936]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.filter-group[data-v-ac9e6936]{align-items:center;gap:12px;display:flex}.filter-label[data-v-ac9e6936]{color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:500}.filter-options[data-v-ac9e6936]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-btn[data-v-ac9e6936]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-size:13px;font-weight:500}.filter-btn[data-v-ac9e6936]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.filter-btn.active[data-v-ac9e6936]{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-inverse)}.questions-grid[data-v-ac9e6936]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.empty-state[data-v-ac9e6936]{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.empty-state svg[data-v-ac9e6936]{opacity:.5;width:64px;height:64px;margin-bottom:16px}.pagination[data-v-ac9e6936]{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:16px;margin-top:40px;padding-top:24px;display:flex}.page-btn[data-v-ac9e6936]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.page-btn[data-v-ac9e6936]:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.page-btn[data-v-ac9e6936]:disabled{opacity:.5;cursor:not-allowed}.page-btn svg[data-v-ac9e6936]{width:18px;height:18px}.page-numbers[data-v-ac9e6936]{align-items:center;gap:8px;display:flex}.page-number[data-v-ac9e6936]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.page-number[data-v-ac9e6936]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.page-number.active[data-v-ac9e6936]{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-inverse)}.page-info[data-v-ac9e6936]{color:var(--text-tertiary);border-left:1px solid var(--border-color);margin-left:12px;padding-left:12px;font-size:13px}@media (width<=768px){.header-content[data-v-ac9e6936]{flex-direction:column;align-items:flex-start;gap:16px}.filter-group[data-v-ac9e6936]{flex-direction:column;align-items:flex-start}.questions-grid[data-v-ac9e6936]{grid-template-columns:1fr}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.question-detail[data-v-5260420a]{max-width:900px;margin:0 auto;padding:24px}.breadcrumb[data-v-5260420a]{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumb a[data-v-5260420a]{color:var(--accent-blue);text-decoration:none}.breadcrumb a[data-v-5260420a]:hover{text-decoration:underline}.breadcrumb svg[data-v-5260420a]{width:16px;height:16px}.question-card[data-v-5260420a]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:24px;padding:32px}.card-header[data-v-5260420a]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tags[data-v-5260420a]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.difficulty[data-v-5260420a]{border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:500}.difficulty.easy[data-v-5260420a]{background:var(--accent-green);color:var(--text-inverse)}.difficulty.medium[data-v-5260420a]{background:var(--accent-orange);color:var(--text-inverse)}.difficulty.hard[data-v-5260420a]{background:var(--accent-red);color:var(--text-inverse)}.tag[data-v-5260420a]{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:13px}.favorite-btn[data-v-5260420a]{border-radius:var(--radius-md);background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.favorite-btn[data-v-5260420a]:hover{background:var(--bg-primary)}.favorite-btn.active[data-v-5260420a]{background:var(--accent-red);color:var(--text-inverse)}.favorite-btn svg[data-v-5260420a]{width:22px;height:22px}.question-title[data-v-5260420a]{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.4}.question-content[data-v-5260420a]{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.toggle-answer-btn[data-v-5260420a]{border-radius:var(--radius-md);background:var(--accent-blue);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;display:inline-flex}.toggle-answer-btn[data-v-5260420a]:hover{background:var(--accent-blue-hover)}.toggle-answer-btn svg[data-v-5260420a]{width:18px;height:18px}.answer-card[data-v-5260420a]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:24px;overflow:hidden}.answer-section[data-v-5260420a],.code-section[data-v-5260420a]{padding:24px 32px}.code-section[data-v-5260420a]{border-top:1px solid var(--border-color)}.answer-section h3[data-v-5260420a],.code-section h3[data-v-5260420a]{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.answer-section h3 svg[data-v-5260420a],.code-section h3 svg[data-v-5260420a]{width:22px;height:22px;color:var(--accent-orange)}.answer-content[data-v-5260420a]{color:var(--text-primary);white-space:pre-line;font-size:15px;line-height:1.8}.answer-content[data-v-5260420a] br{margin-bottom:12px}pre[data-v-5260420a]{border-radius:var(--radius-md);background:var(--bg-tertiary);margin:0;padding:16px;overflow-x:auto}pre code[data-v-5260420a]{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:14px;line-height:1.6}.navigation[data-v-5260420a]{justify-content:space-between;align-items:center;gap:16px;display:flex}.nav-btn[data-v-5260420a]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;align-items:center;gap:12px;max-width:300px;padding:16px 20px;display:flex}.nav-btn[data-v-5260420a]:hover:not(:disabled){border-color:var(--accent-blue)}.nav-btn[data-v-5260420a]:disabled{opacity:.5;cursor:not-allowed}.nav-btn.next[data-v-5260420a]{text-align:right;justify-content:flex-end}.nav-btn svg[data-v-5260420a]{flex-shrink:0;width:24px;height:24px}.nav-info[data-v-5260420a]{flex-direction:column;gap:4px;display:flex;overflow:hidden}.nav-label[data-v-5260420a]{color:var(--text-tertiary);font-size:12px}.nav-title[data-v-5260420a]{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}@media (width<=768px){.question-title[data-v-5260420a]{font-size:20px}.question-card[data-v-5260420a],.answer-section[data-v-5260420a],.code-section[data-v-5260420a]{padding:20px}.navigation[data-v-5260420a]{flex-direction:column}.nav-btn[data-v-5260420a]{width:100%;max-width:none}}.search-result[data-v-3fc3822f]{max-width:1400px;margin:0 auto;padding:24px}.search-header[data-v-3fc3822f]{margin-bottom:32px}.search-header h1[data-v-3fc3822f]{align-items:center;gap:12px;margin-bottom:8px;font-size:24px;font-weight:600;display:flex}.search-header h1 svg[data-v-3fc3822f]{width:28px;height:28px;color:var(--accent-blue)}.search-query[data-v-3fc3822f]{color:var(--text-secondary);font-size:14px}.results-grid[data-v-3fc3822f]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.empty-state[data-v-3fc3822f]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.empty-state svg[data-v-3fc3822f]{width:80px;height:80px;color:var(--text-tertiary);opacity:.5;margin-bottom:24px}.empty-state h3[data-v-3fc3822f]{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p[data-v-3fc3822f]{color:var(--text-secondary);font-size:14px}@media (width<=768px){.results-grid[data-v-3fc3822f]{grid-template-columns:1fr}}.favorites-page[data-v-528adefd]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-528adefd]{margin-bottom:32px}.page-header h1[data-v-528adefd]{align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:600;display:flex}.page-header h1 svg[data-v-528adefd]{width:32px;height:32px;color:var(--accent-red)}.subtitle[data-v-528adefd]{color:var(--text-secondary);font-size:14px}.favorites-grid[data-v-528adefd]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.empty-state[data-v-528adefd]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.empty-state svg[data-v-528adefd]{width:80px;height:80px;color:var(--text-tertiary);opacity:.5;margin-bottom:24px}.empty-state h3[data-v-528adefd]{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p[data-v-528adefd]{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.btn-primary[data-v-528adefd]{border-radius:var(--radius-md);background:var(--accent-blue);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary[data-v-528adefd]:hover{background:var(--accent-blue-hover)}@media (width<=768px){.favorites-grid[data-v-528adefd]{grid-template-columns:1fr}}.mock-interview[data-v-d32cd3a9]{max-width:900px;margin:0 auto;padding:24px}.start-screen[data-v-d32cd3a9]{justify-content:center;align-items:center;min-height:60vh;display:flex}.start-content[data-v-d32cd3a9]{text-align:center;max-width:500px}.start-icon[data-v-d32cd3a9]{width:80px;height:80px;color:var(--accent-blue);margin-bottom:24px}.start-content h1[data-v-d32cd3a9]{margin-bottom:12px;font-size:32px;font-weight:600}.start-content>p[data-v-d32cd3a9]{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.features[data-v-d32cd3a9]{text-align:left;margin-bottom:32px;list-style:none}.features li[data-v-d32cd3a9]{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.features li[data-v-d32cd3a9]:last-child{border-bottom:none}.features svg[data-v-d32cd3a9]{width:20px;height:20px;color:var(--accent-green)}.start-btn[data-v-d32cd3a9]{border-radius:var(--radius-lg);background:var(--accent-blue);color:var(--text-inverse);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex}.start-btn[data-v-d32cd3a9]:hover{background:var(--accent-blue-hover);transform:translateY(-2px)}.start-btn svg[data-v-d32cd3a9]{width:20px;height:20px}.interview-session[data-v-d32cd3a9]{max-width:800px;margin:0 auto}.progress-bar[data-v-d32cd3a9]{margin-bottom:24px}.progress-info[data-v-d32cd3a9]{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.progress-track[data-v-d32cd3a9]{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill[data-v-d32cd3a9]{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:var(--radius-full);height:100%;transition:width .3s}.question-card[data-v-d32cd3a9]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:24px;padding:32px}.card-header[data-v-d32cd3a9]{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.difficulty[data-v-d32cd3a9]{border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:500}.difficulty.easy[data-v-d32cd3a9]{background:var(--accent-green);color:var(--text-inverse)}.difficulty.medium[data-v-d32cd3a9]{background:var(--accent-orange);color:var(--text-inverse)}.difficulty.hard[data-v-d32cd3a9]{background:var(--accent-red);color:var(--text-inverse)}.tag[data-v-d32cd3a9]{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);padding:4px 12px;font-size:13px}.question-title[data-v-d32cd3a9]{margin-bottom:16px;font-size:22px;font-weight:600;line-height:1.4}.question-content[data-v-d32cd3a9]{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.actions[data-v-d32cd3a9]{gap:12px;margin-bottom:24px;display:flex}.btn-secondary[data-v-d32cd3a9],.btn-success[data-v-d32cd3a9]{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary[data-v-d32cd3a9]{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary[data-v-d32cd3a9]:hover{background:var(--border-color)}.btn-success[data-v-d32cd3a9]{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-success.active[data-v-d32cd3a9]{background:var(--accent-green);color:var(--text-inverse)}.btn-success[data-v-d32cd3a9]:hover{background:var(--border-color)}.btn-success.active[data-v-d32cd3a9]:hover{background:var(--accent-green)}.answer-section[data-v-d32cd3a9]{border-top:1px solid var(--border-color);padding-top:24px}.answer-section h3[data-v-d32cd3a9]{color:var(--accent-orange);margin-bottom:12px;font-size:16px;font-weight:600}.answer-text[data-v-d32cd3a9]{color:var(--text-primary);white-space:pre-line;margin-bottom:16px;font-size:15px;line-height:1.8}pre[data-v-d32cd3a9]{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;overflow-x:auto}pre code[data-v-d32cd3a9]{color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;font-size:14px;line-height:1.6}.navigation[data-v-d32cd3a9]{justify-content:space-between;gap:16px;display:flex}.nav-btn[data-v-d32cd3a9]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;display:inline-flex}.nav-btn[data-v-d32cd3a9]:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.nav-btn[data-v-d32cd3a9]:disabled{opacity:.5;cursor:not-allowed}.nav-btn.primary[data-v-d32cd3a9]{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--text-inverse)}.nav-btn.primary[data-v-d32cd3a9]:hover:not(:disabled){background:var(--accent-blue-hover)}.nav-btn svg[data-v-d32cd3a9]{width:20px;height:20px}.complete-message[data-v-d32cd3a9]{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-top:24px;padding:48px}.complete-message svg[data-v-d32cd3a9]{width:64px;height:64px;color:var(--accent-orange);margin-bottom:16px}.complete-message h3[data-v-d32cd3a9]{margin-bottom:8px;font-size:20px;font-weight:600}.complete-message p[data-v-d32cd3a9]{color:var(--text-secondary);margin-bottom:24px;font-size:14px}@media (width<=768px){.question-card[data-v-d32cd3a9]{padding:20px}.actions[data-v-d32cd3a9],.navigation[data-v-d32cd3a9]{flex-direction:column}.nav-btn[data-v-d32cd3a9]{justify-content:center}}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e8e8ed;--bg-elevated:#fffc;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#6e6e73;--text-inverse:#fff;--accent-blue:#007aff;--accent-blue-hover:#0051d5;--accent-green:#34c759;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#af52de;--accent-teal:#5ac8fa;--border-color:#0000001a;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #0000001f;--shadow-xl:0 24px 48px #00000026;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--header-height:60px}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-elevated:#1c1c1ee6;--text-primary:#fff;--text-secondary:#8e8e93;--text-tertiary:#636366;--text-inverse:#1d1d1f;--accent-blue:#0a84ff;--accent-blue-hover:#409cff;--accent-green:#30d158;--accent-orange:#ff9f0a;--accent-red:#ff453a;--accent-purple:#bf5af2;--accent-teal:#64d2ff;--border-color:#ffffff26;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 24px #00000080;--shadow-xl:0 24px 48px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-base), color var(--transition-base)}.glass{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-blue);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 16px;font-size:15px}.input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #007aff26}.tag{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.tag:hover,.tag.active{background:var(--accent-blue);color:var(--text-inverse)}pre{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:16px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto}code{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}@media (width<=768px){:root{--sidebar-width:0px}}
