@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#08080d;--editor-bg:#0c0c14;--surface:#101018;--surface-2:#161621;--surface-3:#1d1d2a;--line:#ffffff12;--line-strong:#ffffff21;--text:#e8e9f2;--muted:#a0a3ba;--faint:#7f829c;--violet:#8b5cf6;--violet-strong:#7c3aed;--violet-soft:#b9a4ff;--blue:#4f8cff;--danger:#f58aa0;--danger-strong:#c22f52;--gradient:linear-gradient(135deg, #7c3aed, #4f5fe0);--font-ui:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--r-s:8px;--r-m:12px;--r-l:16px;--ease:cubic-bezier(.2, .7, .2, 1);--sidebar-w:248px;--badge-h:0px;--badge-w:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:.9375rem;line-height:1.55;overflow:hidden}h1,h2,h3,h4,p,ul,ol,figure,fieldset{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex:none}code,kbd,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--violet-soft);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:50;border-radius:var(--r-s);background:var(--violet-strong);color:#fff;padding:.5rem .9rem;text-decoration:none;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.button{border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--surface-2);white-space:nowrap;min-height:2.25rem;transition:background-color .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:0 .9rem;font-weight:500;display:inline-flex}.button svg{width:1rem;height:1rem}.button:hover:not(:disabled){background:var(--surface-3);border-color:#fff3}.button:disabled{opacity:.45}.button--primary{background:var(--gradient);color:#fff;border-color:#0000}.button--primary:hover:not(:disabled){background:var(--gradient);filter:brightness(1.12);border-color:#0000}.button--quiet{color:var(--muted);background:0 0;border-color:#0000}.button--quiet:hover:not(:disabled){color:var(--text)}.button--danger{color:#ffc2ce;background:#c22f5229;border-color:#f58aa059}.button--danger:hover:not(:disabled){background:#c22f524d;border-color:#f58aa099}.icon-button{border-radius:var(--r-s);width:2rem;height:2rem;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.icon-button:hover{background:var(--surface-3);color:var(--text)}.icon-button svg{width:1.1rem;height:1.1rem}.link-button{color:var(--violet-soft);background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-weight:500;display:inline-flex}.link-button:hover{text-decoration:underline}.link-button svg{width:1rem;height:1rem}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);height:100dvh;transition:grid-template-columns .22s var(--ease);display:grid}.app[data-sidebar=collapsed]{--sidebar-w:4.25rem}.content{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.workspace[hidden]{display:none}.panels{flex:1;grid-template-columns:minmax(0,1fr) clamp(21rem,31vw,28rem);min-height:0;display:grid}.panel{flex-direction:column;min-width:0;min-height:0;display:flex}.panel-tabs{display:none}.sidebar{z-index:5;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:1.75rem;min-width:0;min-height:0;padding:1.25rem .875rem 1rem;display:flex;position:relative;overflow:hidden auto}.sidebar-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-content{flex-direction:column;flex:1;gap:1.75rem;min-height:0;display:flex}.sidebar-toggle{flex:none}.logo{align-items:center;gap:.7rem;padding:0 .4rem;display:flex}.logo svg{width:2rem;height:2rem}.logo-tile{fill:#191927;stroke:#ffffff1a}.logo-text{white-space:nowrap;letter-spacing:-.01em;font-size:.9375rem;font-weight:600;line-height:1.2}.logo-text span{color:var(--violet-soft)}.sidebar-nav{flex-direction:column;gap:.2rem;display:flex}.nav-item{border-radius:var(--r-s);width:100%;min-height:2.4rem;color:var(--muted);text-align:left;white-space:nowrap;transition:background-color .18s var(--ease), color .18s var(--ease);background:0 0;border:0;align-items:center;gap:.7rem;padding:0 .7rem;font-weight:500;display:flex;position:relative}.nav-item svg{width:1.1rem;height:1.1rem}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item[aria-current=page]{color:var(--text);background:#8b5cf624}.nav-item[aria-current=page] svg{color:var(--violet-soft)}.demo-note{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);margin-top:auto;padding:.9rem;font-size:.8125rem;line-height:1.5;position:relative}.demo-note-title{color:var(--text);align-items:center;gap:.5rem;margin-bottom:.35rem;font-weight:600;display:flex}.dot{background:var(--blue);border-radius:50%;width:.45rem;height:.45rem}.sidebar-foot{flex-direction:column;gap:.6rem;display:flex}.version{color:var(--faint);padding:0 .7rem;font-size:.75rem}.notice{color:#ffd0d9;background:#c22f5224;border-bottom:1px solid #f58aa04d;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem .5rem 1.25rem;font-size:.875rem;display:flex}.editor-panel{background:var(--editor-bg)}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;min-height:3.25rem;padding:.5rem .875rem .5rem 1.25rem;display:flex}.file-tab{min-width:0;font-family:var(--font-mono);align-items:center;gap:.55rem;font-size:.8125rem;display:flex}.file-tab svg{width:1rem;height:1rem;color:var(--violet-soft)}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-state{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:.05rem .45rem;font-size:.6875rem}.toolbar-controls{align-items:center;gap:.5rem;margin-left:auto;display:flex}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.2rem;display:flex}.segment{cursor:pointer;position:relative}.segment input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segment span{color:var(--muted);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:7px;padding:.3rem .8rem;font-size:.8125rem;font-weight:500;display:block}.segment:hover span{color:var(--text)}.segment input:checked+span{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.segment input:focus-visible+span{outline:2px solid var(--violet-soft);outline-offset:2px}.editor-area{flex:1;min-height:0;position:relative}.monaco-host{position:absolute;inset:0}.editor-loading{color:var(--faint);place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.editor-fallback{flex-direction:column;display:flex;position:absolute;inset:0}.editor-fallback p{color:#ffd0d9;background:#c22f5224;padding:.6rem 1.25rem;font-size:.8125rem}.editor-fallback textarea{background:var(--editor-bg);font-family:var(--font-mono);resize:none;tab-size:4;border:0;flex:1;padding:1rem 1.25rem;line-height:1.65}.action-bar{border-top:1px solid var(--line);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1.25rem;display:flex}.actions{gap:.5rem;display:flex}.action-status{min-width:0;color:var(--muted);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.action-status p[data-state=done]{color:var(--text)}.action-status p[data-state=error]{color:var(--danger)}.show-mentor{white-space:nowrap;font-size:.8125rem;display:none}.editor-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--faint);justify-content:space-between;gap:1rem;padding:.35rem 1.25rem;font-size:.75rem;display:flex}.editor-footer span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}kbd{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);border-radius:4px;padding:.05rem .35rem;font-size:.6875rem}.mentor-panel{border-left:1px solid var(--line);background:var(--surface)}.mentor-header{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;min-height:3.25rem;padding:.5rem .5rem .5rem 1.25rem;display:flex}.mentor-header h2{font-size:.9375rem;font-weight:600}.badge{letter-spacing:.02em;color:#a9c8ff;background:#4f8cff1a;border:1px solid #4f8cff66;border-radius:999px;padding:.1rem .55rem;font-size:.6875rem;font-weight:500}.clear-button{margin-left:auto}.conversation{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;min-height:0;padding:1.25rem;position:relative;overflow-y:auto}.empty-state{max-width:22rem;color:var(--muted);flex-direction:column;align-items:flex-start;gap:.5rem;margin:clamp(1rem,8vh,4rem) auto 0;display:flex}.empty-icon{border-radius:var(--r-m);border:1px solid var(--line-strong);background:var(--surface-2);width:2.5rem;height:2.5rem;color:var(--violet-soft);place-items:center;margin-bottom:.5rem;display:grid}.empty-icon svg{width:1.2rem;height:1.2rem}.empty-state h3{color:var(--text);font-size:1.0625rem;font-weight:600}.empty-state ul{border-top:1px solid var(--line);gap:.7rem;width:100%;margin-top:1rem;padding-top:1rem;font-size:.875rem;display:grid}.empty-state li{gap:.7rem;display:flex}.empty-state li svg{width:1rem;height:1rem;color:var(--faint);margin-top:.2rem}.empty-state strong{color:var(--text);font-weight:600}.messages{flex-direction:column;gap:.875rem;padding-bottom:.5rem;display:flex}.message--user{justify-content:flex-end;display:flex}.message--user:not(:first-child){border-top:1px solid var(--line);margin-top:1rem;padding-top:1.25rem}.action-chip{background:#8b5cf61f;border:1px solid #8b5cf666;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.8125rem;font-weight:500;display:inline-flex}.action-chip svg{width:.875rem;height:.875rem;color:var(--violet-soft)}.action-chip span{font-family:var(--font-mono);color:var(--muted);font-size:.75rem;font-weight:400}.bubble{overflow-wrap:anywhere;background:#8b5cf633;border-radius:14px 14px 4px;max-width:85%;padding:.55rem .85rem}.message--mentor{--accent:var(--violet);--accent-text:var(--violet-soft)}.message--mentor[data-kind=debug]{--accent:var(--blue);--accent-text:#a9c8ff}.message--mentor[data-kind=hint]{--accent:#46b5ab;--accent-text:#8fe0d6}.message--mentor[data-kind=simpler],.message--mentor[data-kind=example],.message--mentor[data-kind=concept],.message--mentor[data-kind=limitation]{--accent:#ffffff38;--accent-text:var(--muted)}.message--mentor article{border-left:2px solid var(--accent);padding:.1rem 0 .2rem 1rem}.message--mentor[data-recognised=false] article{border-left-style:dashed}.message--mentor header{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:.6875rem;display:flex}.kind{color:var(--accent-text);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.kind svg{width:.875rem;height:.875rem}.tag{color:var(--faint)}.message--mentor h3{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600;line-height:1.3}.hint-steps{color:var(--accent-text);align-items:center;gap:.6rem;margin-top:.45rem;font-size:.8125rem;display:flex}.hint-track{gap:.25rem;display:flex}.hint-track span{background:#ffffff1f;border-radius:999px;width:1.5rem;height:.25rem}.hint-track span[data-reached=true]{background:var(--accent)}.blocks{color:#d3d5e3;overflow-wrap:anywhere;gap:.6rem;min-width:0;margin-top:.6rem;font-size:.9rem;display:grid}.blocks>*{min-width:0}.section-title{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:.7rem;padding-top:.9rem;font-size:.6875rem;font-weight:600}.section-title:first-child{border-top:0;margin-top:0;padding-top:0}.blocks h5{color:var(--text);margin:.45rem 0 0;font-size:.9rem;font-weight:600}.section-title+h5{margin-top:0}.blocks strong{color:var(--text);font-weight:600}.finding{--tone:#7fb4ff;border:1px solid var(--line);border-left:3px solid var(--tone);background:var(--surface-2);border-radius:10px;padding:.8rem .9rem .9rem}.finding[data-tone=warning]{--tone:#f2b880}.finding[data-tone=error]{--tone:#f58aa0}.finding-label{color:var(--tone);align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.finding-label svg{width:.9rem;height:.9rem}.finding h4{color:var(--text);margin-top:.3rem;font-size:.9375rem;font-weight:600;line-height:1.35}.finding .blocks{margin-top:.5rem}.more{border:1px solid var(--line);border-radius:10px}.more summary{color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .75rem;font-weight:500;list-style:none;display:flex}.more summary::-webkit-details-marker{display:none}.more summary:hover{color:var(--text)}.more summary svg{width:.9rem;height:.9rem;transition:rotate .18s var(--ease)}.more[open] summary svg{rotate:90deg}.more .blocks{margin-top:0;padding:0 .75rem .8rem}.question{color:var(--text);background:#8b5cf617;border:1px solid #8b5cf647;border-radius:10px;padding:.7rem .9rem}.blocks ul{gap:.4rem;padding-left:1.1rem;list-style:outside;display:grid}.blocks li::marker{color:var(--faint)}.blocks :not(pre)>code,:is(.task,.feedback,.library) :not(pre)>code{color:#e3dcff;background:#ffffff12;border-radius:5px;padding:.08rem .32rem;font-size:.8125rem}.code-block{border-radius:var(--r-s);border:1px solid var(--line);background:var(--editor-bg);min-width:0;overflow:hidden}.code-block figcaption{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--faint);padding:.3rem .75rem;font-size:.6875rem}.code-block pre{color:#d9dbe8;scrollbar-width:thin;margin:0;padding:.65rem .75rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.note{border-top:1px solid var(--line);color:var(--muted);margin-top:.4rem;padding-top:.7rem;font-size:.8125rem}.error-message{border-radius:var(--r-s);color:#ffd0d9;background:#c22f5224;border:1px solid #f58aa059;margin-top:.875rem;padding:.7rem .9rem;font-size:.875rem}.composer{border-top:1px solid var(--line);background:var(--surface);padding:.75rem 1.25rem .875rem}.suggestions{flex-wrap:wrap;gap:.4rem;padding-bottom:.7rem;display:flex}.chip{border:1px solid var(--line-strong);color:var(--muted);transition:border-color .18s var(--ease), color .18s var(--ease);background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.8125rem}.chip:hover:not(:disabled){color:var(--text);border-color:#8b5cf699}.chip:disabled{opacity:.45}.chip[data-primary=true]{color:var(--text);background:#8b5cf629;border-color:#8b5cf699}.ask-form{border-radius:var(--r-m);border:1px solid var(--line-strong);background:var(--editor-bg);transition:border-color .18s var(--ease);align-items:center;gap:.4rem;padding:.3rem .3rem .3rem .9rem;display:flex}.ask-form:focus-within{border-color:var(--violet)}.ask-form input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:2.1rem}.ask-form input::placeholder{color:var(--faint)}.send-button{border-radius:var(--r-s);background:var(--gradient);color:#fff;width:2.1rem;height:2.1rem;transition:opacity .18s var(--ease);border:0;place-items:center;display:grid}.send-button svg{width:1.1rem;height:1.1rem}.send-button:disabled{background:var(--surface-3);color:var(--faint)}.composer-help{color:var(--faint);margin-top:.5rem;font-size:.75rem}.modal-backdrop{z-index:100;animation:fade-in .16s var(--ease);background:#040408b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-l);border:1px solid var(--line-strong);background:var(--surface-2);width:min(100%,28rem);max-height:100%;overflow-y:auto;box-shadow:0 1.5rem 4rem #00000080}.modal-header{justify-content:space-between;align-items:center;gap:1rem;padding:1rem .75rem 0 1.25rem;display:flex}.modal-header h2{font-size:1.0625rem;font-weight:600}.modal-body{color:var(--muted);padding:.75rem 1.25rem 1.25rem}.modal-footer{justify-content:flex-end;gap:.5rem;padding:0 1.25rem 1.25rem;display:flex}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.25rem;padding:.9rem 0;display:flex}.setting:last-child{border-bottom:0;padding-bottom:0}.setting--stacked{flex-direction:column;align-items:flex-start;gap:.75rem}.setting-name{color:var(--text);font-weight:500;display:block}.setting-help{font-size:.8125rem;display:block}.setting select,.filters select{border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--surface);height:2.25rem;padding:0 .6rem}.switch{appearance:none;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:2.5rem;height:1.5rem;transition:background-color .18s var(--ease);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";background:var(--muted);width:1rem;height:1rem;transition:translate .18s var(--ease), background-color .18s var(--ease);border-radius:50%;position:absolute;top:50%;left:.2rem;translate:0 -50%}.switch:checked{background:var(--violet-strong);border-color:#0000}.switch:checked:after{background:#fff;translate:1rem -50%}.guide,.library{outline:none;flex:1;min-width:0;min-height:0;overflow-y:auto}.guide-inner{max-width:46rem;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) clamp(1.25rem,4vw,2.5rem) 4rem}.back-link{font-size:.875rem}.guide h1,.library h1{letter-spacing:-.03em;margin-top:1.5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;line-height:1.15}.lead{color:var(--muted);margin-top:.9rem;font-size:1.0625rem}.guide section{border-top:1px solid var(--line);color:#d3d5e3;gap:.75rem;margin-top:2.25rem;padding-top:2rem;display:grid}.guide h2{letter-spacing:-.015em;color:var(--text);font-size:1.1875rem;font-weight:600}.guide section>ul:not(.tag-list){gap:.35rem;padding-left:1.2rem;list-style:outside;display:grid}.guide li::marker{color:var(--faint)}.tag-list{flex-wrap:wrap;gap:.4rem;display:flex}.tag-list li{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:.2rem .7rem;font-size:.8125rem}.table-scroll{border-radius:var(--r-m);border:1px solid var(--line);overflow-x:auto}.guide table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.875rem}.guide th,.guide td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.65rem .9rem}.guide tbody tr:last-child>*{border-bottom:0}.guide thead th{background:var(--surface);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:.75rem;font-weight:500}.guide tbody th{color:var(--text);font-weight:500}.guide td{color:var(--muted)}.library-inner{max-width:70rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem) 4rem}.library h1{margin-top:0}.filters{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-top:1.75rem;padding:.9rem 1rem;display:flex}.filters label{color:var(--muted);gap:.3rem;font-size:.75rem;font-weight:500;display:grid}.filters select{min-width:10.5rem;color:var(--text);font-size:.875rem}.filter-count{color:var(--muted);margin-left:auto;padding-bottom:.5rem;font-size:.8125rem}.filters .link-button{padding-bottom:.5rem;font-size:.8125rem}.exercise-grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1rem;margin-top:1.25rem;display:grid}.exercise-card{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);height:100%;transition:border-color .18s var(--ease);flex-direction:column;gap:.6rem;padding:1.1rem 1.15rem 1.15rem;display:flex}.exercise-card:hover{border-color:var(--line-strong)}.exercise-meta{flex-wrap:wrap;gap:.35rem;display:flex}.exercise-meta li{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:.08rem .55rem;font-size:.6875rem}.exercise-meta li[data-kind=language]{color:var(--violet-soft);border-color:#8b5cf666}.exercise-card h2{letter-spacing:-.01em;margin-top:.15rem;font-size:1.0625rem;font-weight:600;line-height:1.3}.exercise-description{color:#d3d5e3;font-size:.9rem}.exercise-goal{color:var(--muted);font-size:.8125rem}.exercise-goal span{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:.6875rem;display:block}.exercise-card-foot{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:auto;padding-top:.5rem;display:flex}.draft-note{color:var(--faint);font-size:.75rem}.library-empty{border-radius:var(--r-m);border:1px dashed var(--line-strong);text-align:center;color:var(--muted);justify-items:center;gap:.6rem;margin-top:1.25rem;padding:3rem 1.25rem;display:grid}.library-empty svg{width:1.75rem;height:1.75rem;color:var(--faint)}.library-empty h2{color:var(--text);font-size:1.0625rem;font-weight:600}.practice{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.practice-panels{flex:1;grid-template-columns:clamp(21rem,34vw,30rem) minmax(0,1fr);min-height:0;display:grid}.practice-side{border-right:1px solid var(--line);background:var(--surface)}.practice-side-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;min-height:3.25rem;padding:.5rem .875rem .5rem 1.25rem;font-size:.875rem;display:flex}.side-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:.3rem .8rem;font-size:.8125rem;font-weight:500}.side-switch button:hover{color:var(--text)}.side-switch button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.practice-scroll{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex:1;min-height:0;padding:1.25rem 1.25rem 2rem;overflow-y:auto}.task h1{letter-spacing:-.02em;margin-top:.75rem;font-size:1.375rem;font-weight:600;line-height:1.2}.task-description{color:#d3d5e3;margin-top:.45rem}.side-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .55rem;font-size:.6875rem;font-weight:600}.feedback section:first-child .side-title{margin-top:0}.task :is(ul,ol),.next-steps{color:#d3d5e3;gap:.4rem;padding-left:1.25rem;font-size:.9rem;display:grid}.task ul,.next-steps{list-style:outside}.task ol{list-style:decimal}.task li::marker{color:var(--faint)}.next-steps li::marker{color:var(--faint)}.task .exercise-meta{font-size:inherit;gap:.35rem;padding-left:0;list-style:none;display:flex}.example{gap:.5rem;display:grid}.manual-tag{border:1px solid var(--line-strong);color:var(--faint);white-space:nowrap;border-radius:999px;margin-left:.45rem;padding:0 .45rem;font-size:.6875rem}.task .note,.feedback .note{margin-top:1.1rem}.feedback section+section{margin-top:2rem}.feedback-summary,.feedback-empty{color:#d3d5e3;font-size:.9rem}.feedback-empty{color:var(--muted)}.stale{border-radius:var(--r-s);color:#f6d3ab;background:#f2b88014;border:1px solid #f2b88059;margin-bottom:.75rem;padding:.55rem .75rem;font-size:.8125rem}[data-status=recognised]{--status:#7fd6a8}[data-status=not-recognised]{--status:#f2b880}[data-status=not-verifiable]{--status:#9aa0bd}.counts{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.counts li{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.8125rem;display:inline-flex}.counts svg,.result-status svg{width:.9rem;height:.9rem;color:var(--status)}.counts strong{color:var(--text);font-weight:600}.results,.hints{gap:.6rem;display:grid}.results>li,.hints>li{border:1px solid var(--line);border-left:3px solid var(--status);background:var(--surface-2);border-radius:10px;padding:.75rem .9rem .85rem}.result-status{color:var(--status);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.rough{border:1px dashed var(--line-strong);color:var(--faint);border-radius:999px;padding:0 .45rem;font-size:.6875rem;font-weight:400}.results h3{margin-top:.3rem;font-size:.9rem;font-weight:600;line-height:1.35}.results p:last-child,.hints p:last-child{color:#d3d5e3;margin-top:.3rem;font-size:.875rem}.feedback-subtitle{margin:1.1rem 0 .45rem;font-size:.875rem;font-weight:600}.hints{--accent:#46b5ab;--accent-text:#8fe0d6;--status:#46b5ab}.hints .hint-steps{margin-top:0}.practice-editor .action-status{flex-basis:100%;justify-content:space-between}.hint-count{color:var(--faint);font-size:.75rem;font-weight:400}@media (width>=1101px){.app[data-sidebar=collapsed] .sidebar{align-items:center;padding-inline:.625rem;overflow:visible}.app[data-sidebar=collapsed] .sidebar-top{flex-direction:column;gap:.75rem}.app[data-sidebar=collapsed] .sidebar-content{align-items:center}.app[data-sidebar=collapsed] .logo{padding:0}.app[data-sidebar=collapsed] :is(.logo-text,.nav-label,.demo-note-text,.version){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app[data-sidebar=collapsed] .nav-item{justify-content:center;width:2.75rem;padding:0}.app[data-sidebar=collapsed] .demo-note{border-radius:var(--r-s);place-items:center;width:2.75rem;height:2.4rem;padding:0;display:grid}.app[data-sidebar=collapsed] .demo-note-title{margin:0}.app[data-sidebar=collapsed] .dot{width:.55rem;height:.55rem}.app[data-sidebar=collapsed] .sidebar-foot{align-items:center}.app[data-sidebar=collapsed] [data-tip]{position:relative}.app[data-sidebar=collapsed] [data-tip]:is(:hover,:focus-visible):after{content:attr(data-tip);z-index:30;border-radius:var(--r-s);border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text);white-space:nowrap;pointer-events:none;padding:.35rem .65rem;font-size:.8125rem;font-weight:400;line-height:1.45;position:absolute;top:50%;left:calc(100% + .75rem);translate:0 -50%;box-shadow:0 .5rem 1.5rem #0006}.app[data-sidebar=collapsed] .demo-note[data-tip]:is(:hover,:focus-visible):after{white-space:normal;width:16rem;top:auto;bottom:0;translate:none}}@media (width<=1100px){.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;overflow:visible}.sidebar-top,.sidebar-content{display:contents}.sidebar-toggle{display:none}.logo{min-width:0;margin-right:auto;padding:0}.logo-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-nav{flex-direction:row}.sidebar .nav-item{width:auto;padding:0 .6rem}.sidebar-foot .nav-item .nav-label,.demo-note,.version{display:none}.panel-tabs{border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:1fr 1fr;gap:.25rem;padding:.4rem .75rem;display:grid}.panel-tabs button{border-radius:var(--r-s);min-height:2.25rem;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;font-weight:500;display:flex}.panel-tabs svg{width:1rem;height:1rem}.panel-tabs button[aria-pressed=true]{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.count{background:var(--violet-strong);color:#fff;border-radius:999px;min-width:1.25rem;padding:0 .35rem;font-size:.6875rem;line-height:1.25rem}.panels{grid-template-columns:minmax(0,1fr)}.workspace[data-panel=editor] .mentor-panel,.workspace[data-panel=mentor] .editor-panel{display:none}.mentor-panel{border-left:0}.show-mentor{display:inline-flex}.keyboard-hint{display:none}}@media (width<=640px){.sidebar .sidebar-nav .nav-item .nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-toolbar{padding-inline:.75rem}.file-state{display:none}.segment span{padding-inline:.6rem}.toolbar-controls .button span:not(.visually-hidden){display:none}.toolbar-controls .button{padding:0 .6rem}.action-bar{padding:.6rem .75rem}.actions{flex-wrap:wrap;width:100%}.actions .button{flex:1;padding:0 .5rem}.action-status{justify-content:space-between;width:100%}.editor-footer{padding-inline:.75rem}.conversation{padding:1rem .75rem}.composer{padding-inline:.75rem}.mentor-header{padding-left:.75rem}}@media (width<=1100px){.practice-tabs{grid-template-columns:repeat(3,1fr)}.practice-panels{grid-template-columns:minmax(0,1fr)}.practice[data-panel=side] .practice-editor,.practice[data-panel=code] .practice-side{display:none}.practice-side{border-right:0}.side-switch{display:none}}@media (width<=640px){.filters label{flex:100%}.filters select{width:100%}.filter-count{margin-left:0}.practice-side-header{min-height:2.75rem;padding-inline:.75rem}.practice-scroll{padding:1rem .75rem 1.5rem}.practice-tabs button{font-size:.875rem}}@media (width<=1100px){.app{height:calc(100vh - var(--badge-h));height:calc(100dvh - var(--badge-h))}}@media (width>=1101px){.composer{padding-bottom:max(.875rem, calc(var(--badge-h) - 2.75rem))}.composer-help,.practice-editor .action-status{padding-right:var(--badge-w)}.practice-editor .editor-footer{padding-right:calc(1.25rem + var(--badge-w))}.guide-inner,.library-inner{padding-bottom:calc(4rem + var(--badge-h))}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}