.practice-workspace{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-code:var(--font-jetbrains-mono),"SFMono-Regular",Consolas,monospace;font-family:var(--font-body);--practice-paper:#fffefa;--practice-sidebar:#f7f6f2;--practice-code:#eeefe9;--practice-code-line:#dfe1d7;--practice-ink:#262722;--practice-muted:#73756b;--practice-line:#e7e7df;--practice-accent:#bb4c28;--practice-selected:#f5eae1;color:var(--practice-ink);max-width:1360px;margin:0 auto;padding:96px 32px 48px}.dark .practice-workspace{--practice-paper:#191b19;--practice-sidebar:#151715;--practice-code:#151815;--practice-code-line:#2b3029;--practice-ink:#e8ebe3;--practice-muted:#a0a79a;--practice-line:#30362e;--practice-accent:#eda17f;--practice-selected:#352a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.practice-shell{border:1px solid var(--practice-line);background:var(--practice-paper);border-radius:14px;grid-template-columns:258px minmax(0,1fr);min-height:calc(100svh - 144px);display:grid}.practice-workspace :is(a,button,input,summary):focus-visible{outline:2px solid var(--practice-accent);outline-offset:4px;border-radius:4px}.practice-skip-link{z-index:70;background:var(--practice-paper);padding:8px 16px;position:fixed;top:72px;left:32px;transform:translateY(-180px)}.practice-skip-link:focus{transform:translateY(0)}.practice-sidebar{scrollbar-width:thin;scrollbar-color:var(--practice-line)transparent;background:var(--practice-sidebar);border-right:1px solid var(--practice-line);border-radius:14px 0 0 14px;align-self:start;max-height:calc(100svh - 100px);padding:28px 18px;position:sticky;top:84px;overflow-y:auto}.practice-sidebar-heading{padding:0 10px}.practice-identity{align-items:center;gap:10px;display:flex}.practice-identity svg{color:var(--practice-accent)}.practice-identity h1{font:600 19px/1.5 var(--font-body);letter-spacing:-.025em}.practice-sidebar-heading p{color:var(--practice-muted);margin-top:7px;font-size:12px}.practice-collections{border:1px solid var(--practice-line);border-radius:8px;gap:3px;margin:25px 0 22px;padding:4px;display:flex}.practice-collections a{text-align:center;color:var(--practice-muted);border-radius:5px;flex:1;font-size:13px;line-height:32px;transition:background-color .15s,color .15s}.practice-collections a:hover{color:var(--practice-ink)}.practice-collections a[aria-current]{background:var(--practice-paper);color:var(--practice-ink);font-weight:600;box-shadow:0 1px 3px #0000000c}.practice-search{border:1px solid var(--practice-line);background:var(--practice-paper);color:var(--practice-muted);border-radius:7px;align-items:center;gap:8px;padding:9px 10px;display:flex}.practice-search input{width:100%;min-width:0;font:12px/1.6 var(--font-body);color:var(--practice-ink);background:0 0;outline:none}.practice-search:focus-within{border-color:var(--practice-accent)}.practice-search input::-webkit-search-cancel-button{display:none}.practice-search button{padding:2px}.practice-directory-label{color:var(--practice-muted);justify-content:space-between;margin:26px 10px 10px;font-size:11px;display:flex}.practice-groups{gap:5px;display:grid}.practice-group summary{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:11px 9px;font-size:13px;font-weight:550;list-style:none;display:flex}.practice-group summary::-webkit-details-marker{display:none}.practice-group summary:hover{background:var(--practice-line)}.practice-group summary>svg{color:var(--practice-muted);transform:rotate(-90deg)}.practice-group[open] summary>svg{transform:rotate(0)}.practice-count{font:11px var(--font-code);color:var(--practice-muted);margin-left:auto}.practice-group ul{gap:3px;padding:0 0 10px;display:grid}.practice-group li a{color:var(--practice-muted);overflow-wrap:anywhere;border-radius:6px;align-items:baseline;gap:10px;padding:10px 10px 10px 19px;font-size:12px;line-height:1.6;display:flex}.practice-group li a:hover{color:var(--practice-ink);background:var(--practice-line)}.practice-group li a[aria-current]{color:var(--practice-accent);background:var(--practice-selected);font-weight:600}.practice-item-dot{opacity:.4;background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:block;transform:translateY(-2px)}.practice-group li a[aria-current] .practice-item-dot{opacity:1}.practice-directory-toggle{display:none}.practice-empty{color:var(--practice-muted);padding:16px 8px;font-size:13px;line-height:1.8}.practice-content{min-width:0;padding:38px clamp(24px,3.2vw,48px) 34px}.practice-entry{max-width:900px;margin:auto}.practice-entry-header{margin-bottom:32px}.practice-entry-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}.practice-breadcrumb{color:var(--practice-muted);align-items:center;gap:12px;font-size:12px;display:flex}.practice-breadcrumb span{opacity:.4}.practice-source-link{color:var(--practice-muted);flex-shrink:0;align-items:center;gap:3px;font-size:12px;display:inline-flex}.practice-source-link:hover{color:var(--practice-accent)}.practice-entry-header h2{font:600 clamp(24px,2.4vw,32px)/1.4 var(--font-body);letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}.practice-meta{color:var(--practice-muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px;font-size:12px;display:flex}.practice-meta .practice-difficulty{background:var(--practice-sidebar);color:var(--practice-ink);border-radius:4px;padding:3px 8px}.practice-meta time{margin-left:auto;font-size:11px}.practice-section{min-width:0}.practice-section-title{font:600 14px/1.7 var(--font-body);color:var(--practice-ink);margin-bottom:14px}.practice-note{border-top:1px solid var(--practice-line);margin-top:36px;padding-top:26px}.practice-work-sections{gap:32px;display:grid}.practice-workspace figure[data-rehype-pretty-code-figure]{border:1px solid var(--practice-code-line);box-shadow:none;border-radius:9px;margin:0}.practice-workspace figure[data-rehype-pretty-code-figure]:before{display:none}.practice-workspace figure.practice-code-block{background:var(--practice-code)}.practice-code-caption{border-bottom:1px solid var(--practice-code-line);height:45px;color:var(--practice-muted);font:11px var(--font-code);align-items:center;gap:12px;padding:0 18px;display:flex}.practice-code-caption span+span{font-family:var(--font-body);opacity:.8}.practice-workspace figure.practice-code-block pre{border-radius:0;padding:22px 20px}.practice-workspace figure.practice-code-block pre>code{color:var(--shiki-light);font-size:14px;line-height:1.95;display:grid}.practice-code-block .line{min-height:1.95em}.practice-code-block span{color:var(--shiki-light)}.dark .practice-code-block span,.dark .practice-workspace figure.practice-code-block pre>code{color:var(--shiki-dark)}.practice-workspace .code-copy-btn{opacity:1;top:10px;right:12px}.practice-workspace .practice-copy-button{width:auto;height:26px;color:var(--practice-muted);font:11px var(--font-body);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.practice-workspace .practice-copy-button:hover{background:var(--practice-line);color:var(--practice-ink)}.practice-adjacent{border-top:1px solid var(--practice-line);grid-template-columns:1fr 1fr;gap:24px;margin-top:38px;padding-top:22px;display:grid}.practice-adjacent a{min-width:0;display:block}.practice-adjacent-label{color:var(--practice-muted);margin-bottom:9px;font-size:11px;display:block}.practice-adjacent-title{overflow-wrap:anywhere;font-size:13px;line-height:1.6;display:block}.practice-adjacent a:hover .practice-adjacent-title{color:var(--practice-accent)}.practice-adjacent-next{text-align:right}@media (min-width:1440px){.practice-workspace figure.practice-code-block pre>code{font-size:15px}}@media (max-width:900px){.practice-workspace{padding:84px 16px 28px}.practice-shell{grid-template-columns:222px minmax(0,1fr)}.practice-sidebar{padding:24px 12px}.practice-content{padding:28px 24px}}@media (max-width:700px){.practice-workspace{padding:76px 12px 24px}.practice-shell{border-radius:10px;display:block}.practice-sidebar{border-right:0;border-bottom:1px solid var(--practice-line);border-radius:10px 10px 0 0;max-height:none;padding:20px 18px 0;position:static}.practice-sidebar-heading{padding:0}.practice-sidebar-heading p{margin-top:3px}.practice-collections{margin:18px 0 8px}.practice-directory-toggle{width:100%;color:var(--practice-muted);font:12px var(--font-body);justify-content:space-between;align-items:center;padding:13px 2px;display:flex}.practice-directory-toggle>span{align-items:center;gap:10px;display:flex}.practice-directory-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.practice-directory{display:none}.practice-directory.is-open{padding:6px 0 18px;display:block}.practice-groups{max-height:45svh;overflow-y:auto}.practice-content{padding:24px 18px}.practice-entry-topline{margin-bottom:20px}.practice-meta{gap:10px}.practice-meta time{font-size:10px}.practice-entry-header{margin-bottom:26px}.practice-workspace figure.practice-code-block pre{padding:16px 14px}.practice-workspace figure.practice-code-block pre>code{font-size:13px}.practice-adjacent{gap:20px}}.practice-workspace figure[data-rehype-pretty-code-figure]:not(.practice-code-block){background:var(--practice-code);margin:20px 0}.practice-workspace figure[data-rehype-pretty-code-figure]:not(.practice-code-block) pre{padding:40px 18px 18px}.practice-workspace figure[data-rehype-pretty-code-figure] code{background:0 0;border:0;border-radius:0}.practice-workspace [data-rehype-pretty-code-figure] [data-theme]{color:var(--shiki-light)}.dark .practice-workspace [data-rehype-pretty-code-figure] [data-theme]{color:var(--shiki-dark)}.practice-workspace [data-rehype-pretty-code-figure] span[style*=--shiki-light]{color:var(--shiki-light)}.dark .practice-workspace [data-rehype-pretty-code-figure] span[style*=--shiki-dark]{color:var(--shiki-dark)}@media (min-width:901px){.practice-shell{background:linear-gradient(90deg,var(--practice-sidebar)258px,var(--practice-paper)258px)}}@media (min-width:701px) and (max-width:900px){.practice-shell{background:linear-gradient(90deg,var(--practice-sidebar)222px,var(--practice-paper)222px)}}