:root{--bg:#f7f6f2;--surface:#fff;--surface-2:#f0eee7;--ink:#1d1c1a;--ink-2:#3c3a36;--muted:#6e6a60;--line:#e2dfd5;--line-strong:#cfcbbe;--accent:#b02e0c;--accent-ink:#fff;--accent-soft:#fbe9e3;--accent-hover:#8f240a;--prog:#b45309;--prog-soft:#fdf3e1;--ok:#15803d;--ok-soft:#e6f6ec;--err:#b42318;--err-soft:#fdecea;--warn:#92600a;--warn-soft:#fff6dd;--shadow:0 1px 2px #1e190a0f, 0 4px 16px #1e190a0d;--syn-comment:#8a8578;--syn-var:#b4235a;--syn-atom:#1d1c1a;--syn-number:#0b7a6b;--syn-string:#a14a00;--syn-op:#b02e0c;--step-resolve:#6a3fc4;--syn-builtin:#2457c5;--syn-bracket:#6e6a60;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius:12px;--topbar-h:56px;--sidebar-w:300px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#121214;--surface:#1a1a1f;--surface-2:#232329;--ink:#ecebe6;--ink-2:#cdcbc4;--muted:#9b988f;--line:#2c2c34;--line-strong:#3d3d48;--accent:#b02e0c;--accent-ink:#fff;--accent-soft:#3a1a12;--accent-hover:#c93a15;--prog:#f0b45a;--prog-soft:#2a2114;--ok:#5fd08a;--ok-soft:#142a1c;--err:#ff8d82;--err-soft:#3a1b19;--warn:#f0c466;--warn-soft:#2e2512;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--syn-comment:#7f7c73;--syn-var:#ff8bb4;--syn-atom:#ecebe6;--syn-number:#6fe0cc;--syn-string:#f0b45a;--syn-op:#a99bff;--step-resolve:#b79cff;--syn-builtin:#7fb0ff;--syn-bracket:#9b988f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121214;--surface:#1a1a1f;--surface-2:#232329;--ink:#ecebe6;--ink-2:#cdcbc4;--muted:#9b988f;--line:#2c2c34;--line-strong:#3d3d48;--accent:#b02e0c;--accent-ink:#fff;--accent-soft:#3a1a12;--accent-hover:#c93a15;--prog:#f0b45a;--prog-soft:#2a2114;--ok:#5fd08a;--ok-soft:#142a1c;--err:#ff8d82;--err-soft:#3a1b19;--warn:#f0c466;--warn-soft:#2e2512;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d;--syn-comment:#7f7c73;--syn-var:#ff8bb4;--syn-atom:#ecebe6;--syn-number:#6fe0cc;--syn-string:#f0b45a;--syn-op:#a99bff;--step-resolve:#b79cff;--syn-builtin:#7fb0ff;--syn-bracket:#9b988f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar-h) + 12px)}body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:var(--accent)}button{font:inherit;color:inherit}code,pre,kbd{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}main:focus{outline:none}body.nav-open{overflow:hidden}.btn{border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary.busy{background:var(--err);border-color:var(--err);color:var(--bg)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{min-height:34px;padding:4px 12px;font-size:13px}.btn-lg{border-radius:12px;min-height:48px;padding:10px 22px;font-size:16px}.icon-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.topbar{z-index:30;height:var(--topbar-h);padding:0 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.logo{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);font:700 15px var(--mono);border-radius:9px;place-items:center;display:grid}.spacer{flex:1}.menu-btn{display:none}@keyframes pulse{50%{opacity:.3}}.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);align-items:start;display:grid}.sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));border-right:1px solid var(--line);overscroll-behavior:contain;padding:20px 14px 40px 16px;position:sticky;overflow-y:auto}.scrim{display:none}main{min-width:0;padding:32px clamp(16px,4vw,48px) 96px}#view{max-width:820px;margin:0 auto}.progress{margin:0 8px 18px}.progress-text{color:var(--muted);margin-bottom:8px;font-size:13px}.progress-text strong{color:var(--ink)}.progress-bar{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.nav-group{margin-bottom:18px}.nav-part{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 6px;font-size:11.5px;font-weight:700}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar a{color:var(--ink-2);border-radius:9px;align-items:center;gap:10px;padding:7px 8px;font-size:14.5px;line-height:1.35;text-decoration:none;display:flex}.sidebar a:hover{background:var(--surface-2)}.sidebar a.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.nav-num{border:1px solid var(--line-strong);width:24px;height:24px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:11.5px;font-weight:700;display:grid}.nav-num.alt{font-family:var(--mono);border-radius:7px}.nav-num.is-done{background:var(--ok);border-color:var(--ok);color:var(--bg)}.sidebar a.active .nav-num{border-color:var(--accent);color:var(--accent)}.sidebar a.active .nav-num.is-done{color:var(--bg)}.hero{padding:8px 0 24px}.hero-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.03em;margin:8px 0 14px;font-size:clamp(34px,6vw,56px);line-height:1.05}.hero .hl{background:linear-gradient(transparent 62%, var(--accent-soft) 62%);margin:0 -4px;padding:0 4px}.hero-lede{max-width:62ch;color:var(--ink-2);margin:0 0 24px;font-size:clamp(17px,2.2vw,19px)}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-points{color:var(--muted);flex-wrap:wrap;gap:8px 24px;margin:28px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.hero-points li:before{content:"→ ";color:var(--accent)}.hero-points strong{color:var(--ink)}.hero-code{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin:32px 0 0;padding:18px 20px;font-size:14px;line-height:1.7;overflow-x:auto}.hero-code .c{color:var(--syn-comment);font-style:italic}.hero-code .a{color:var(--syn-builtin)}.hero-code .o{color:var(--syn-op);font-weight:700}.hero-code .r{color:var(--ok);font-weight:700}.curriculum{margin-top:44px}.curriculum h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:700}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.card-num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.card.is-done .card-num{background:var(--ok);color:var(--bg)}.card-body{gap:2px;min-width:0;display:grid}.card-title{font-weight:650}.card-sum{color:var(--muted);font-size:14px;line-height:1.45}.lesson-head{margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;font-weight:700}.lesson-head h1{letter-spacing:-.025em;margin:6px 0 8px;font-size:clamp(28px,4.5vw,40px);line-height:1.12}.lede{color:var(--muted);margin:0 0 16px;font-size:18px}.lesson-tools,.chips,.add-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}.chip:hover{border-color:var(--accent);color:var(--accent)}.add-row{margin-top:24px}.notebook{flex-direction:column;gap:16px;display:flex}.prose{color:var(--ink-2)}.prose>:first-child{margin-top:0}.prose p{margin:0 0 14px}.prose h2{color:var(--ink);letter-spacing:-.015em;margin:28px 0 10px;font-size:22px;line-height:1.25}.prose h3{color:var(--ink);margin:24px 0 8px;font-size:17px}.prose ul,.prose ol{margin:0 0 14px;padding-left:1.4em}.prose li{margin:4px 0}.prose strong{color:var(--ink)}.prose code{background:var(--surface-2);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.88em}.prose .static-code{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0 0 16px;padding:14px 16px;font-size:13.5px;line-height:1.6;overflow-x:auto}.prose .static-code code{font-size:inherit;background:0 0;padding:0}.table-wrap{margin:0 0 16px;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px}.prose th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;font-weight:700}.callout{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0 0 16px;padding:12px 16px}.callout>:last-child{margin-bottom:0}.callout-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11.5px;font-weight:800;display:block}.callout-warn{background:var(--warn-soft)}.callout-warn .callout-label{color:var(--warn)}.callout-try .callout-label{color:var(--ok)}.callout-tip .callout-label{color:var(--prog)}.cell{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.cell-head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 18px;display:flex}.cell-label{align-items:center;gap:10px;min-width:0;display:flex}.cell-kind{color:var(--prog);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:800}.cell-kind.exercise{color:var(--ok)}.cell-title{color:var(--muted);font:500 13px var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prompt{color:var(--accent);font:800 15px var(--mono)}.query-row{align-items:flex-start;gap:4px;padding:4px 8px 4px 0;display:flex}.query-row .prompt{flex:none;padding:11px 0 0 16px;line-height:1.6}.query-row .editor{background:0 0;flex:1;min-width:0;padding-left:0}.query-row .cell-actions{flex:none;padding-top:5px}.cell-actions{align-items:center;gap:4px;display:flex}.cell .editor{min-height:40px;padding-left:4px}.cell .cm-editor{max-width:100%}.badge-done{background:var(--ok-soft);color:var(--ok);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}.out{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));padding:12px 16px 10px 18px;font-size:14px}.out-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.stdout{background:var(--surface);border:1px dashed var(--line-strong);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:13.5px;line-height:1.55;overflow-x:auto}.answers{gap:4px;margin:0;padding:0;list-style:none;display:grid}.answers li{align-items:baseline;gap:10px;display:flex}.answers .n{min-width:22px;color:var(--muted);font:600 12px var(--mono);text-align:right;flex:none}.answers.single .n{display:none}.answers code,.answer code{color:var(--ok);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:600}.answer.false code{color:var(--err)}.answer .hint{color:var(--muted);margin-left:10px;font-size:12.5px}.more{color:var(--muted);margin-top:8px;font-size:13px}.meta{color:var(--muted);text-align:right;margin-top:8px;font-size:11.5px}.ok-line{color:var(--ok);align-items:center;gap:8px;font-weight:600;display:flex}.ok-line .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.err,.warn{border-radius:8px;gap:2px;margin-bottom:8px;padding:10px 12px;font-size:13.5px;display:grid}.err{background:var(--err-soft);color:var(--err)}.warn{background:var(--warn-soft);color:var(--warn)}.err span,.warn span{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:13px}.err strong,.warn strong{letter-spacing:.08em;text-transform:uppercase;font-size:11px}.exercise-prompt{padding:14px 18px 4px}.exercise-prompt p:last-child{margin-bottom:8px}.exercise-bar{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px 14px 12px 18px;display:flex}.exercise-hint{margin:0 14px 12px 18px}.exercise-solution{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0 14px 12px 18px;overflow:hidden}.exercise-solution .out-label{padding:8px 12px 0}.test-summary{margin-bottom:8px;font-weight:700}.test-summary.pass{color:var(--ok)}.test-summary.fail{color:var(--err)}.tests{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tests li{gap:10px;display:flex}.tests .mark{flex:none;width:18px;font-weight:800}.tests li.pass .mark{color:var(--ok)}.tests li.fail .mark{color:var(--err)}.tests code{overflow-wrap:anywhere;font-size:13px}.test-detail{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.lesson-foot{border-top:1px solid var(--line);gap:16px;margin-top:48px;padding-top:24px;display:grid}.pager{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.pager .btn{max-width:100%}.pager .btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){:root{--sidebar-w:min(86vw, 330px)}.layout{display:block}.menu-btn{display:inline-grid}.sidebar{top:var(--topbar-h);z-index:40;width:var(--sidebar-w);background:var(--bg);height:auto;box-shadow:var(--shadow);padding-bottom:max(40px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-102%)}body.nav-open .sidebar{transform:none}.scrim{inset:var(--topbar-h) 0 0;z-index:35;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed}body.nav-open .scrim{opacity:1;pointer-events:auto}main{padding:20px 14px 72px;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.sidebar a{padding:10px 8px}}@media (width<=560px){.brand-text{display:none}.lede{font-size:16.5px}.cell-head{padding-left:16px}.cell-actions .btn span{display:inline}.btn{min-height:44px}.btn-sm{min-height:38px}.icon-btn{width:44px;height:44px}.pager{flex-direction:column-reverse}.pager .btn{justify-content:space-between;width:100%}.hero-cta .btn{flex:100%}.answers li{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[hidden]{display:none!important}.credit{border-top:1px solid var(--line);color:var(--muted);margin:24px 0 0;padding:16px 8px 0;font-size:13px;line-height:1.7}.credit a{font-size:inherit;line-height:inherit;color:var(--ink-2);text-underline-offset:2px;background:0 0;padding:0;text-decoration:underline;display:inline}.credit a:hover{color:var(--accent)}.gh-btn{place-items:center;display:inline-grid}.brand-ez{color:var(--accent)}.btn-step.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn-step.busy{opacity:.6;pointer-events:none}.stepper{--k:var(--muted);border-top:1px solid var(--line);background:var(--surface);padding:12px 16px 12px 18px;font-size:14px}.stepper:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.st-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.st-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.st-count{color:var(--ink-2);font:600 13px var(--mono);flex:1}.st-ctl{align-items:center;gap:2px;display:flex}.st-ctl .icon-btn:disabled,.st-ctl .btn:disabled{opacity:.35;cursor:default}.st-track{flex-wrap:wrap;gap:4px;margin:10px 0 12px;display:flex}.st-dot{border:2px solid var(--k,var(--muted));cursor:pointer;opacity:.55;background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.st-dot.past{background:var(--k,var(--muted));opacity:.8}.st-dot.on{background:var(--k,var(--muted));opacity:1;transform:scale(1.35)}.k-start{--k:var(--muted)}.k-call{--k:var(--step-resolve)}.k-builtin{--k:var(--syn-builtin)}.k-control{--k:var(--muted)}.k-fail,.k-error{--k:var(--err)}.k-backtrack{--k:var(--warn)}.k-cut{--k:var(--prog)}.k-solution{--k:var(--ok)}.k-end{--k:var(--muted)}.st-body{background:color-mix(in srgb, var(--k,var(--muted)) 7%, var(--surface));border-radius:8px;padding:10px 12px}.st-what{margin:0 0 8px;line-height:1.7}.st-chip{background:var(--k,var(--muted));color:var(--surface);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-right:10px;padding:1px 9px;font-size:11.5px;font-weight:800;line-height:1.4;display:inline-block}.st-grid{gap:6px;margin:0;display:grid}.st-row{grid-template-columns:11.5em minmax(0,1fr);align-items:baseline;gap:2px 12px;display:grid}.st-row dt{color:var(--muted);font-size:12px;font-weight:700}.st-row dd{min-width:0;margin:0}.st-row code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}.st-empty{color:var(--muted);font-style:italic}.st-subst{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.st-subst li code{color:var(--ok);font-weight:600}.st-subst .unbound{color:var(--muted)}.st-subst .unbound code{color:var(--ink-2);font-weight:600}.st-subst .unbound span{font-size:12px}.st-foot{color:var(--muted);margin:10px 0 0;font-size:12.5px}@media (width<=560px){.st-row{grid-template-columns:1fr}.stepper{flex-direction:column;display:flex}.st-bar{display:contents}.st-title{order:0}.st-count{flex:none;order:1;margin-top:2px}.st-track{order:2}.st-body{order:3}.st-ctl{order:4;justify-content:center;gap:6px;margin-top:12px}.st-foot{order:5}}.search-host{flex:0 300px;min-width:0;max-width:300px;margin-right:4px}.search{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:11px}.search-input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:36px;color:var(--ink);font:inherit;appearance:none;border-radius:10px;padding:0 38px 0 36px;font-size:14.5px}.search-input::-webkit-search-cancel-button{display:none}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-kbd{border:1px solid var(--line-strong);color:var(--muted);font:600 12px/18px var(--mono);pointer-events:none;border-radius:6px;padding:0 6px;position:absolute;right:9px}.search-input:focus~.search-kbd,.search-input:not(:placeholder-shown)~.search-kbd{display:none}.search-results{z-index:50;border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;width:min(620px,100vw - 24px);max-height:min(70vh,560px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 40px #00000038}.search-group+.search-group{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.search-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:10px;width:100%;padding:7px 10px;display:flex}.search-item.active{background:var(--accent-soft)}.search-item.lesson{justify-content:space-between;font-size:14.5px}.search-part{color:var(--muted);flex:none;font-size:12px}.search-item.hit{color:var(--ink-2);padding-left:18px;font-size:13.5px}.search-kind{min-width:62px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:11px;font-weight:700}.search-snip{overflow-wrap:anywhere;min-width:0;line-height:1.45}.search-snip mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit;border-radius:3px;padding:0 1px}.search-empty{color:var(--muted);padding:14px 12px}.search-hit{animation:2.2s ease-out search-flash}@keyframes search-flash{0%,35%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:0 0 0 3px #0000}}@media (width<=700px){.search-host{flex:auto;max-width:none;margin-left:4px}.search-kbd{display:none}.search-results{top:calc(var(--topbar-h) + 4px);width:auto;position:fixed;left:12px;right:12px}.topbar .spacer{display:none}}