:root{color-scheme:dark;--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #f59e0b;--accent-soft: #fde68a;--code-bg: #0b1220;--code-text: #e6edf3}*{box-sizing:border-box}.practice__entry{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--accent);border-radius:12px;background:var(--surface)}.practice__entry p{margin:.3rem 0 0;color:var(--muted)}.practice__filters{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.practice__filters label{display:grid;gap:.4rem;flex:1;min-width:160px}.practice__filters select,.practice__draft textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem}.practice__draft{display:grid;gap:.5rem;margin:1rem 0}.practice__draft textarea{resize:vertical;min-height:140px}.practice__help{color:var(--muted);font-size:.9rem}.practice progress{width:100%;accent-color:var(--accent);margin-bottom:1rem}.practice button:focus-visible,.practice select:focus-visible,.practice textarea:focus-visible,.practice__entry button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.practice__entry{align-items:stretch;flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{max-width:920px;margin:0 auto;padding:2rem 1.25rem 3rem}.app-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.app-header h1{margin:0 0 .25rem;font-size:2rem;background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0 0 1.5rem;color:var(--muted)}.account{align-items:center;display:flex;flex:0 0 auto;gap:.4rem}.account__identity{align-items:center;color:var(--muted);display:inline-flex;font-size:.78rem;gap:.35rem;max-width:14rem}.account__identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account__logout{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#182337;border:1px solid var(--border);border-radius:7px;color:var(--muted);cursor:pointer;display:inline-flex;height:2.25rem;justify-content:center;padding:0;width:2.25rem}.account__logout:hover{border-color:#fb7185;color:#fecdd3}.login-page,.session-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1.25rem}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;width:min(100%,25rem)}.login-panel__brand{align-items:center;display:flex;gap:.85rem;margin-bottom:1.35rem}.login-panel__brand>span,.session-loading__mark{align-items:center;background:var(--accent);border-radius:7px;color:#1f1300;display:inline-flex;font-size:1.35rem;font-weight:850;height:2.8rem;justify-content:center;width:2.8rem}.login-panel__brand p,.login-panel__brand h1{margin:0}.login-panel__brand p{color:var(--muted);font-size:.8rem;font-weight:750}.login-panel__brand h1{font-size:1.45rem}.login-panel form{display:flex;flex-direction:column}.login-panel label{color:var(--muted);font-size:.8rem;font-weight:750;margin:.8rem 0 .3rem}.login-panel input{background:#0f1a2d;border:1px solid #3a4a63;border-radius:6px;color:var(--text);font:inherit;min-height:2.75rem;padding:.55rem .7rem;width:100%}.login-panel input:focus{border-color:var(--accent);outline:2px solid rgb(245 158 11 / 20%);outline-offset:1px}.login-panel button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent);border:1px solid var(--accent);border-radius:7px;color:#1f1300;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:.45rem;justify-content:center;margin-top:1.2rem;min-height:2.75rem}.login-panel button:disabled{cursor:wait;opacity:.65}.login-panel__error{color:#fda4af;font-size:.82rem;margin:.75rem 0 -.25rem}.session-loading{flex-direction:column;gap:.8rem}.session-loading p{color:var(--muted);margin:0}.tabbar{display:flex;align-items:center;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem;width:fit-content}.tabs{display:flex;gap:.5rem;background:var(--surface);padding:.35rem;border-radius:10px;border:1px solid var(--border);width:fit-content}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);padding:.5rem 1rem;border-radius:7px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab--active{background:var(--accent);color:#1f1300}.learning-jump__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2f6b4a;border-radius:10px;background:#123524;color:#bbf7d0;cursor:pointer;flex:0 0 2.75rem;height:2.75rem;padding:0;transition:background .15s,border-color .15s,color .15s}.learning-jump__button:hover{border-color:#22c55e;background:#16452d}.learning-jump__button:disabled{border-color:var(--border);background:#182337;color:var(--muted);cursor:not-allowed}.learning-jump__button svg{display:block}.question-list{display:flex;flex-direction:column;gap:.75rem}.video-library{display:flex;flex-direction:column;gap:1rem}.video-library__summary{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.15rem}.video-library__summary-heading,.video-library__progress-row,.video-item__heading,.video-item__meta,.video-item__actions{display:flex;align-items:center}.video-library__summary-heading{align-items:flex-start;justify-content:space-between;gap:1rem}.video-library__eyebrow{color:var(--accent);font-size:.76rem;font-weight:800;margin:0 0 .2rem;text-transform:uppercase}.video-library__summary h2{font-size:1.3rem;margin:0}.video-library__summary-heading p:last-child{color:var(--muted);font-size:.88rem;margin:.25rem 0 0}.video-library__channel-link,.video-library__update,.video-library__resume,.video-item__watch,.video-item__review,.video-item__icon-button,.video-item__learned{align-items:center;border:1px solid #3a4a63;border-radius:7px;display:inline-flex;font-weight:750;gap:.4rem;justify-content:center;min-height:2.25rem;text-decoration:none}.video-library__heading-actions{display:flex;flex:0 0 auto;gap:.5rem}.video-library__update{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#163044;border-color:#2f647f;color:#bae6fd;cursor:pointer;font-size:.82rem;padding:.35rem .65rem}.video-library__update:hover{background:#1b3c55;border-color:#38bdf8}.video-library__update:disabled{background:#182337;border-color:var(--border);color:var(--muted);cursor:wait}.video-library__channel-link{background:#3f1720;border-color:#7f1d2d;color:#fecdd3;flex:0 0 auto;font-size:.82rem;padding:.35rem .65rem}.video-library__update-result{color:#86efac;font-size:.8rem;font-weight:700;margin:.65rem 0 -.35rem}.video-library__update-result--error{color:#fda4af}.video-library__channel-link:hover,.video-item__watch:hover{border-color:#fb7185;color:#fff1f2}.video-library__progress-row{align-items:stretch;gap:.75rem;margin-top:1rem}.video-library__progress,.video-library__metric{background:#182337;border:1px solid var(--border);border-radius:7px;min-height:4.1rem;padding:.65rem .75rem}.video-library__progress{display:grid;flex:1 1 15rem;gap:.25rem .75rem;grid-template-columns:1fr auto}.video-library__progress span,.video-library__metric span{color:var(--muted);font-size:.78rem;font-weight:700}.video-library__progress strong,.video-library__metric strong{font-variant-numeric:tabular-nums}.video-library__progress-track{background:#0b1220;border-radius:999px;grid-column:1 / -1;height:7px;overflow:hidden}.video-library__progress-track span{background:#22c55e;display:block;height:100%}.video-library__metric{align-items:center;color:#86efac;display:grid;flex:0 1 8.5rem;gap:0 .45rem;grid-template-columns:auto 1fr}.video-library__metric strong{color:var(--text);grid-column:2}.video-library__resume{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#123524;border-color:#2f6b4a;color:#bbf7d0;cursor:pointer;flex:0 0 auto;padding:.45rem .75rem}.video-library__resume:hover{border-color:#22c55e}.video-library__resume:disabled{background:#182337;border-color:var(--border);color:var(--muted);cursor:not-allowed}.video-filters{align-items:center;background:#182337;border:1px solid var(--border);border-radius:8px;display:grid;gap:.55rem;grid-template-columns:minmax(13rem,1fr) repeat(3,auto) auto;padding:.65rem}.video-filters__search{align-items:center;color:var(--muted);display:flex;gap:.45rem;min-width:0}.video-filters input,.video-filters select,.video-item__confidence select{background:#0f1a2d;border:1px solid #3a4a63;border-radius:6px;color:var(--text);font:inherit;min-height:2.15rem}.video-filters input{min-width:0;padding:.35rem .55rem;width:100%}.video-filters select,.video-item__confidence select{cursor:pointer;font-size:.8rem;padding:.3rem 1.6rem .3rem .5rem}.video-learning-aid{border-top:1px solid var(--border);grid-column:1 / -1;margin-top:.1rem;padding-top:.65rem}.video-learning-aid__toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--accent-soft);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:800;gap:.4rem;min-height:2rem;padding:.2rem 0}.video-learning-aid__toggle svg:last-child{color:var(--muted);transition:transform .15s}.video-learning-aid--open .video-learning-aid__toggle svg:last-child{transform:rotate(180deg)}.video-learning-aid__toggle:hover{color:#fff7d6}.video-learning-aid__toggle:disabled{color:var(--muted);cursor:not-allowed}.video-learning-aid__body{border-top:1px solid var(--border);margin-top:.55rem;padding-top:.85rem}.video-learning-aid__loading,.video-learning-aid__error{align-items:center;color:var(--muted);display:flex;font-size:.86rem;gap:.5rem;margin:.25rem 0 .5rem}.video-learning-aid__error{color:#fda4af}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-learning-aid__language{background:#111c30;border:1px solid #3a4a63;border-radius:7px;display:inline-flex;gap:.2rem;padding:.2rem}.video-learning-aid__language button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:5px;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:800;min-height:1.9rem;padding:.25rem .65rem}.video-learning-aid__language button.is-active{background:var(--accent);color:#1f1300}.video-learning-aid__content{margin-top:.9rem}.video-learning-aid__content[dir=rtl]{direction:rtl;font-family:Tahoma,Arial,sans-serif;text-align:right}.video-learning-aid__content[dir=ltr]{direction:ltr;text-align:left}.video-learning-aid__content section{border-top:1px solid #304057;padding:.9rem 0}.video-learning-aid__content section:first-child{border-top:0;padding-top:0}.video-learning-aid__content p{font-size:.88rem;margin:.3rem 0 0;overflow-wrap:anywhere;white-space:pre-line}.video-learning-aid__content[dir=rtl] p,.video-learning-aid__content[dir=rtl] li,.video-learning-aid__content[dir=rtl] dd{line-height:1.9}.video-learning-aid__eyebrow{color:var(--accent);font-size:.73rem!important;font-weight:850;margin:0!important;text-transform:uppercase}.video-learning-aid__content[dir=rtl] .video-learning-aid__eyebrow{text-transform:none}.video-learning-aid__transcript{border-inline-start:3px solid #64748b;color:#cbd5e1;padding-inline-start:.75rem}.video-learning-aid__section-heading,.video-learning-aid__code-heading{align-items:center;display:flex;justify-content:space-between}.video-learning-aid__voice{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#123524;border:1px solid #2f6b4a;border-radius:50%;color:#bbf7d0;cursor:pointer;display:inline-flex;flex:0 0 2rem;height:2rem;justify-content:center;padding:0}.video-learning-aid__voice:hover,.video-learning-aid__voice.is-speaking{background:#16452d;border-color:#22c55e}.video-learning-aid__voice:disabled{background:#182337;border-color:var(--border);color:var(--muted);cursor:not-allowed}.video-learning-aid__code{background:var(--code-bg);border:1px solid #3a4a63;border-radius:6px;direction:ltr;margin-top:.75rem;max-width:100%;overflow:hidden;text-align:left}.video-learning-aid__code-heading{background:#141f32;border-bottom:1px solid #3a4a63;color:var(--muted);direction:ltr;font-size:.72rem;font-weight:800;min-height:2rem;padding:.2rem .35rem .2rem .7rem}.video-learning-aid__code-heading button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:4px;color:var(--muted);cursor:pointer;display:inline-flex;height:1.65rem;justify-content:center;padding:0;width:1.65rem}.video-learning-aid__code-heading button:hover{background:#26364e;color:var(--text)}.video-learning-aid__code pre{background:#1e1e1e;margin:0;max-width:100%;overflow-x:auto;padding:.75rem 0}.video-learning-aid__code code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre}.video-learning-aid__code-line{display:grid;grid-template-columns:2.6rem max-content;min-height:1.3rem}.video-learning-aid__code-line:hover{background:#142139}.video-learning-aid__code-line-number{border-inline-end:1px solid #26364e;color:#5f7088;padding-inline-end:.65rem;text-align:right;-webkit-user-select:none;user-select:none}.video-learning-aid__code-line-content{padding-inline:.85rem}.video-learning-aid__foundations{margin:.35rem 0 0}.video-learning-aid__foundations>div{border-bottom:1px solid #304057;padding:.55rem 0}.video-learning-aid__foundations>div:last-child{border-bottom:0}.video-learning-aid__foundations dt{color:#f8fafc;font-size:.84rem;font-weight:850}.video-learning-aid__foundations dd{color:#cbd5e1;font-size:.84rem;margin:.15rem 0 0}.video-learning-aid__content ul{margin:.35rem 0 0;padding-inline-start:1.2rem}.video-learning-aid__content li{font-size:.86rem;margin-top:.3rem}.video-learning-aid__interview{border-inline-start:3px solid #22c55e;padding-inline-start:.75rem!important}.video-filters input:focus-visible,.video-filters select:focus-visible,.video-item__confidence select:focus-visible,.video-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.video-filters__count{color:var(--muted);font-size:.78rem;font-weight:750;white-space:nowrap}.video-list{display:flex;flex-direction:column;gap:.65rem}.video-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:.9rem;grid-template-columns:80px minmax(0,1fr);min-height:142px;overflow:hidden;padding:.75rem}.video-item--learning{border-color:#22c55e;box-shadow:inset 3px 0 #22c55e}.video-item--learned{border-color:#315646}.video-item__thumbnail{align-self:start;background:#05080f;border-radius:6px;display:block;height:142px;overflow:hidden;position:relative;width:80px}.video-item__thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.video-item__thumbnail>span{align-items:center;background:#0f172ad1;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;display:flex;height:2rem;justify-content:center;left:50%;padding-left:2px;position:absolute;top:50%;transform:translate(-50%,-50%);width:2rem}.video-item__content{display:flex;flex-direction:column;min-width:0}.video-item__heading{align-items:baseline;gap:.65rem}.video-item__heading h3{font-size:1rem;margin:0;overflow-wrap:anywhere}.video-item__number{color:var(--accent);flex:0 0 auto;font-size:.92rem;font-weight:850;font-variant-numeric:tabular-nums}.video-item--learned .video-item__number{color:#86efac}.video-item__meta{color:var(--muted);flex-wrap:wrap;font-size:.76rem;gap:.35rem .8rem;margin-top:.35rem}.video-item__meta strong{color:#86efac}.video-item__actions{flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.75rem}.video-item__watch{background:#3f1720;border-color:#7f1d2d;color:#fecdd3;font-size:.78rem;padding:.3rem .6rem}.video-item__review{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#112b43;border-color:#2f647f;color:#bae6fd;cursor:pointer;font-size:.78rem;padding:.3rem .55rem}.video-item__review:hover{background:#173b58;border-color:#38bdf8;color:#e0f2fe}.video-item__review strong{background:#bae6fd24;border-radius:999px;color:#e0f2fe;font-size:.72rem;font-variant-numeric:tabular-nums;min-width:1.35rem;padding:.12rem .35rem;text-align:center}.video-item__icon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#182337;color:var(--muted);cursor:pointer;padding:0;width:2.25rem}.video-item__icon-button:hover,.video-item__icon-button.is-active{border-color:#22c55e;color:#86efac}.video-item__learned{background:#182337;color:var(--muted);cursor:pointer;font-size:.78rem;padding:.3rem .6rem;position:relative}.video-item__learned input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;top:0;right:0;bottom:0;left:0;margin:0;position:absolute;width:100%}.video-item__learned:has(input:checked){background:#123524;border-color:#22c55e;color:#bbf7d0}.video-item__learned input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.video-item__confidence{align-items:center;color:var(--muted);display:inline-flex;font-size:.75rem;gap:.4rem;margin-left:auto}.video-item button:disabled,.video-item select:disabled{cursor:wait;opacity:.55}.video-library__empty{color:var(--muted);margin:2rem 0;text-align:center}.accordion{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .15s}.accordion--open{border-color:var(--accent)}.accordion--learning{border-color:#22c55e}.accordion--jump-target{box-shadow:0 0 0 3px #22c55e40}.accordion__row{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem .45rem}.accordion__checkbox{display:flex;align-items:center;justify-content:center;flex:0 0 1.5rem;background:transparent;cursor:pointer}.accordion__checkbox input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid #506380;border-radius:3px;background:transparent;cursor:pointer;margin:0;position:relative;transition:border-color .15s,background .15s}.accordion__checkbox:hover input{border-color:var(--muted)}.accordion__checkbox input:checked{background:var(--accent);border-color:var(--accent)}.accordion__checkbox input:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #1f1300;border-width:0 2px 2px 0;transform:rotate(45deg)}.accordion__checkbox input:disabled{cursor:wait;opacity:.6}.accordion__checkbox input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.accordion__learning-checkbox{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;border:1px solid #3a4a63;border-radius:999px;background:#182337;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:800;min-height:2rem;padding:.3rem .65rem}.accordion__learning-checkbox:hover{border-color:#22c55e;color:var(--text)}.accordion__learning-checkbox input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid #506380;border-radius:3px;background:transparent;cursor:pointer;margin:0;position:relative}.accordion__learning-checkbox input:checked{background:#22c55e;border-color:#22c55e}.accordion__learning-checkbox input:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #052e16;border-width:0 2px 2px 0;transform:rotate(45deg)}.accordion__learning-checkbox:has(input:checked){border-color:#22c55e;color:#bbf7d0}.accordion__learning-checkbox input:disabled{cursor:wait;opacity:.6}.accordion__learning-checkbox input:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.accordion__read-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #3a4a63;border-radius:999px;background:#182337;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:800;min-height:2rem;padding:.35rem .7rem;transition:background .15s,border-color .15s,color .15s}.accordion__read-button:hover{background:var(--surface-2);border-color:var(--accent)}.accordion__read-button:disabled{color:var(--muted);cursor:wait}.accordion__read-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.accordion__header{flex:1 1 auto;display:flex;align-items:center;gap:.75rem;text-align:left;background:transparent;border:0;color:var(--text);padding:0;font-size:1rem;font-weight:600;cursor:pointer}.accordion__header:hover .accordion__question{color:#f8fafc}.accordion--reviewed .accordion__index{color:var(--accent-soft)}.accordion--checked .accordion__question{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted)}.accordion--checked .accordion__index{color:var(--muted)}.accordion__index{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.accordion__question{flex:1}.accordion__chevron{color:var(--muted);font-size:1rem;flex-shrink:0}.accordion__hint{margin:0;padding:0 1.1rem .9rem 11.15rem;color:var(--muted);font-size:.88rem;font-style:italic}.accordion__status{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0 1.1rem .45rem 11.15rem;color:var(--muted);font-size:.78rem;font-weight:700}.resource-links{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:0;padding:0 1.1rem .65rem 11.15rem}.resource-links--quiz{padding:0;margin:.75rem 0 .15rem}.resource-links__label{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.resource-links__link{border:1px solid #3a4a63;border-radius:999px;background:#182337;color:var(--accent-soft);font-size:.78rem;font-weight:800;line-height:1;padding:.38rem .62rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.resource-links__link:hover,.resource-links__link:focus-visible{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.resource-links__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer-practice{padding:0 1.1rem .75rem 11.15rem}.answer-practice__topbar,.answer-practice__result-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.answer-practice__topbar{min-height:2rem}.answer-practice__summary{color:var(--muted);flex:1 1 14rem;font-size:.82rem;font-style:italic;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer-practice__textarea{width:100%;min-height:3.2rem;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#111b2e;color:var(--text);font:inherit;line-height:1.45;padding:.65rem .75rem;transition:border-color .15s,min-height .15s,background .15s}.answer-practice__textarea--expanded{margin-top:.55rem;min-height:9rem;background:#0f1a2c}.answer-practice__textarea:focus{border-color:var(--accent);outline:none}.answer-practice__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:.55rem}.answer-practice__submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#1f1300;cursor:pointer;font-size:.82rem;font-weight:800;min-height:2.15rem;padding:.42rem .8rem}.answer-practice__secondary,.answer-practice__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3a4a63;border-radius:7px;background:#182337;color:var(--accent-soft);cursor:pointer;font-size:.8rem;font-weight:800;min-height:2rem;padding:.35rem .68rem}.answer-practice__toggle{min-width:8.5rem}.answer-practice__secondary:hover,.answer-practice__toggle:hover{border-color:var(--accent);color:var(--accent)}.answer-practice__submit:disabled{cursor:not-allowed;opacity:.55}.answer-practice__score{color:var(--accent-soft);font-size:.82rem;font-weight:800}.answer-practice__error{color:#fecaca;font-size:.84rem;margin:.55rem 0 0}.answer-practice__result-shell{margin-top:.65rem}.answer-practice__history{border:1px solid #3a4a63;border-radius:8px;background:#141f33;margin-top:.65rem;padding:.75rem}.answer-practice__history-item{border-top:1px solid #334155;padding-top:.75rem}.answer-practice__history-item:first-child{border-top:0;padding-top:0}.answer-practice__history-item+.answer-practice__history-item{margin-top:.75rem}.answer-practice__history-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--accent-soft);font-size:.82rem;font-weight:800}.answer-practice__history-heading time{color:var(--muted);flex-shrink:0;font-weight:700}.answer-practice__history-block{margin-top:.55rem}.answer-practice__history-block h4{color:var(--muted);font-size:.72rem;margin:0 0 .22rem;text-transform:uppercase}.answer-practice__history-block p{color:var(--text);font-size:.86rem;margin:.25rem 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.answer-practice__result-topbar{justify-content:space-between}.answer-practice__result{border:1px solid #3a4a63;border-radius:8px;background:#182337;margin-top:.65rem;padding:.8rem}.answer-practice__note,.answer-practice__feedback{margin:0;overflow-wrap:anywhere}.answer-practice__note{color:var(--accent-soft);font-weight:800}.answer-practice__note--compact{color:var(--muted);font-size:.83rem;font-weight:700;margin-top:.45rem}.answer-practice__feedback{color:var(--text);margin-top:.45rem}.answer-practice__lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.answer-practice__lists--history{border-top:1px solid #334155;margin-top:.7rem;padding-top:.7rem}.answer-practice__list-block{min-width:0}.answer-practice__list-block h4{color:var(--muted);font-size:.75rem;margin:0 0 .3rem;text-transform:uppercase}.answer-practice__list-block ul{margin:0;padding-left:1rem}.answer-practice__list-block li{color:var(--text);font-size:.84rem;margin:.2rem 0;overflow-wrap:anywhere}.answer-practice__example{border-top:1px solid #334155;margin-top:.8rem;padding-top:.8rem}.answer-practice__example h4{color:var(--accent-soft);font-size:.78rem;margin:0 0 .35rem;text-transform:uppercase}.answer-practice__example p{color:var(--text);font-size:.9rem;margin:0;overflow-wrap:anywhere}.accordion__body{padding:.25rem 1.1rem 1.1rem;border-top:1px solid var(--border);background:#182337}.answer__heading{margin:1rem 0 .4rem;color:var(--accent-soft);font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}.answer__text{margin:.6rem 0;color:var(--text)}.answer__list{margin:.4rem 0 .6rem;padding-left:1.25rem}.answer__list li{margin:.2rem 0}.answer__code{background:var(--code-bg);color:var(--code-text);padding:.9rem 1rem;border-radius:8px;border:1px solid #1f2937;overflow-x:auto;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;margin:.6rem 0}.app-footer{margin-top:2rem;color:var(--muted);font-size:.85rem;text-align:center}.app-warning{border:1px solid #92400e;border-radius:8px;background:#2b1d12;color:#fed7aa;margin:0 0 1rem;padding:.75rem .9rem}.dashboard{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;min-width:0;padding:1rem}.dashboard--hero{border-color:#475569;background:#202d42}.dashboard-page__levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dashboard__eyebrow{margin:0 0 .15rem;color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase}.dashboard h2{margin:0;font-size:1.2rem;overflow-wrap:anywhere}.dashboard__score{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;color:var(--muted);font-size:.82rem;font-weight:700}.dashboard__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.dashboard-page__levels .dashboard__grid{grid-template-columns:1fr}.dashboard-page__levels .dashboard__header{flex-direction:column}.dashboard-page__levels .dashboard__score{justify-content:flex-start}.progress-metric{background:#182337;border:1px solid var(--border);border-radius:8px;min-width:0;padding:.8rem}.progress-metric__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.82rem;font-weight:700}.progress-metric__top span{min-width:0;overflow-wrap:anywhere}.progress-metric__top strong{color:var(--text);flex-shrink:0;font-weight:800;white-space:nowrap}.progress-metric__bar{height:.45rem;overflow:hidden;background:#0f172a;border-radius:999px;margin-top:.65rem}.progress-metric__bar span{display:block;height:100%;background:var(--accent);border-radius:inherit}.dashboard__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.dashboard__chips span,.accordion__topic{border:1px solid #3a4a63;border-radius:999px;background:#182337;color:var(--accent-soft);padding:.18rem .55rem}.dashboard--ai{background:#1b2940}.ai-report__fixed{display:flex;flex-direction:column;gap:.9rem}.ai-report__assessment{border-left:3px solid var(--accent);color:var(--text);font-size:.92rem;font-weight:650;margin:0;overflow-wrap:anywhere;padding-left:.75rem}.ai-report__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ai-report__metric{border:1px solid var(--border);border-radius:8px;background:#182337;min-width:0;padding:.75rem}.ai-report__metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;color:var(--muted);font-size:.78rem;font-weight:800}.ai-report__metric-top span{min-width:0;overflow-wrap:anywhere}.ai-report__metric-top strong{color:var(--text);flex-shrink:0;font-size:.86rem;white-space:nowrap}.ai-report__bar{height:.42rem;overflow:hidden;background:#0f172a;border-radius:999px;margin-top:.62rem}.ai-report__bar span{display:block;height:100%;background:var(--accent);border-radius:inherit}.ai-report__summary{display:flex;flex-wrap:wrap;gap:.5rem}.ai-report__summary span{border:1px solid #3a4a63;border-radius:999px;background:#182337;color:var(--accent-soft);font-size:.82rem;font-weight:800;padding:.22rem .6rem;white-space:nowrap}.ai-report__muted{color:var(--muted);font-size:.85rem;margin:0;overflow-wrap:anywhere}.filters{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:.8rem;padding:.5rem .65rem}.filters__row{display:grid;grid-template-columns:auto repeat(3,minmax(8.5rem,1fr)) auto;gap:.5rem;align-items:center}.filters__field{display:flex;align-items:center;gap:.45rem}.filters__field span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.filters__field select{width:100%;border:1px solid var(--border);border-radius:7px;background:#182337;color:var(--text);font-size:.82rem;min-height:2rem;padding:.35rem .5rem}.filters__reset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800;min-height:2rem;padding:.3rem .65rem}.filters__reset:hover{border-color:var(--accent);color:var(--text)}.filters__summary{color:var(--muted);font-size:.82rem;font-weight:700;margin:0;white-space:nowrap}.accordion__confidence{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1.1rem .65rem 11.15rem}.confidence-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3a4a63;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:800;padding:.28rem .65rem}.confidence-button:hover{border-color:var(--accent);color:var(--text)}.confidence-button--active{background:var(--accent);border-color:var(--accent);color:#1f1300}.confidence-button:disabled{cursor:wait;opacity:.55}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--muted);margin:0;padding:1rem;text-align:center}.quiz{display:flex;flex-direction:column;gap:1rem}.quiz__panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem}.quiz__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.quiz__eyebrow{margin:0 0 .2rem;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase}.quiz__title{margin:0;color:var(--text);font-size:1.25rem}.quiz__level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.quiz__level-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:92px;border:1px solid var(--border);border-radius:8px;background:#182337;color:var(--text);padding:1rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.quiz__level-card:hover{background:var(--surface-2);border-color:var(--accent);transform:translateY(-1px)}.quiz__level-name{display:block;font-size:1.05rem;font-weight:700}.quiz__level-meta{display:block;margin-top:.35rem;color:var(--muted);font-size:.88rem}.quiz__card{border:1px solid var(--border);border-radius:8px;background:#182337;padding:1rem}.quiz__learning-checkbox{margin-bottom:.75rem}.quiz__question{margin:0;color:var(--text);font-size:1.2rem;font-weight:700}.quiz__hint{margin:.75rem 0 0;color:var(--muted);font-size:.92rem;font-style:italic}.quiz__status{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.55rem;color:var(--muted);font-size:.82rem;font-weight:700}.quiz .answer-practice{margin-top:.85rem;padding:0}.quiz__answer{margin-top:1rem;border-top:1px solid var(--border);padding-top:.5rem}.quiz__actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1rem}.quiz__primary-button,.quiz__secondary-button,.quiz__success-button,.quiz__ghost-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px;border:1px solid transparent;cursor:pointer;font-size:.95rem;font-weight:700;padding:.65rem .95rem;transition:background .15s,border-color .15s,color .15s}.quiz__primary-button{background:var(--accent);color:#1f1300;margin-top:1rem}.quiz__secondary-button{background:#182337;border-color:var(--border);color:var(--text)}.quiz__success-button{background:#123524;border-color:#166534;color:#bbf7d0}.quiz__ghost-button{background:transparent;border-color:var(--border);color:var(--muted)}.quiz__primary-button:hover,.quiz__secondary-button:hover,.quiz__success-button:hover,.quiz__ghost-button:hover{border-color:var(--accent)}.quiz__primary-button:disabled,.quiz__secondary-button:disabled,.quiz__success-button:disabled{cursor:not-allowed;opacity:.45}@media(max-width:700px){.app-header{align-items:center}.app-header h1{font-size:1.45rem}.subtitle,.account__identity{display:none}.app-header{margin-bottom:1rem}.tabbar{gap:.4rem;width:100%}.tabs{flex:1 1 0;flex-wrap:nowrap;gap:.25rem;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:.3rem;scrollbar-width:none;width:0}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;font-size:.86rem;padding:.45rem .7rem;white-space:nowrap}.learning-jump__button{border-radius:8px;flex-basis:2.5rem;height:2.5rem}.dashboard__header{flex-direction:column}.dashboard__score{justify-content:flex-start}.dashboard__grid,.dashboard-page__levels,.ai-report__metrics,.filters__row,.video-filters{grid-template-columns:1fr}.video-library__summary-heading{align-items:stretch;flex-direction:column}.video-library__progress-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.video-library__progress,.video-library__resume{grid-column:1 / -1}.video-library__heading-actions{align-self:flex-start}.video-library__progress,.video-library__metric{flex-basis:auto}.video-item{gap:.7rem;grid-template-columns:64px minmax(0,1fr);min-height:114px;padding:.65rem}.video-item__thumbnail{height:114px;width:64px}.video-item__confidence{align-items:flex-start;flex-basis:100%;flex-direction:column;margin-left:0}.video-item__confidence select{width:100%}.filters__field{align-items:flex-start}.accordion__row{align-items:flex-start;flex-wrap:wrap}.accordion__header{flex-basis:100%;order:3}.accordion__status,.accordion__hint,.accordion__confidence,.resource-links,.answer-practice{padding-left:1.1rem}.answer-practice__lists{grid-template-columns:1fr}.answer-practice__summary{flex-basis:100%}.quiz__level-grid{grid-template-columns:1fr}.quiz__topbar,.quiz__actions{flex-direction:column}.quiz__actions button{width:100%}}:root{--bg: #101419;--surface: #191e25;--surface-2: #212730;--border: #30363f;--text: #edf0f3;--muted: #9da7b4;--accent: #ffb561;--accent-soft: #ffd4a1;--code-bg: #11151b;--code-text: #e6edf3}body{background:radial-gradient(ellipse at 10% 0%,#29231e 0,transparent 35%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app{max-width:1200px;padding:2.25rem 2rem 4rem}.app-header{align-items:center;margin-bottom:2rem;gap:1rem}.studio-brand{display:flex;align-items:center;gap:.8rem}.studio-brand__mark{display:grid;place-items:center;width:46px;height:46px;background:#ffb561;border-radius:13px;color:#342417;flex:0 0 auto}.app-header h1{font-size:1.1rem;letter-spacing:-.025em;background:none;color:var(--text);-webkit-text-fill-color:initial;margin:0}.app-header h1 span{color:var(--accent);margin:0 .25rem;font-weight:400}.subtitle{font-size:.77rem;margin:.15rem 0 0}.account{border:1px solid var(--border);border-radius:30px;padding:.3rem .4rem .3rem .8rem;background:#171c22}.account__logout{border:0;background:transparent}.tabbar{width:100%;padding-bottom:1.2rem;margin-bottom:1.8rem;border-bottom:1px solid var(--border)}.tabs{background:none;border:0;border-radius:0;padding:0;gap:.4rem;min-width:0;overflow-x:auto;scrollbar-width:thin}.tab{white-space:nowrap;border-radius:8px;padding:.65rem .95rem;font-size:.83rem;font-weight:500;color:#aeb6c2}.tab:hover{background:var(--surface);color:var(--text)}.tab--active,.tab--active:hover{background:#302920;color:#ffc681;box-shadow:none}.learning-jump__button{flex-shrink:0}.studio-eyebrow{display:flex;align-items:center;gap:.55rem;font-size:.65rem;letter-spacing:.14em;font-weight:650;color:var(--muted);margin:0 0 .8rem}.studio-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #ffb56150}.studio-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:3rem;padding:1.5rem 0 2.8rem}.studio-hero h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.15;letter-spacing:-.05em;font-weight:650;margin:1rem 0}.studio-hero h2 span{color:var(--accent)}.studio-hero__copy>p:not(.studio-eyebrow){max-width:500px;color:#abb3bf;font-size:.92rem;line-height:1.85}.studio-hero__actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:1.6rem 0 1.1rem}.studio-hero__meta{font-size:.59rem;letter-spacing:.17em;color:#929da9}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1rem;border:1px solid var(--border);background:#21262e;color:var(--text);border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none}.studio-button:hover:not(:disabled){background:#303641}.studio-button--primary{background:var(--accent);color:#251a10;border-color:transparent}.studio-button--primary:hover:not(:disabled){background:#ffca8d}.studio-button--ghost{background:transparent;border-color:transparent;color:#c2cad3}.studio-link{color:var(--accent);font-size:.82rem}.hero-code{transform:rotate(1deg);border:1px solid #3b3c3e;border-radius:14px;background:#171c23;box-shadow:0 24px 60px #0003;overflow:hidden}.hero-code__top,.lab-code__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.65rem}.hero-code__top>span:first-child,.lab-code__bar>span:first-child{display:flex;gap:5px}.hero-code i,.lab-code i{width:7px;height:7px;border-radius:50%;background:#59606a}.hero-code i:first-child,.lab-code i:first-child{background:#ba775e}.hero-code i:nth-child(2),.lab-code i:nth-child(2){background:#b5a167}.hero-code i:nth-child(3),.lab-code i:nth-child(3){background:#6c9f8a}.hero-code__body{padding:1.8rem 1.5rem;font:.82rem/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-code__body code{display:block}.hero-code__comment{color:#88949b;display:block;margin-bottom:.8rem}.hero-code b{color:#9fc8e5;font-weight:400}.hero-code em{color:#c9d399;font-style:normal}.hero-code strong{color:#c4a9db;font-weight:400}.hero-code__question{border-top:1px solid var(--border);display:flex;gap:.8rem;align-items:center;padding:1.1rem 1.2rem;background:#20252b;color:var(--accent)}.hero-code__question strong{display:block;color:#dce0e5;font-size:.8rem;font-weight:500}.hero-code__question span{display:block;color:var(--muted);font-size:.68rem;margin-top:.2rem}.studio-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:#191e25;border-radius:12px;margin-bottom:1.6rem}.studio-metric{padding:1.25rem 1.5rem}.studio-metric+.studio-metric{border-left:1px solid var(--border)}.studio-metric__label{display:flex;align-items:center;gap:.6rem;font-size:.73rem;color:#b6bec8}.studio-metric__label svg{color:#8da79e}.studio-metric>strong{display:block;font-size:2.1rem;font-weight:550;letter-spacing:-.05em;margin:.4rem 0 0}.studio-metric p{font-size:.67rem;color:var(--muted);margin:.1rem 0 0}.studio-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:1.5rem;align-items:start}.studio-panel{background:#191e25;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem}.studio-section-heading>svg{color:#7f8c98}.studio-section-heading h3{margin:0;font-size:1.13rem;font-weight:550;letter-spacing:-.02em}.studio-section-heading .studio-eyebrow{font-size:.57rem;margin-bottom:.5rem}.studio-tag{display:inline-block;border:1px solid #394149;border-radius:5px;padding:.25rem .5rem;color:#aeb8c2;font-size:.62rem;white-space:nowrap}.studio-muted{color:var(--muted);font-size:.75rem}.path-step{display:flex;text-align:left;width:100%;align-items:flex-start;gap:.9rem;padding:1.45rem 0;color:var(--text);background:transparent;border:0;border-top:1px solid var(--border)}.path-step__number{font-size:.7rem;color:#7f8a96;font-family:monospace;margin-top:.15rem}.path-step__content{flex:1}.path-step__content strong{font-weight:550;font-size:.85rem;display:block}.path-step__content>span{color:var(--muted);font-size:.74rem;display:block;margin-top:.4rem;line-height:1.75}.path-step__action{display:flex;align-items:center;gap:.35rem;color:var(--accent);font-size:.65rem}.path-step__action>svg:first-child{display:none}.path-step:hover .path-step__content strong{color:var(--accent)}.topic-map__item{display:block;width:100%;text-align:left;color:var(--text);background:none;border:0;padding:.65rem 0}.topic-map__top{display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.topic-map__top strong{font-weight:500}.topic-map__top>span{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.65rem}.topic-map__bar{height:4px;display:block;background:#303741;border-radius:4px;margin:.5rem 0 .35rem;overflow:hidden}.topic-map__bar>span{display:block;height:100%;background:#89b5a2}.topic-map__bottom{font-size:.61rem;color:var(--muted);display:flex;justify-content:space-between;gap:.5rem}.topic-map__item:hover .topic-map__top strong{color:var(--accent)}.studio-library{margin:2rem 0}.studio-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.studio-level{background:#191e25;border:1px solid var(--border);border-radius:10px;color:var(--text);text-align:left;padding:1.25rem;transition:border-color .15s}.studio-level:hover{border-color:#8a7964}.studio-level__index{font:.7rem monospace;color:#9aa58e}.studio-level h4{font-size:1.15rem;margin:.6rem 0 .4rem;font-weight:550}.studio-level p{font-size:.75rem;color:var(--muted);min-height:2.7em}.studio-level>span:last-child{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:.85rem;font-size:.7rem;color:var(--accent)}.studio-report{border-top:1px solid var(--border);padding-top:1.2rem}.studio-report>summary{cursor:pointer;color:#bbc4cf;font-size:.84rem;margin-bottom:1.5rem}.studio-report>summary>span{font-size:.7rem;color:var(--muted);margin-left:.5rem}.section-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-intro h2{font-size:2rem;letter-spacing:-.04em;margin:.5rem 0;font-weight:600}.section-intro>div>p:last-child{font-size:.87rem;color:var(--muted)}.lab-stats{display:flex;gap:2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem 0;margin-bottom:1.75rem}.lab-stats>span{color:var(--muted);font-size:.77rem}.lab-stats strong{color:var(--text);font-size:1rem;font-weight:550;margin-right:.3rem}.lab-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.8rem;align-items:start}.lab-catalog,.lab-workspace,.challenge{min-width:0}.lab-catalog{position:sticky;top:1rem}.lab-catalog select{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:.7rem;margin-bottom:1rem;font-size:.8rem}.lab-catalog__item{display:flex;align-items:center;text-align:left;gap:.7rem;background:transparent;color:#b5bfca;width:100%;padding:.9rem .65rem;border:1px solid transparent;border-radius:8px;margin-bottom:.3rem}.lab-catalog__item.is-active{background:#29251f;border-color:#564331;color:#ffcf96}.lab-catalog__item>span:nth-child(2){flex:1}.lab-catalog__item strong{font-size:.76rem;font-weight:550;display:block}.lab-catalog__item small{font-size:.63rem;color:var(--muted);display:block;margin-top:.25rem}.lab-catalog__number{font:.67rem monospace;opacity:.65}.lab-catalog__note{font-size:.68rem;color:var(--muted);line-height:1.8;border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.lab-empty{color:var(--muted);font-size:.8rem}.challenge{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1.5rem}.challenge__heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.7rem}.challenge h3{font-size:1.4rem;letter-spacing:-.03em;margin:1.1rem 0 .3rem;font-weight:550}.challenge>p{color:#b6c0cc;font-size:.85rem}.lab-code{border:1px solid #343c46;border-radius:9px;overflow:hidden;margin:1.2rem 0 1.5rem;background:var(--code-bg)}.lab-code__bar{background:#1e242c;padding:.6rem .85rem;font-family:monospace}.lab-code pre{margin:0;padding:1rem .6rem;overflow-x:auto;font:.76rem/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;-moz-tab-size:4;tab-size:4}.lab-code .video-learning-aid__code-line{display:flex;min-height:1.9em}.lab-code .video-learning-aid__code-line-number{flex:0 0 2.4rem;padding-right:.8rem;text-align:right;-webkit-user-select:none;user-select:none;color:#657382}.lab-code .video-learning-aid__code-line-content{flex:1;white-space:pre}.lab-options{border:0;padding:0;margin:0 0 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;min-width:0}.lab-options legend{font-size:.81rem;font-weight:600;padding:0 0 .65rem}.lab-option{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.8rem;background:#141a21;border:1px solid #343c48;border-radius:7px;cursor:pointer}.lab-option input{accent-color:var(--accent);flex-shrink:0;margin:0}.lab-option__letter{color:var(--muted);font:.7rem monospace}.lab-option code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.76rem;flex:1}.lab-option.is-selected{border-color:#da9f61;background:#2c271f}.lab-option.is-correct{border-color:#73b598;background:#1e302b}.lab-option.is-wrong{border-color:#d7887d;background:#342326}.lab-options:disabled .lab-option{cursor:default}.lab-option.is-correct>svg{color:#8bceb0;flex-shrink:0}.lab-reasoning{font-size:.8rem;display:block}.lab-reasoning>span{color:var(--muted);font-size:.7rem;margin-left:.4rem}.lab-reasoning textarea{display:block;width:100%;resize:vertical;color:var(--text);background:#121820;border:1px solid var(--border);border-radius:7px;padding:.8rem;margin:.65rem 0 1rem;font-size:.82rem}.lab-toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.lab-hint{border-left:2px solid var(--accent);padding:.65rem 1rem;background:#24251f;color:#d2c3ad;font-size:.82rem}.lab-result{margin-top:1.4rem;border-top:1px solid #68504a;padding-top:1.25rem}.lab-result h4{display:flex;align-items:center;gap:.6rem;font-size:1.04rem;color:#efb0a3;margin:0 0 .7rem}.lab-result--correct h4{color:#a2d7bd}.lab-result>p,.lab-result details{font-size:.83rem;line-height:1.8}.lab-takeaway{background:#202832;padding:1rem 1.1rem;border-radius:8px;margin:1rem 0}.lab-takeaway>strong{font-size:.62rem;letter-spacing:.1em;color:#abbdca}.lab-takeaway p{font-size:.85rem;line-height:1.8}.lab-takeaway p[lang=fa]{color:#c2c9d1;line-height:2;border-top:1px solid #38414b;padding-top:.9rem}.lab-result details summary,.lab-history summary{cursor:pointer;color:#c1cbd5}.lab-result li+li{margin-top:.7rem}.lab-followup{margin:1.2rem 0;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lab-followup p{font-size:.88rem}.lab-followup small,.lab-result .lab-result__note{color:var(--muted);font-size:.7rem}.lab-history{border-top:1px solid var(--border);margin-top:1.3rem;padding-top:1rem;font-size:.8rem}.lab-history p{white-space:pre-wrap;overflow-wrap:anywhere}.lab-history small{color:var(--muted)}.lab-save{padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.8rem}.lab-save--error{color:#ffc1b2;border-color:#aa7161}@media(max-width:1000px){.studio-hero{gap:1.5rem}.studio-columns{grid-template-columns:1fr 1fr;gap:1rem}.path-step__action>span{display:none}.studio-panel{padding:1.1rem}.tabbar .tabs{flex:1;width:0;flex-wrap:nowrap}.lab-layout{grid-template-columns:230px minmax(0,1fr);gap:1rem}}@media(max-width:760px){.app{padding:1.25rem 1rem 2.5rem}.app-header{margin-bottom:1.1rem}.app-header h1{font-size:.96rem}.studio-brand__mark{width:38px;height:38px;border-radius:10px}.account__identity{display:none}.account{padding:.2rem}.studio-hero{grid-template-columns:1fr;gap:1.8rem;padding-top:.3rem}.hero-code{transform:none}.studio-hero h2{font-size:2.35rem}.studio-columns{grid-template-columns:1fr}.studio-metric{padding:1rem .75rem}.studio-metric__label{font-size:.65rem;align-items:flex-start}.studio-metric__label svg{display:none}.studio-metric>strong{font-size:1.7rem}.studio-metric p{font-size:.6rem}.studio-levels{grid-template-columns:1fr}.studio-level p{min-height:0}.studio-level{padding:1.1rem}.section-intro{display:block}.section-intro h2{font-size:1.8rem}.lab-layout{grid-template-columns:minmax(0,1fr)}.lab-catalog{position:static}.lab-catalog nav{display:flex;overflow-x:auto;gap:.4rem;padding-bottom:.4rem}.lab-catalog__item{min-width:205px;width:205px;flex-shrink:0}.lab-catalog__note{display:none}.lab-stats{gap:1rem;justify-content:space-between}.lab-stats>span{font-size:.65rem}.challenge{padding:1rem}.lab-reasoning>span{display:block;margin:.2rem 0}.lab-options{grid-template-columns:1fr}.lab-code pre{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
