@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#1f2933;background:#f6f7f9;font-synthesis:none;--bg: #f6f7f9;--surface: #fff;--surface-2: #f0f2f5;--ink: #202a35;--muted: #6d7785;--line: #dfe3e8;--accent: #e1623b;--accent-soft: #fff0ea;--code: #171a1f;--code-ink: #d6d9df;--shadow: 0 8px 28px rgba(31,42,51,.06)}:root[data-theme=dark]{--bg: #101317;--surface: #171b21;--surface-2: #20252d;--ink: #e8edf2;--muted: #8d98a7;--line: #2b323c;--accent: #f0825d;--accent-soft: #33251f;--code: #0e1116;--code-ink: #d6d9df;--shadow: 0 8px 28px rgba(0,0,0,.16)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:66px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--accent);color:#fff;border-radius:5px;font-family:DM Mono;font-size:14px}.muted-brand{color:var(--muted);font-weight:500}.top-actions{display:flex;align-items:center;gap:19px}.progress-label,.overline,.breadcrumb{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.icon-button,.menu-button,.close-mobile{background:none;border:0;display:grid;place-items:center;padding:7px;color:var(--muted)}.icon-button:hover{color:var(--ink)}.text-button{border:0;background:none;color:var(--muted);display:inline-flex;gap:5px;align-items:center;font-size:11px;padding:5px 0}.text-button:hover,.footer-about:hover{color:var(--accent)}.menu-button,.close-mobile{display:none}.layout{display:grid;grid-template-columns:256px minmax(390px,1fr) minmax(385px,470px);flex:1;min-height:calc(100vh - 66px)}.sidebar{border-right:1px solid var(--line);background:var(--surface);padding:30px 16px 20px;display:flex;flex-direction:column}.sidebar-head{padding:0 10px;display:flex;justify-content:space-between;align-items:flex-start}.sidebar h2,.practice-head h2{font-size:17px;margin:7px 0 0;letter-spacing:-.3px}.progress-track{height:3px;background:var(--surface-2);margin:26px 10px 19px;border-radius:2px;overflow:hidden}.progress-track span{height:100%;background:var(--accent);display:block;transition:width .3s}.lesson-list{overflow:auto}.lesson-item{display:flex;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:10px;gap:11px;color:var(--muted);border-radius:5px;font-size:13px}.lesson-item:hover{color:var(--ink);background:var(--surface-2)}.lesson-item.active{color:var(--accent);background:var(--accent-soft);font-weight:600}.lesson-number{font:10px DM Mono;opacity:.7;width:20px}.lesson-title{flex:1}.lesson-check{color:#47a66a}.reset-button{background:none;border:0;color:var(--muted);display:flex;gap:7px;align-items:center;font-size:11px;padding:15px 10px 3px;margin-top:auto}.reset-button:hover{color:var(--accent)}.module-switcher{display:grid;gap:5px;margin:22px 10px 0}.module-switcher button{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);text-align:left;padding:8px 9px;font-size:11px}.module-switcher button:hover,.module-switcher button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.lesson-goals{border:1px solid var(--line);border-radius:6px;background:var(--surface-2);padding:14px 16px;margin:0 0 30px;color:var(--muted);font-size:13px;line-height:1.65}.lesson-goals strong{color:var(--ink);font-size:12px}.lesson-goals ul{margin:8px 0 0;padding-left:18px}.main-content{padding:38px clamp(30px,5vw,80px)}.content-wrap{max-width:675px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:50px}.breadcrumb .current{color:var(--accent)}.lesson-content .eyebrow{color:var(--accent);font:11px DM Mono;letter-spacing:.12em;margin-bottom:14px}.lesson-content h1{margin:0;font-size:clamp(31px,3.2vw,44px);letter-spacing:-1.7px;line-height:1.05}.lead{color:var(--muted);font-size:17px;line-height:1.6;margin:15px 0 42px;max-width:580px}.lesson-content section{margin:0 0 27px}.lesson-content h3{font-size:15px;margin:0 0 7px}.lesson-content p:not(.lead){color:var(--muted);font-size:14px;line-height:1.75;margin:0}.code-example{background:var(--code);border-radius:7px;color:var(--code-ink);margin:33px 0 24px;overflow:hidden;box-shadow:var(--shadow)}.code-label{border-bottom:1px solid #2a3038;color:#8994a2;display:flex;gap:7px;align-items:center;padding:10px 15px;font:10px DM Mono;text-transform:uppercase;letter-spacing:.1em}.code-example pre{margin:0;padding:20px;font:13px/1.8 DM Mono;white-space:pre-wrap}.note{border-left:2px solid var(--accent);color:var(--muted);display:flex;gap:10px;font-size:13px;line-height:1.6;padding:8px 0 8px 15px;margin:25px 0}.note svg{color:var(--accent);flex:0 0 auto;margin-top:2px}.lesson-complete{margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.complete-button{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:10px 15px;font-size:12px;color:var(--muted)}.complete-button:hover,.complete-button.done{border-color:var(--accent);color:var(--accent)}.complete-button.done{display:inline-flex;gap:7px;align-items:center;background:var(--accent-soft)}.practice-panel{border-left:1px solid var(--line);background:var(--surface);padding:30px 22px}.practice-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.practice-icon{color:var(--accent);margin-top:6px}.practice-note,.practice-empty{color:var(--muted);font-size:12px;line-height:1.6;margin:-10px 0 18px}.practice-empty{margin:0;padding:14px;border:1px dashed var(--line);border-radius:6px}.practice-scroll{display:flex;flex-direction:column;gap:11px}.exercise{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.exercise.expanded{box-shadow:var(--shadow)}.exercise-summary{width:100%;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:11px;padding:14px 13px}.exercise-summary>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.exercise-summary strong{font-size:13px;font-weight:600}.exercise-summary small{color:var(--muted);font-size:10px}.exercise-index{font:10px DM Mono;color:var(--accent)}.success-icon{color:#47a66a}.exercise-body{border-top:1px solid var(--line);padding:14px}.exercise-body>p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 12px}.cm-editor{border:1px solid var(--line);font-size:12px}.cm-editor,.cm-scroller{border-radius:4px}.cm-focused{outline:1px solid var(--accent)!important}.exercise-actions{display:flex;align-items:center;gap:12px;margin-top:11px}.check-button{background:var(--accent);color:#fff;border:0;border-radius:4px;padding:8px 11px;font-size:11px;display:flex;gap:6px;align-items:center}.check-button:hover{filter:brightness(1.08)}.clear-button{border:0;background:none;color:var(--muted);font-size:11px}.result,.hint{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 10px;border-radius:4px;font-size:11px;line-height:1.4}.result.success{color:#398b58;background:#eaf7ee}.result.error{color:#b6533a;background:var(--accent-soft)}.hint{color:#ad7432;background:#fff7e6}.hint svg,.result svg{flex:0 0 auto;margin-top:1px}footer{min-height:48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:var(--muted);font-size:11px;position:relative}.module-toggle,.footer-about{background:none;border:0;color:var(--muted);display:flex;align-items:center;gap:5px;font-size:11px}.module-popover{position:absolute;bottom:41px;left:23px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:14px;border-radius:5px;display:flex;flex-direction:column;gap:6px;font-size:12px}.module-popover span{color:var(--accent);font:11px DM Mono}.module-popover small{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#080b0f9e;display:grid;place-items:center;padding:20px}.about-modal{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px #00000040;padding:23px}.about-modal-head{display:flex;align-items:center;justify-content:space-between}.about-modal h2{font-size:25px;letter-spacing:-.8px;margin:30px 0 12px}.about-modal p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 13px}.about-modal .about-detail{font:11px/1.7 DM Mono;color:var(--accent)}.about-modal a{color:var(--accent);font-size:12px;text-decoration:none}.about-modal a:hover{text-decoration:underline}@media(max-width:1050px){.layout{grid-template-columns:220px minmax(350px,1fr)}.practice-panel{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:25px 35px}.practice-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{padding:0 16px;height:60px}.progress-label,.text-button{display:none}.top-actions button.text-button:first-of-type{display:inline-flex;font-size:0;padding:7px}.menu-button{display:grid}.layout{display:block;min-height:calc(100vh - 60px)}.sidebar{position:fixed;z-index:10;inset:60px auto 0 0;width:280px;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.close-mobile{display:grid}.main-content{padding:27px 20px 38px}.breadcrumb{margin-bottom:34px}.lesson-content h1{font-size:34px}.lead{font-size:15px;margin-bottom:33px}.practice-panel{padding:25px 20px;border-top:1px solid var(--line)}.practice-scroll{display:flex}.practice-head{margin-bottom:19px}footer{padding:12px 16px;gap:10px;align-items:flex-start;flex-direction:column}}.practice-count{display:block;color:var(--accent);font:10px DM Mono;margin-top:8px}.practice-tools{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.refresh-button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--accent);padding:6px 8px;font-size:10px;white-space:nowrap}.refresh-button:hover{border-color:var(--accent)}html,body,#root{min-height:100%}.app-shell{height:100dvh;min-height:0;overflow:hidden}.layout,.sidebar{min-height:0;overflow:hidden}.sidebar-head,.module-switcher,.progress-track{flex:0 0 auto}.lesson-list{min-height:0;overflow-y:auto;padding-right:3px}.lesson-chapter{margin:16px 3px 6px;color:var(--accent);font:10px/1.45 DM Mono;letter-spacing:.04em}.lesson-chapter:first-child{margin-top:3px}.main-content,.practice-panel{min-width:0;min-height:0;overflow-y:auto}footer{flex:0 0 48px;background:var(--bg);z-index:2}.module-group{display:grid;gap:4px}.module-switcher>button,.module-group>button{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);text-align:left;padding:8px 9px;font-size:11px}.module-child{margin-left:12px;padding-left:10px!important;font-size:10px!important}.module-child span{color:var(--accent);margin-right:4px}.module-group.selected>button:first-child{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nav-section{display:grid;gap:4px;margin-bottom:13px}.nav-section-label{padding:0 3px 3px;color:var(--muted);font:10px DM Mono;letter-spacing:.08em;text-transform:uppercase}.nav-section>button{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);text-align:left;padding:8px 9px;font-size:11px}.nav-section>button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.nav-section>.module-child{margin-left:12px;padding-left:10px;font-size:10px}.nav-section>.module-child span{color:var(--accent);margin-right:4px}.sidebar-collapsed .nav-section-label{display:none}.sidebar-collapsed .nav-section>button{overflow:hidden;white-space:nowrap;text-align:center;padding-left:0;padding-right:0;font-size:0}.sidebar-collapsed .nav-section>.module-child{margin-left:0;padding-left:0}.sidebar-collapsed .nav-section>button:nth-of-type(1):before{content:"B";font:600 12px DM Mono}.sidebar-collapsed .nav-section>button:nth-of-type(2):before{content:"H";font:600 12px DM Mono}.sidebar-collapsed .nav-section:nth-child(2)>button:nth-of-type(1):before{content:"T"}.sidebar-collapsed .nav-section:nth-child(3)>button:nth-of-type(1):before{content:"C"}.sidebar-collapsed .nav-section:nth-child(3)>button:nth-of-type(2):before{content:"P"}.sidebar-collapsed .nav-section>button span{display:none}html{scrollbar-width:thin;scrollbar-color:#454d58 #15191f}*{scrollbar-width:thin;scrollbar-color:#454d58 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#454d58;border:2px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#606b79;border-width:1px}:root:not([data-theme=dark]){scrollbar-color:#b9c0c9 #f0f2f5}:root:not([data-theme=dark]) *{scrollbar-color:#aeb7c2 transparent}:root:not([data-theme=dark]) *::-webkit-scrollbar-thumb{background:#aeb7c2}.sidebar-toggle{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);padding:7px;border-radius:4px}.sidebar-toggle:hover{color:var(--accent);background:var(--surface-2)}.sidebar-head .sidebar-toggle{margin-left:auto}.sidebar-collapsed .layout{grid-template-columns:68px minmax(390px,1fr) minmax(385px,470px)}.sidebar-collapsed .sidebar{padding-left:8px;padding-right:8px}.sidebar-collapsed .sidebar-head{padding-left:0;padding-right:0;justify-content:center}.sidebar-collapsed .sidebar-head>div{display:none}.sidebar-collapsed .sidebar-head .sidebar-toggle{margin-left:0}.sidebar-collapsed .module-switcher{margin-left:0;margin-right:0}.sidebar-collapsed .module-switcher>button,.sidebar-collapsed .module-group>button{overflow:hidden;white-space:nowrap;text-align:center;padding-left:0;padding-right:0;font-size:0}.sidebar-collapsed .module-child{font-size:0!important}.sidebar-collapsed .module-switcher>button:first-child:before{content:"T";font:600 12px DM Mono}.sidebar-collapsed .module-group>button:first-child:before{content:"C";font:600 12px DM Mono}.sidebar-collapsed .module-child:before{content:"P";font:600 12px DM Mono}.sidebar-collapsed .module-child span{display:none}.sidebar-collapsed .progress-track{margin-left:5px;margin-right:5px}.sidebar-collapsed .lesson-item{justify-content:center;padding-left:4px;padding-right:4px}.sidebar-collapsed .lesson-chapter{overflow:hidden;height:1px;margin:9px 8px;color:transparent;background:var(--line)}.sidebar-collapsed .lesson-number{width:auto}.sidebar-collapsed .lesson-title,.sidebar-collapsed .lesson-check,.sidebar-collapsed .reset-button span{display:none}.sidebar-collapsed .reset-button{justify-content:center;padding-left:0;padding-right:0}@media(min-width:800px)and (max-width:1050px){.sidebar-collapsed .layout{grid-template-columns:68px minmax(300px,1fr) minmax(300px,34vw)}}@media(max-width:799px)and (min-width:721px){.sidebar-collapsed .layout{grid-template-columns:68px minmax(0,1fr)}}@media(max-width:720px){.sidebar-toggle{display:none}.sidebar-collapsed .layout{grid-template-columns:1fr}.sidebar-collapsed .sidebar{padding-left:16px;padding-right:16px}.sidebar-collapsed .sidebar-head>div,.sidebar-collapsed .lesson-title,.sidebar-collapsed .lesson-check,.sidebar-collapsed .reset-button span{display:block}.sidebar-collapsed .sidebar-head{justify-content:space-between}.sidebar-collapsed .module-switcher{margin-left:10px;margin-right:10px}.sidebar-collapsed .module-switcher>button,.sidebar-collapsed .module-group>button{text-align:left;padding-left:9px;padding-right:9px;font-size:11px}.sidebar-collapsed .module-child{font-size:10px!important}.sidebar-collapsed .module-switcher>button:first-child:before,.sidebar-collapsed .module-group>button:first-child:before,.sidebar-collapsed .module-child:before{content:none}.sidebar-collapsed .module-child span{display:inline}.sidebar-collapsed .lesson-item{justify-content:flex-start;padding-left:10px;padding-right:10px}}@media(max-width:1050px)and (min-width:721px){.layout{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(280px,44vh)}.sidebar{grid-column:1;grid-row:1 / span 2}.main-content{grid-column:2;grid-row:1}.practice-panel{grid-column:2;grid-row:2;max-height:none;border-left:0;border-top:1px solid var(--line);padding:25px 35px}.practice-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}footer{padding-left:18px;padding-right:18px}footer>span{display:none}}@media(min-width:800px)and (max-width:1050px){.layout{grid-template-columns:190px minmax(300px,1fr) minmax(300px,34vw);grid-template-rows:minmax(0,1fr)}.sidebar{grid-column:1;grid-row:1}.main-content{grid-column:2;grid-row:1;padding:30px 28px}.practice-panel{grid-column:3;grid-row:1;border-left:1px solid var(--line);border-top:0;padding:24px 16px}.practice-scroll{display:flex}}@media(min-width:1051px){.main-content,.practice-panel{scrollbar-gutter:stable}.practice-head{position:sticky;top:-30px;z-index:1;padding-top:30px;padding-bottom:16px;margin-bottom:10px;background:var(--surface)}}@media(max-width:720px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.layout{display:block;min-height:0;overflow:visible}.main-content,.practice-panel{overflow:visible}.practice-panel{border-left:0}.practice-head{position:static}}.feedback{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 10px;border-left:2px solid #47a66a;border-radius:4px;color:var(--muted);background:var(--surface-2);font-size:11px;line-height:1.5}.feedback svg{flex:0 0 auto;margin-top:1px;color:#47a66a}.walkthrough{margin-top:30px}.walkthrough-list{display:grid;gap:9px}.walkthrough-step{display:grid;grid-template-columns:minmax(130px,40%) 1fr;gap:13px;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}.walkthrough-step code{color:var(--accent);font:11px/1.6 DM Mono;white-space:pre-wrap;overflow-wrap:anywhere}.walkthrough-step p{font-size:12px!important;line-height:1.65!important}.checkpoint-box{margin-top:30px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.checkpoint-box h3{margin-bottom:9px}.checkpoint-box ol{margin:0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.7}.checkpoint-box li+li{margin-top:5px}.resource-box{margin:0 0 30px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2)}.resource-box h3{margin-bottom:10px}.resource-list{display:grid;gap:8px}.resource-list a{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);text-decoration:none}.resource-list a:hover{border-color:var(--accent)}.resource-list strong{color:var(--accent);font-size:12px}.resource-list span{color:var(--muted);font-size:11px;line-height:1.5}@media(max-width:720px){.walkthrough-step{grid-template-columns:1fr;gap:5px}}.exercise-editor{max-width:100%}.exercise-editor .cm-scroller{overscroll-behavior-x:contain}@media(max-width:720px){.exercise-body{padding:12px}.exercise-editor{font-size:11px}.exercise-editor .cm-content{padding-left:8px}.exercise-editor .cm-gutters{min-width:28px}.exercise-actions{flex-wrap:wrap}.check-button,.clear-button{min-height:36px}}.practice-toggle{display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--muted);padding:6px}.practice-toggle:hover{color:var(--accent);border-color:var(--accent)}.practice-title{min-width:0}.practice-collapsed .practice-panel{overflow:hidden}.practice-collapsed .practice-title,.practice-collapsed .practice-icon,.practice-collapsed .refresh-button,.practice-collapsed .practice-note,.practice-collapsed .practice-scroll{display:none}.practice-collapsed .practice-panel .practice-head{margin:0;align-items:center;justify-content:center}.practice-collapsed .practice-tools{gap:0}@media(min-width:1051px){.app-shell.practice-collapsed .layout{grid-template-columns:256px minmax(390px,1fr) 58px}.app-shell.sidebar-collapsed.practice-collapsed .layout{grid-template-columns:68px minmax(390px,1fr) 58px}.practice-collapsed .practice-panel{padding:16px 8px}.practice-collapsed .practice-head{position:static;padding:0}}@media(min-width:800px)and (max-width:1050px){.app-shell.practice-collapsed .layout{grid-template-columns:190px minmax(300px,1fr) 58px}.app-shell.sidebar-collapsed.practice-collapsed .layout{grid-template-columns:68px minmax(300px,1fr) 58px}.practice-collapsed .practice-panel{grid-column:3;padding:16px 8px;border-left:1px solid var(--line);border-top:0}.practice-collapsed .practice-head{position:static;padding:0}}@media(max-width:799px)and (min-width:721px){.app-shell.practice-collapsed .layout{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 58px}.app-shell.sidebar-collapsed.practice-collapsed .layout{grid-template-columns:68px minmax(0,1fr)}.practice-collapsed .practice-panel{grid-column:2;grid-row:2;padding:8px 16px}.practice-collapsed .practice-head{position:static;padding:0}}@media(max-width:720px){.practice-collapsed .practice-panel{padding:0 20px;min-height:56px;max-height:56px}.practice-collapsed .practice-head{min-height:56px}}.markdown-content{color:var(--muted);font-size:14px;line-height:1.8}.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--ink);margin:42px 0 12px;line-height:1.3}.markdown-content h2{font-size:22px;letter-spacing:-.4px}.markdown-content h3{font-size:17px}.markdown-content h4{font-size:15px}.markdown-content p{margin:0 0 17px!important}.markdown-content ul,.markdown-content ol{margin:0 0 20px;padding-left:22px}.markdown-content li+li{margin-top:5px}.markdown-content code{font:.92em DM Mono;color:var(--accent);background:var(--surface-2);padding:1px 4px;border-radius:3px}.markdown-content pre{margin:22px 0;padding:18px;overflow-x:auto;border-radius:7px;color:var(--code-ink);background:var(--code);box-shadow:var(--shadow)}.markdown-content pre code{padding:0;color:inherit;background:transparent;font:13px/1.8 DM Mono}.markdown-code{position:relative}.markdown-code pre{margin:22px 0}.markdown-code button{position:absolute;top:30px;right:9px;z-index:1;border:1px solid #46505d;border-radius:4px;padding:4px 8px;color:#c9d2dc;background:#20262e;font:10px DM Mono}.markdown-code button:hover{border-color:var(--accent);color:#fff}.markdown-content hr{border:0;border-top:1px solid var(--line);margin:34px 0}.markdown-table-wrap{overflow-x:auto;margin:20px 0}.markdown-content table{width:100%;border-collapse:collapse;font-size:13px}.markdown-content th,.markdown-content td{border:1px solid var(--line);padding:8px 10px;text-align:left}.markdown-content th{color:var(--ink);background:var(--surface-2)}