.praktika-tag{display:inline-flex;align-items:center;gap:6px;background:#0fbcb01f;color:#0a8f87;font-size:13px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:16px}.praktika-progress{display:flex;align-items:center;gap:14px;margin-top:20px;max-width:520px}.praktika-progress .track{flex:1;height:8px;background:var(--hairline-soft);border-radius:var(--radius-full);overflow:hidden}.praktika-progress .fill{height:100%;width:0%;background:var(--brand-teal);border-radius:var(--radius-full);transition:width .3s ease}.praktika-progress .label{font-size:14px;font-weight:600;color:var(--slate);white-space:nowrap}.praktika-reset{background:none;border:none;font-family:inherit;font-size:13px;color:var(--stone);cursor:pointer;text-decoration:underline;padding:0;white-space:nowrap}.praktika-reset:hover{color:var(--slate)}.praktika-tasks{display:flex;flex-direction:column;gap:16px}.praktika-section-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--stone);margin-bottom:12px}.task-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-direction:column;gap:16px;scroll-margin-top:88px;transition:border-color .2s ease}.task-card.solved{border-color:var(--success-accent)}.task-card.shake{animation:task-shake .35s ease}@keyframes task-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.task-header{display:flex;align-items:center;gap:12px}.task-number{width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--slate);flex-shrink:0}.task-card.solved .task-number{background:var(--success-accent);border-color:var(--success-accent);color:#fff}.task-title{font-size:16px;font-weight:600;color:var(--ink);flex:1}.task-level{font-size:12px;font-weight:600;border-radius:var(--radius-full);padding:4px 10px;flex-shrink:0}.task-level.level-оңай{background:var(--surface-yellow);color:var(--yellow-dark)}.task-level.level-орта{background:var(--surface-pricing-featured);color:var(--brand-blue)}.task-level.level-қиын{background:var(--coral-light);color:var(--coral-dark)}.task-body{font-size:15px;color:var(--slate);line-height:1.7}.task-widget{display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.task-body,.task-widget{padding-left:44px}}.p-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;color:var(--slate)}.p-row .row-mark{width:20px;text-align:center;flex-shrink:0;font-weight:700}.p-row.correct .row-mark{color:var(--success-accent)}.p-row.incorrect .row-mark{color:#c0392b}.p-input{font-family:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:2px solid var(--hairline);border-radius:var(--radius-md);padding:10px 14px;width:160px;max-width:100%;transition:border-color .15s ease,background .15s ease}.p-input:focus{outline:none;border-color:var(--brand-blue);background:var(--canvas)}.p-input.wide{width:320px}.p-input.correct{border-color:var(--success-accent);background:#e8f9f1}.p-input.incorrect{border-color:#e57373;background:#fdecec}.p-input:disabled{color:var(--slate)}.p-option{display:flex;align-items:center;gap:12px;border:2px solid var(--hairline);border-radius:var(--radius-lg);padding:13px 16px;font-size:15px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.p-option:hover{border-color:var(--hairline-strong)}.p-option.selected{border-color:var(--brand-blue);background:var(--surface-pricing-featured)}.p-option .marker{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--hairline-strong);flex-shrink:0}.p-option.multi .marker{border-radius:6px}.p-option.selected .marker{border-color:var(--brand-blue);background:var(--brand-blue)}.p-option.disabled{cursor:default}.p-option.correct{border-color:var(--success-accent);background:#e8f9f1}.p-option.correct .marker{border-color:var(--success-accent);background:var(--success-accent)}.p-option.incorrect{border-color:#e57373;background:#fdecec}.p-option.incorrect .marker{border-color:#e57373;background:#e57373}.p-option code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.p-match-row{display:flex;align-items:center;gap:16px}.p-match-left{flex:1;font-size:15px;font-weight:500;padding:12px 14px;background:var(--surface);border-radius:var(--radius-md)}.p-match-select{flex:1;height:44px;border-radius:var(--radius-md);border:2px solid var(--hairline);padding:0 12px;font-size:14px;font-family:inherit;background:var(--canvas);color:var(--ink)}.p-match-select.correct{border-color:var(--success-accent);background:#e8f9f1}.p-match-select.incorrect{border-color:#e57373;background:#fdecec}@media(max-width:767px){.p-match-row{flex-direction:column;align-items:stretch;gap:6px}}.p-order-pool,.p-order-picked{display:flex;flex-wrap:wrap;gap:8px}.p-order-picked{min-height:52px;padding:10px;border:2px dashed var(--hairline);border-radius:var(--radius-lg);background:var(--surface)}.p-order-picked:empty:before{content:"Қадамдарды рет-ретімен бас…";color:var(--muted);font-size:14px;align-self:center;padding-left:4px}.p-chip{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--hairline);background:var(--canvas);border-radius:var(--radius-full);padding:8px 16px;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.p-chip:hover{border-color:var(--brand-blue)}.p-chip .chip-n{width:20px;height:20px;border-radius:50%;background:var(--brand-blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.p-chip.correct{border-color:var(--success-accent);background:#e8f9f1}.p-chip.correct .chip-n{background:var(--success-accent)}.p-chip.incorrect{border-color:#e57373;background:#fdecec}.p-chip.incorrect .chip-n{background:#e57373}.p-chip:disabled{cursor:default}.p-order-pool .p-chip.used{opacity:.25;pointer-events:none}.p-table-wrap{overflow-x:auto}.p-table{border-collapse:collapse;font-size:14px;width:auto;min-width:50%}.p-table th,.p-table td{border:1px solid var(--hairline);padding:8px 12px;text-align:center;white-space:nowrap}.p-table th{background:var(--surface);color:var(--steel);font-weight:600;font-size:13px}.p-table .p-input{width:84px;padding:6px 8px;font-size:14px;text-align:center}.p-step{border-left:3px solid var(--hairline);padding:4px 0 4px 16px;display:flex;flex-direction:column;gap:10px}.p-step.done{border-left-color:var(--success-accent)}.p-step .step-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--stone)}.p-step .step-text{font-size:15px;color:var(--slate);line-height:1.6}.p-step-check{align-self:flex-start;background:var(--surface);border:1px solid var(--hairline-strong);color:var(--ink);border-radius:var(--radius-full);padding:8px 18px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer}.p-step-check:hover{background:var(--hairline-soft)}.p-code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;color:#e6e9ef;background:#15181f;border:1px solid #15181f;border-radius:var(--radius-lg);padding:14px 16px;width:100%;min-height:150px;resize:vertical;tab-size:4}.p-code-editor:focus{outline:2px solid var(--brand-blue)}.p-code-view{background:#15181f;color:#e6e9ef;border-radius:var(--radius-lg);padding:14px 16px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;white-space:pre}.p-run-status{font-size:13px;color:var(--stone)}.p-test-results{display:flex;flex-direction:column;gap:8px}.p-test-result{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface);border-radius:var(--radius-md);border-left:3px solid var(--hairline-strong);padding:10px 14px;white-space:pre-wrap}.p-test-result.pass{border-left-color:var(--success-accent)}.p-test-result.fail{border-left-color:#e57373}.task-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(min-width:768px){.task-actions{padding-left:44px}}.p-btn{background:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-full);padding:12px 26px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease}.p-btn:hover{background:#2c2c34}.p-btn:disabled{background:var(--hairline);color:var(--muted);cursor:not-allowed}.p-btn-ghost{background:transparent;color:var(--slate);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);padding:12px 22px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer}.p-btn-ghost:hover{background:var(--surface)}.task-feedback{border-radius:var(--radius-lg);padding:14px 18px;font-size:14px;line-height:1.6;display:flex;gap:10px}@media(min-width:768px){.task-feedback-wrap{padding-left:44px}}.task-feedback.ok{background:#e8f9f1;color:#0b6b48}.task-feedback.bad{background:#fdecec;color:#a33a3a}.task-feedback.hint{background:var(--surface-yellow);color:var(--yellow-dark)}.task-feedback.reveal{background:var(--surface);color:var(--slate);border-left:3px solid var(--brand-blue)}.task-feedback code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.praktika-done{background:var(--primary);border-radius:var(--radius-xxxl);padding:var(--space-xxl);color:#fff;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.praktika-done h2{color:#fff;margin:0}.praktika-done p{color:#d1d3da;font-size:15px;margin:0}.praktika-done .p-btn{background:var(--brand-yellow);color:var(--ink)}.praktika-done .p-btn:hover{background:#ffda5c}.task-visual-code{background:var(--surface);border-radius:var(--radius-md);overflow-x:auto}.task-visual-code ol{margin:0;padding:14px 16px 14px 44px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.65;color:var(--ink)}.task-visual-code li{white-space:pre}.task-visual-code li::marker{color:var(--muted);font-size:12px}.task-visual-code .code-keyword{color:var(--brand-blue);font-weight:600}.task-visual-code .code-string{color:var(--success-accent)}.task-visual-code .code-number{color:var(--yellow-dark)}.task-visual-code .code-comment{color:var(--stone);font-style:italic}