@charset "UTF-8";.interview-prep-topic-page{background:radial-gradient(120% 120% at 10% 8%,color-mix(in srgb,#0ea5e9 12%,transparent),transparent 58%),radial-gradient(130% 120% at 88% 12%,color-mix(in srgb,#2563eb 12%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-secondary) 82%,transparent),color-mix(in srgb,var(--color-bg-primary) 90%,transparent));min-height:100vh;overflow:hidden;padding-bottom:56px;padding-top:120px;position:relative}.interview-prep-topic-page:before{background:radial-gradient(40% 42% at 22% 30%,color-mix(in srgb,#0ea5e9 20%,transparent),transparent 70%),radial-gradient(44% 46% at 80% 24%,color-mix(in srgb,#2563eb 22%,transparent),transparent 72%);content:"";inset:-22% -28%;opacity:.5;pointer-events:none;position:absolute;z-index:-2}.interview-prep-topic-page__hero,.interview-prep-topic-page__materials,.interview-prep-topic-page__mock,.interview-prep-topic-page__result,.interview-prep-topic-page__test{background:radial-gradient(120% 120% at 100% 0,color-mix(in srgb,#0ea5e9 16%,transparent),transparent 55%),linear-gradient(150deg,color-mix(in srgb,var(--surface-panel-2) 82%,transparent),color-mix(in srgb,var(--surface-panel-1) 76%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);border-radius:20px;box-shadow:0 16px 34px color-mix(in srgb,#020617 16%,transparent),inset 0 1px color-mix(in srgb,#fff 8%,transparent);margin-top:18px;padding:24px}.interview-prep-topic-page__hero h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.02em;line-height:1.06;margin:12px 0 8px}.interview-prep-topic-page__hero p{color:var(--color-text-secondary);line-height:1.55;margin:0;max-width:760px}.interview-prep-topic-page__video{background:color-mix(in srgb,var(--surface-panel-1) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);border-radius:14px;display:grid;gap:10px;margin-top:16px;padding:14px}.interview-prep-topic-page__video-title{color:color-mix(in srgb,#38bdf8 88%,var(--color-text-primary));font-size:13px;font-weight:700}.interview-prep-topic-page__video-frame{aspect-ratio:16/9;background:#0f172a;border-radius:10px;overflow:hidden}.interview-prep-topic-page__video-frame iframe{border:0;height:100%;width:100%}.interview-prep-topic-page__video-link{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 32%,transparent);border-radius:8px;color:var(--color-primary);display:inline-flex;font-size:13px;font-weight:700;padding:6px 12px;text-decoration:none;transition:background .2s}.interview-prep-topic-page__video-link:hover{background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.interview-prep-topic-page__hero-top{align-items:center;display:flex;gap:14px;justify-content:space-between}.interview-prep-topic-page__hero-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.interview-prep-topic-page__hero-metrics span{background:color-mix(in srgb,var(--surface-panel-1) 74%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);border-radius:999px;color:var(--color-text-secondary);font-size:12px;font-weight:700;padding:6px 12px}.interview-prep-topic-page__difficulty{align-items:center;background:color-mix(in srgb,#0284c7 24%,transparent);border:1px solid color-mix(in srgb,#0284c7 38%,transparent);border-radius:999px;color:color-mix(in srgb,#e0f2fe 80%,var(--color-text-primary));display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.08em;padding:6px 14px;text-transform:uppercase}.interview-prep-topic-page__section-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.interview-prep-topic-page__section-head h2{font-size:20px;margin:0}.interview-prep-topic-page__status{background:color-mix(in srgb,#f59e0b 14%,transparent);border:1px solid color-mix(in srgb,#f59e0b 32%,transparent);border-radius:8px;color:#f59e0b;font-size:13px;font-weight:700;padding:6px 12px}.interview-prep-topic-page__status_done{background:color-mix(in srgb,#10b981 14%,transparent);border-color:color-mix(in srgb,#10b981 32%,transparent);color:#10b981}.interview-prep-topic-page__material-tabs{background:color-mix(in srgb,var(--color-border) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);border-radius:14px;display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;padding:4px;scrollbar-width:none}.interview-prep-topic-page__material-tabs::-webkit-scrollbar{display:none}.interview-prep-topic-page__tab-btn{background:transparent;border:none;border-radius:10px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 18px;transition:background .2s,color .2s;white-space:nowrap}.interview-prep-topic-page__tab-btn:hover{background:color-mix(in srgb,var(--color-border) 28%,transparent);color:var(--color-text-primary)}.interview-prep-topic-page__tab-btn_active{background:color-mix(in srgb,var(--surface-panel-2) 90%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);box-shadow:0 2px 8px color-mix(in srgb,#020617 12%,transparent),inset 0 1px color-mix(in srgb,#fff 12%,transparent);color:var(--color-text-primary);font-weight:700}.interview-prep-topic-page__tab-content{min-height:200px}.interview-prep-topic-page__core-theory,.interview-prep-topic-page__handbook,.interview-prep-topic-page__lessons,.interview-prep-topic-page__question-theory{display:grid;gap:12px}.interview-prep-topic-page__core-theory h3,.interview-prep-topic-page__handbook h3,.interview-prep-topic-page__question-theory h3{font-size:17px;font-weight:700;margin:0}.interview-prep-topic-page__core-theory ul{display:grid;gap:8px;list-style:none;margin:0;padding-left:0}.interview-prep-topic-page__core-theory ul li{background:color-mix(in srgb,var(--surface-panel-1) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:10px;font-size:14px;line-height:1.5;padding:10px 14px 10px 36px;position:relative;word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__core-theory ul li:before{color:#0ea5e9;content:"·";font-size:18px;font-weight:900;left:14px;line-height:1.1;position:absolute}.interview-prep-topic-page__handbook-item,.interview-prep-topic-page__lesson,.interview-prep-topic-page__question-theory-item,.interview-prep-topic-page__test-locked,.interview-prep-topic-page__test-start{background:color-mix(in srgb,var(--surface-panel-1) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 64%,transparent);border-radius:14px;min-width:0;padding:16px}.interview-prep-topic-page__handbook-item h4,.interview-prep-topic-page__lesson h3{font-size:16px;font-weight:700;line-height:1.35;margin:0;word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__lesson ul{display:grid;gap:6px;margin:10px 0 0;padding-left:18px}.interview-prep-topic-page__lesson ul li{word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__tasks{border-top:1px dashed color-mix(in srgb,var(--color-border) 70%,transparent);margin-top:12px;padding-top:12px}.interview-prep-topic-page__tasks strong{color:var(--color-text-secondary);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.interview-prep-topic-page__tasks ul{display:grid;gap:6px;margin-top:8px;padding-left:18px}.interview-prep-topic-page__handbook-item p,.interview-prep-topic-page__tasks ul li{word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__handbook-item p{font-size:14px;line-height:1.55;margin:8px 0 0}.interview-prep-topic-page__code-block{background:color-mix(in srgb,#0f172a 72%,var(--surface-panel-2));border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);border-radius:12px;margin-top:12px;min-width:0;overflow:hidden}.interview-prep-topic-page__code-block>span{border-bottom:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);color:color-mix(in srgb,#bae6fd 85%,#fff);display:block;font-size:11px;font-weight:700;letter-spacing:.07em;padding:8px 12px;text-transform:uppercase}.interview-prep-topic-page__code-block pre{margin:0;max-width:100%;overflow:auto;padding:14px;white-space:pre}.interview-prep-topic-page__code-block code{color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5}.interview-prep-topic-page__code-block .code-token{font-weight:700}.interview-prep-topic-page__code-block .code-token_keyword{color:#ff79c6}.interview-prep-topic-page__code-block .code-token_string{color:#facc15}.interview-prep-topic-page__code-block .code-token_number{color:#fb923c}.interview-prep-topic-page__code-block .code-token_comment{color:#9ca3af;font-weight:600}.interview-prep-topic-page__code-block .code-token_tag{color:#60a5fa}.interview-prep-topic-page__code-block .code-token_attribute{color:#22d3ee}.interview-prep-topic-page__code-block .code-token_value{color:#34d399}.interview-prep-topic-page__code-block .code-token_function{color:#c084fc}.interview-prep-topic-page__code-block .code-token_operator{color:#f8fafc}.interview-prep-topic-page__question-theory-item{align-items:flex-start;display:flex;gap:14px}.interview-prep-topic-page__q-num{align-items:center;background:color-mix(in srgb,#0ea5e9 18%,transparent);border:1px solid color-mix(in srgb,#0ea5e9 32%,transparent);border-radius:8px;color:color-mix(in srgb,#38bdf8 88%,var(--color-text-primary));display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.interview-prep-topic-page__q-body{flex:1;min-width:0}.interview-prep-topic-page__q-body h4{font-size:15px;font-weight:700;line-height:1.4;margin:0 0 8px;word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__q-body ul{color:var(--color-text-secondary);display:grid;font-size:14px;gap:5px;line-height:1.5;margin:0;padding-left:18px}.interview-prep-topic-page__q-body ul li{word-wrap:break-word;overflow-wrap:break-word}.interview-prep-topic-page__material-actions{align-items:center;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);display:flex;gap:12px;margin-top:16px;padding-top:16px}.interview-prep-topic-page__cooldown{background:color-mix(in srgb,#f59e0b 18%,transparent);border:1px solid color-mix(in srgb,#f59e0b 38%,transparent);border-radius:12px;color:color-mix(in srgb,#fbbf24 90%,var(--color-text-primary));font-size:14px;font-weight:600;margin-bottom:14px;padding:12px 16px}.interview-prep-topic-page__timer{align-items:center;background:color-mix(in srgb,#0ea5e9 18%,transparent);border:1px solid color-mix(in srgb,#0ea5e9 34%,transparent);border-radius:10px;box-shadow:0 8px 24px color-mix(in srgb,#020617 20%,transparent),0 0 0 1px color-mix(in srgb,#0ea5e9 24%,transparent);display:flex;gap:6px;padding:8px 14px;position:fixed;right:20px;top:88px;z-index:100}.interview-prep-topic-page__timer-icon{font-size:16px}.interview-prep-topic-page__timer-value{color:color-mix(in srgb,#38bdf8 90%,var(--color-text-primary));font-size:18px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em}.interview-prep-topic-page__timer_urgent{animation:timerPulse 1s ease-in-out infinite;background:color-mix(in srgb,#ef4444 18%,transparent);border-color:color-mix(in srgb,#ef4444 36%,transparent);box-shadow:0 8px 24px color-mix(in srgb,#ef4444 24%,transparent),0 0 0 1px color-mix(in srgb,#ef4444 32%,transparent)}.interview-prep-topic-page__timer_urgent .interview-prep-topic-page__timer-value{color:color-mix(in srgb,#f87171 90%,var(--color-text-primary))}.interview-prep-topic-page__test-locked{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:10px}.interview-prep-topic-page__lock-icon{font-size:20px}.interview-prep-topic-page__test-start p{color:var(--color-text-secondary);font-size:15px;line-height:1.55;margin:0 0 14px}.interview-prep-topic-page__test-start-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.interview-prep-topic-page__mock-subtitle{color:var(--color-text-secondary);font-size:14px;line-height:1.55;margin:0}.interview-prep-topic-page__mock-body{display:grid;gap:12px;margin-top:14px}.interview-prep-topic-page__mock-item{background:color-mix(in srgb,var(--surface-panel-1) 74%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 64%,transparent);border-radius:12px;display:grid;gap:10px;padding:14px}.interview-prep-topic-page__mock-item header{align-items:flex-start;display:flex;gap:10px}.interview-prep-topic-page__mock-item header span{align-items:center;background:color-mix(in srgb,#0ea5e9 18%,transparent);border-radius:6px;color:color-mix(in srgb,#38bdf8 88%,var(--color-text-primary));display:inline-flex;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.interview-prep-topic-page__mock-item header h3{font-size:15px;line-height:1.4;margin:0}.interview-prep-topic-page__mock-actions{display:flex;flex-wrap:wrap;gap:8px}.interview-prep-topic-page__mock-score{background:color-mix(in srgb,#0ea5e9 10%,transparent);border:1px solid color-mix(in srgb,#0ea5e9 24%,transparent);border-radius:10px;padding:10px 12px}.interview-prep-topic-page__mock-score strong{font-size:13px}.interview-prep-topic-page__mock-score p{color:var(--color-text-secondary);font-size:13px;margin:6px 0 0}.interview-prep-topic-page__mock-total{font-size:14px;margin:0}.interview-prep-topic-page__test-progress{align-items:center;background:color-mix(in srgb,var(--surface-panel-1) 60%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:12px 16px}.interview-prep-topic-page__test-progress span{color:var(--color-text-secondary);font-size:13px;font-weight:700;white-space:nowrap}.interview-prep-topic-page__test-progress-bar{background:color-mix(in srgb,var(--color-border) 36%,transparent);border-radius:999px;flex:1;height:6px;overflow:hidden}.interview-prep-topic-page__test-progress-fill{background:linear-gradient(90deg,#0ea5e9,#2563eb);border-radius:999px;height:100%;transition:width .3s ease}.interview-prep-topic-page__question{background:color-mix(in srgb,var(--surface-panel-1) 68%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:16px;margin-top:16px;padding:18px}.interview-prep-topic-page__question-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:14px}.interview-prep-topic-page__question-num{align-items:center;background:color-mix(in srgb,#0ea5e9 18%,transparent);border:1px solid color-mix(in srgb,#0ea5e9 32%,transparent);border-radius:8px;color:color-mix(in srgb,#38bdf8 88%,var(--color-text-primary));display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.interview-prep-topic-page__question-header h3{flex:1;font-size:16px;line-height:1.45;margin:0;padding-top:4px}.interview-prep-topic-page__options{display:grid;gap:8px}.interview-prep-topic-page__option{align-items:center;background:color-mix(in srgb,var(--surface-panel-1) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);border-radius:12px;cursor:pointer;display:grid;gap:12px;grid-template-columns:32px 1fr;padding:12px 14px;position:relative;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}.interview-prep-topic-page__option:hover{background:color-mix(in srgb,#0ea5e9 8%,transparent);border-color:color-mix(in srgb,#0ea5e9 48%,var(--color-border));transform:translateY(-1px)}.interview-prep-topic-page__option_active{background:color-mix(in srgb,#0ea5e9 14%,transparent);border-color:color-mix(in srgb,#0ea5e9 58%,var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb,#0ea5e9 28%,transparent)}.interview-prep-topic-page__option input{opacity:0;pointer-events:none;position:absolute}.interview-prep-topic-page__option-letter{align-items:center;background:color-mix(in srgb,var(--color-border) 38%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:7px;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:28px;justify-content:center;transition:background .2s,color .2s;width:28px}.interview-prep-topic-page__option_active .interview-prep-topic-page__option-letter{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.interview-prep-topic-page__option-text{font-size:14px;line-height:1.45}.interview-prep-topic-page__practice{display:grid;gap:10px}.interview-prep-topic-page__practice-tag{background:color-mix(in srgb,#0ea5e9 16%,transparent);border:1px solid color-mix(in srgb,#0ea5e9 34%,transparent);border-radius:999px;color:color-mix(in srgb,#22d3ee 86%,var(--color-text-primary));display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.05em;padding:6px 10px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.interview-prep-topic-page__practice-editor{display:grid;gap:8px}.interview-prep-topic-page__practice-editor>span{color:var(--color-text-secondary);font-size:12px;font-weight:700}.interview-prep-topic-page__practice-editor :deep(.code-editor .cm-editor){min-height:220px}.interview-prep-topic-page__practice-progress{background:color-mix(in srgb,var(--surface-panel-1) 66%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:10px;display:grid;gap:8px;margin-top:4px;padding:10px}.interview-prep-topic-page__practice-progress-head{align-items:center;display:flex;font-size:12px;gap:10px;justify-content:space-between}.interview-prep-topic-page__practice-progress-head strong{font-size:12px}.interview-prep-topic-page__practice-progress-head span{color:var(--color-text-secondary);font-weight:700}.interview-prep-topic-page__practice-progress-bar{background:color-mix(in srgb,var(--color-border) 44%,transparent);border-radius:999px;height:6px;overflow:hidden}.interview-prep-topic-page__practice-progress-fill{background:linear-gradient(90deg,#22c55e,#0ea5e9);border-radius:999px;height:100%;transition:width .25s ease}.interview-prep-topic-page__practice-checklist{display:grid;gap:6px;list-style:none;margin:0;padding:0}.interview-prep-topic-page__practice-checklist li{align-items:center;background:color-mix(in srgb,var(--surface-panel-1) 58%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 52%,transparent);border-radius:8px;display:flex;font-size:12px;gap:10px;justify-content:space-between;line-height:1.4;padding:7px 8px}.interview-prep-topic-page__practice-checklist li em{color:var(--color-text-secondary);font-style:normal;font-weight:700;white-space:nowrap}.interview-prep-topic-page__practice-checklist-item_done{background:color-mix(in srgb,#22c55e 10%,transparent)!important;border-color:color-mix(in srgb,#22c55e 44%,transparent)!important}.interview-prep-topic-page__practice-checklist-item_done em{color:#22c55e!important}.interview-prep-topic-page__hint{background:color-mix(in srgb,#f59e0b 14%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);border-radius:10px;color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:12px 0 0;padding:10px 12px}.interview-prep-topic-page__hint-row{display:grid;gap:10px;margin-top:14px}.interview-prep-topic-page__hint-btn{align-items:center;align-self:flex-start;background:color-mix(in srgb,#f59e0b 10%,transparent);border:1px solid color-mix(in srgb,#f59e0b 36%,transparent);border-radius:10px;color:color-mix(in srgb,#fbbf24 88%,var(--color-text-primary));cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:8px 14px;transition:background .2s,border-color .2s}.interview-prep-topic-page__hint-btn:hover,.interview-prep-topic-page__hint-btn_active{background:color-mix(in srgb,#f59e0b 18%,transparent);border-color:color-mix(in srgb,#f59e0b 52%,transparent)}.interview-prep-topic-page__question-nav{align-items:center;border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);display:flex;gap:16px;justify-content:space-between;margin-top:20px;padding-top:20px}.interview-prep-topic-page__nav-center{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.interview-prep-topic-page__nav-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:320px}.interview-prep-topic-page__nav-dot{background:color-mix(in srgb,var(--color-border) 55%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:50%;cursor:pointer;flex-shrink:0;height:10px;transition:background .2s,transform .2s,border-color .2s;width:10px}.interview-prep-topic-page__nav-dot:hover{transform:scale(1.25)}.interview-prep-topic-page__nav-dot_answered{background:color-mix(in srgb,#22c55e 60%,transparent);border-color:color-mix(in srgb,#22c55e 70%,transparent)}.interview-prep-topic-page__nav-dot_active{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 3px color-mix(in srgb,#0ea5e9 28%,transparent);transform:scale(1.35)}.interview-prep-topic-page__nav-counter{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:.04em}.interview-prep-topic-page__nav-right{display:flex;flex-shrink:0;justify-content:flex-end}.interview-prep-topic-page__nav-btn{background:color-mix(in srgb,var(--surface-panel-1) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);border-radius:12px;color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;padding:10px 18px;transition:background .2s,border-color .2s,transform .15s,opacity .2s;white-space:nowrap}.interview-prep-topic-page__nav-btn:hover:not(:disabled){background:color-mix(in srgb,var(--surface-panel-1) 90%,transparent);border-color:color-mix(in srgb,var(--color-border) 90%,transparent);transform:translateY(-1px)}.interview-prep-topic-page__nav-btn:disabled{cursor:not-allowed;opacity:.35}.interview-prep-topic-page__nav-btn_next{background:color-mix(in srgb,#0ea5e9 16%,var(--surface-panel-1));border-color:color-mix(in srgb,#0ea5e9 36%,transparent);color:color-mix(in srgb,#38bdf8 88%,var(--color-text-primary))}.interview-prep-topic-page__nav-btn_next:hover:not(:disabled){background:color-mix(in srgb,#0ea5e9 26%,var(--surface-panel-1));border-color:color-mix(in srgb,#0ea5e9 50%,transparent)}.interview-prep-topic-page__result{border-color:color-mix(in srgb,#0ea5e9 28%,var(--color-border))}.interview-prep-topic-page__result-inner{align-items:center;display:flex;gap:24px}.interview-prep-topic-page__result-score{align-items:center;background:color-mix(in srgb,var(--color-border) 30%,transparent);border:3px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:88px;justify-content:center;width:88px}.interview-prep-topic-page__result-score_pass{background:color-mix(in srgb,#10b981 18%,transparent);border-color:#10b981;box-shadow:0 0 24px color-mix(in srgb,#10b981 28%,transparent)}.interview-prep-topic-page__result-num{font-size:22px;font-weight:900;line-height:1}.interview-prep-topic-page__result-score_pass .interview-prep-topic-page__result-num{color:#10b981}.interview-prep-topic-page__result-label{font-size:16px;font-weight:900}.interview-prep-topic-page__result-score_pass .interview-prep-topic-page__result-label{color:#10b981}.interview-prep-topic-page__result-info{flex:1}.interview-prep-topic-page__result-info h2{font-size:20px;line-height:1.3;margin:0 0 8px}.interview-prep-topic-page__result-info p{color:var(--color-text-secondary);font-size:14px;margin:0 0 14px}.interview-prep-topic-page__back-link{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 32%,transparent);border-radius:10px;color:var(--color-primary);display:inline-flex;font-size:14px;font-weight:700;gap:6px;padding:8px 14px;text-decoration:none;transition:background .2s}.interview-prep-topic-page__back-link:hover{background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.interview-prep-topic-page__result-details{border-top:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);margin-top:24px;padding-top:20px}.interview-prep-topic-page__result-details h3{font-size:18px;margin:0 0 16px}.interview-prep-topic-page__result-item{background:color-mix(in srgb,var(--surface-panel-1) 50%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);border-radius:12px;margin-bottom:12px;padding:14px}.interview-prep-topic-page__result-item_correct{background:color-mix(in srgb,#22c55e 8%,transparent);border-color:color-mix(in srgb,#22c55e 40%,transparent)}.interview-prep-topic-page__result-item_wrong{background:color-mix(in srgb,#ef4444 8%,transparent);border-color:color-mix(in srgb,#ef4444 40%,transparent)}.interview-prep-topic-page__result-item-header{align-items:flex-start;display:flex;gap:10px}.interview-prep-topic-page__result-item-num{align-items:center;background:color-mix(in srgb,var(--color-border) 30%,transparent);border-radius:6px;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.interview-prep-topic-page__result-item-icon{flex-shrink:0;font-size:16px}.interview-prep-topic-page__result-item_correct .interview-prep-topic-page__result-item-icon{color:#22c55e}.interview-prep-topic-page__result-item_wrong .interview-prep-topic-page__result-item-icon{color:#ef4444}.interview-prep-topic-page__result-item-question{font-size:14px;font-weight:600;line-height:1.4}.interview-prep-topic-page__result-item-answers{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-left:34px}.interview-prep-topic-page__result-item-answer{align-items:center;background:color-mix(in srgb,var(--color-border) 20%,transparent);border-radius:6px;display:flex;font-size:13px;gap:6px;padding:4px 10px}.interview-prep-topic-page__result-item-answer_wrong{background:color-mix(in srgb,#ef4444 15%,transparent);color:#fca5a5}.interview-prep-topic-page__result-item-answer_correct{background:color-mix(in srgb,#22c55e 15%,transparent);color:#86efac}.interview-prep-topic-page__result-item-answer-label{opacity:.7}.interview-prep-topic-page__result-item-explanation{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:10px 0 0;padding-left:34px}.interview-prep-topic-page__retake-pack-offer{display:grid;gap:8px}.interview-prep-topic-page__retake-pack-offer p{color:var(--color-text-secondary);line-height:1.5;margin:0}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.72}}@media(max-width:1100px){.interview-prep-topic-page__material-tabs{flex-wrap:nowrap}}@media(max-width:820px){.interview-prep-topic-page__hero,.interview-prep-topic-page__materials,.interview-prep-topic-page__mock,.interview-prep-topic-page__result,.interview-prep-topic-page__test{border-radius:16px;padding:16px}.interview-prep-topic-page__hero-top{align-items:flex-start;flex-direction:column}.interview-prep-topic-page__hero-metrics{justify-content:flex-start}.interview-prep-topic-page__section-head{align-items:flex-start;flex-direction:column;gap:10px}.interview-prep-topic-page__timer{border-radius:999px;bottom:20px;box-shadow:0 12px 32px color-mix(in srgb,#020617 28%,transparent),0 0 0 1px color-mix(in srgb,#0ea5e9 32%,transparent);padding:10px 18px;right:50%;top:auto;transform:translate(50%)}.interview-prep-topic-page__timer_urgent{box-shadow:0 12px 32px color-mix(in srgb,#ef4444 32%,transparent),0 0 0 1px color-mix(in srgb,#ef4444 40%,transparent)}.interview-prep-topic-page__result-inner{align-items:flex-start;flex-direction:column;gap:16px}.interview-prep-topic-page__result-score{height:72px;width:72px}.interview-prep-topic-page__result-num{font-size:18px}.interview-prep-topic-page__question-nav{flex-wrap:wrap;gap:12px;padding-bottom:80px}.interview-prep-topic-page__nav-center{flex-basis:100%;order:3}.interview-prep-topic-page__nav-right{order:2}.interview-prep-topic-page__option{grid-template-columns:28px 1fr}}[data-theme=light] .interview-prep-topic-page__hero,[data-theme=light] .interview-prep-topic-page__materials,[data-theme=light] .interview-prep-topic-page__result,[data-theme=light] .interview-prep-topic-page__test{background:radial-gradient(140% 120% at 100% 0,color-mix(in srgb,#0ea5e9 10%,transparent),transparent 58%),linear-gradient(150deg,color-mix(in srgb,#fff 94%,var(--surface-panel-2)),color-mix(in srgb,#f8fafc 94%,var(--surface-panel-1)));border-color:color-mix(in srgb,#cbd5e1 55%,var(--color-border));box-shadow:0 12px 28px #0f172a14,0 0 0 1px #94a3b81f}[data-theme=light] .interview-prep-topic-page__timer{background:color-mix(in srgb,#fff 92%,#0ea5e9);box-shadow:0 8px 24px #0f172a24,0 0 0 1px color-mix(in srgb,#0ea5e9 32%,transparent)}[data-theme=light] .interview-prep-topic-page__timer_urgent{background:color-mix(in srgb,#fff 92%,#ef4444);box-shadow:0 8px 24px #ef444447,0 0 0 1px color-mix(in srgb,#ef4444 40%,transparent)}[data-theme=light] .interview-prep-topic-page__code-block{background:#020617;border-color:#334155;box-shadow:0 10px 24px #0206173d,inset 0 1px #ffffff14}[data-theme=light] .interview-prep-topic-page__code-block>span{background:#0f172a;border-bottom-color:#334155;color:#dbeafe}[data-theme=light] .interview-prep-topic-page__code-block code{color:#f1f5f9}[data-theme=light] .interview-prep-topic-page__tab-btn_active{background:#fff;border-color:#94a3b866;box-shadow:0 2px 8px #0f172a1a}[data-theme=light] .interview-prep-topic-page__question{background:#fff;border-color:#94a3b85c;box-shadow:0 2px 8px #0f172a0f}[data-theme=light] .interview-prep-topic-page__option{background:#f8fafc;border-color:#94a3b861}[data-theme=light] .interview-prep-topic-page__core-theory ul li{background:#fff;border-color:#94a3b85c}@media(max-width:820px){[data-theme=light] .interview-prep-topic-page__timer{box-shadow:0 12px 32px #0f172a29,0 0 0 1px color-mix(in srgb,#0ea5e9 40%,transparent)}[data-theme=light] .interview-prep-topic-page__timer_urgent{box-shadow:0 12px 32px #ef444452,0 0 0 1px color-mix(in srgb,#ef4444 48%,transparent)}}[data-theme=dark] .interview-prep-topic-page__question{background:color-mix(in srgb,#111827 88%,var(--surface-panel-1));border-color:color-mix(in srgb,#60a5fa 20%,var(--color-border))}[data-theme=dark] .interview-prep-topic-page__handbook-item,[data-theme=dark] .interview-prep-topic-page__lesson,[data-theme=dark] .interview-prep-topic-page__question-theory-item,[data-theme=dark] .interview-prep-topic-page__test-locked,[data-theme=dark] .interview-prep-topic-page__test-start{background:color-mix(in srgb,#111827 84%,var(--surface-panel-1));border-color:color-mix(in srgb,#60a5fa 16%,var(--color-border))}