:root{--font-serif: Gentium, ChillKai, Baskerville, New York, Georgia, Noto Serif CJK, STFangsong, STSong, Songti SC, serif;--font-sans-serif: system-ui, sans-serif;--font-mono: "SF Mono", "Maple Mono NF CN Local", "Maple Mono NF CN", Monaco, Consolas, monospace;--font-handwriting: "Bradley Hand", "homemade-apple", XingKai SC, cursive;--article-font-size: 1rem;--article-font-family: var(--font-sans-serif);--article-line-height: 1.7;--article-font-weight: 400;--article-bold-font-weight: 700;--article-max-width: 50em;--spacing: .25rem;--radius: 12px;--navbar-height: 3.5rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--scroll-reveal-duration: .5s;--scroll-reveal-distance: 8px;&[data-article-font-size=small]{--article-font-size: .875rem}&[data-article-font-size=medium-small]{--article-font-size: .9375rem}&[data-article-font-size=medium-large]{--article-font-size: 1.0625rem}&[data-article-font-size=large]{--article-font-size: 1.125rem}&[data-article-font-family=sans-serif]{--article-font-family: var(--font-sans-serif)}&[data-article-font-family=serif]{--article-font-family: var(--font-serif)}&[data-article-font-family=mono]{--article-font-family: var(--font-mono)}&[data-article-font-family=handwriting]{--article-font-family: var(--font-handwriting)}&[data-article-font-weight=light]{--article-font-weight: 300}&[data-article-font-weight=medium]{--article-font-weight: 500}&[data-article-width=narrow]{--article-max-width: 42em}&[data-article-width=medium-narrow]{--article-max-width: 46em}&[data-article-width=medium-wide]{--article-max-width: 56em}&[data-article-width=wide]{--article-max-width: 64em}&[data-article-spacing=compact]{--spacing: .1875rem}&[data-article-spacing=relaxed]{--spacing: .3125rem}}:where([data-theme]){--subtext1: color-mix(in oklch, var(--text) 90%, var(--base));--subtext0: color-mix(in oklch, var(--text) 80%, var(--base));--surface0: color-mix(in oklch, var(--base) 80%, var(--text));--surface1: color-mix(in oklch, var(--base) 78%, var(--text));--surface2: color-mix(in oklch, var(--base) 67%, var(--text));--overlay0: color-mix(in oklch, var(--base) 56%, var(--text));--overlay1: color-mix(in oklch, var(--base) 45%, var(--text));--overlay2: color-mix(in oklch, var(--base) 34%, var(--text));--display-weight: 100;&:where([data-theme=latte]){color-scheme:light;--rosewater: #dc8a78;--flamingo: #dd7878;--pink: #ea76cb;--mauve: #8839ef;--red: #d20f39;--maroon: #e64553;--peach: #fe640b;--yellow: #df8e1d;--green: #40a02b;--teal: #179299;--sky: #04a5e5;--sapphire: #209fb5;--blue: #1e66f5;--lavender: #7287fd;--text: #4c4f69;--base: #eff1f5;--mantle: #e6e9ef;--crust: #dce0e8}&:where([data-theme=rose_pine]){color-scheme:dark;--display-weight: 200;--rosewater: #f6c177;--flamingo: #f2cdcd;--pink: #ebbcba;--mauve: #c4a7e7;--red: #eb6f92;--maroon: #ea9a97;--peach: #f2cdcd;--yellow: #f6c177;--green: #9ccfd8;--teal: #31748f;--sky: #9ccfd8;--sapphire: #31748f;--blue: #9ccfd8;--lavender: #c4a7e7;--text: #e0def4;--base: #191726;--mantle: #161422;--crust: #11111b}&:where([data-theme=nord]){color-scheme:light;--rosewater: #bf616a;--flamingo: #d08770;--pink: #b48ead;--mauve: #b48ead;--red: #bf616a;--maroon: #bf616a;--peach: #d08770;--yellow: #ebcb8b;--green: #a3be8c;--teal: #8fbcbb;--sky: #81a1c1;--sapphire: #5e81ac;--blue: #81a1c1;--lavender: #5e81ac;--text: #4c566a;--base: #eceff4;--mantle: #e5e9f0;--crust: #d8dee9}&:where([data-theme=sunny]){color-scheme:light;--rosewater: #c98a5f;--flamingo: #d98b6e;--pink: #cf5d83;--mauve: #9a5fa0;--red: #c33b2b;--maroon: #a64a3c;--peach: #df7a18;--yellow: #cf971a;--green: #5f8a37;--teal: #2f8a78;--sky: #3f9fc4;--sapphire: #2f7a9b;--blue: #2f5fa0;--lavender: #7a64b0;--text: #463a28;--base: #fbf7ef;--mantle: #f3eee2;--crust: #e7decb;--gnix-sun: #ffce7a}&:where([data-theme=song_ci]){color-scheme:light;--rosewater: #d8a48f;--flamingo: #c87363;--pink: #c04851;--mauve: #7f5a83;--red: #b13a2e;--maroon: #9a3f3f;--peach: #d68a3a;--yellow: #c99a2e;--green: #5f8f6f;--teal: #2f7d73;--sky: #73a6a1;--sapphire: #2d6f8f;--blue: #2f5597;--lavender: #6f6a9f;--text: #0f4c20;--base: #f4efe3;--mantle: #f1efea;--crust: #c4d1b5}&:where([data-theme=mocha]){color-scheme:dark;--display-weight: 200;--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--base: #1e1e2e;--mantle: #181825;--crust: #11111b}&:where([data-theme=tokyo_night]){color-scheme:dark;--display-weight: 200;--rosewater: #f7768e;--flamingo: #ff9e64;--pink: #bb9af7;--mauve: #bb9af7;--red: #f7768e;--maroon: #db4b4b;--peach: #ff9e64;--yellow: #e0af68;--green: #9ece6a;--teal: #1abc9c;--sky: #7dcfff;--sapphire: #2ac3de;--blue: #7aa2f7;--lavender: #82aaff;--text: #c0caf5;--base: #1a1b26;--mantle: #16161e;--crust: #101014}&:where([data-theme=nord_night]){color-scheme:dark;--display-weight: 200;--rosewater: #b48ead;--flamingo: #d08770;--pink: #b48ead;--mauve: #b48ead;--red: #bf616a;--maroon: #bf616a;--peach: #d08770;--yellow: #ebcb8b;--green: #a3be8c;--teal: #8fbcbb;--sky: #88c0d0;--sapphire: #81a1c1;--blue: #5e81ac;--lavender: #81a1c1;--text: #eceff4;--base: #2e3440;--mantle: #292e39;--crust: #242933}&:where([data-theme=mono_light]){color-scheme:light;--rosewater: #8c5a4d;--flamingo: #8f4e44;--pink: #8a4066;--mauve: #674689;--red: #9a3936;--maroon: #8b3b3e;--peach: #925a25;--yellow: #8c6c1f;--green: #397247;--teal: #1f7265;--sky: #357090;--sapphire: #32618e;--blue: #2e598f;--lavender: #4e508e;--text: #141414;--subtext1: #3d3d3d;--base: #fff;--mantle: #fff;--crust: #fff}&:where([data-theme=mono_dark]){color-scheme:dark;--display-weight: 200;--rosewater: #e2b9af;--flamingo: #e7ada3;--pink: #e4a0bf;--mauve: #c5a9e6;--red: #ef958e;--maroon: #e39191;--peach: #e9b082;--yellow: #e6c686;--green: #99cda3;--teal: #8bcdbf;--sky: #9fcbe6;--sapphire: #90bce9;--blue: #95baea;--lavender: #adb2ea;--text: #ebebeb;--subtext1: #ebebeb;--base: #000;--mantle: #000;--crust: #000}}body{background:var(--mantle);color:var(--subtext1);min-height:100%;line-height:1.7;display:flex;flex-direction:column;font-synthesis:none;font-family:var(--font-sans-serif);-moz-font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--lavender);text-decoration:none;&:hover{color:var(--blue)}}mark{background-color:var(--yellow)}hr{border:none;display:block;margin:1.5rem 0;background:transparent;border-top:2px dotted var(--surface0)}:where([data-theme]){--glass-fill: color-mix(in oklab, var(--base) min(100%, 46% * var(--glass-tint, 1)), transparent);--glass-fill-strong: color-mix(in oklab, var(--base) min(100%, 76% * var(--glass-tint, 1)), transparent);--glass-hover: color-mix(in oklab, var(--text) 7%, transparent);--glass-blur: 0px;--glass-saturate: 1.5;--glass-brightness: 1;--glass-refraction: 10px;--glass-refraction-amount: 15px;--glass-depth: 0;--glass-lens-strength: 2;--glass-rim-hi: oklch(1 0 0 / .9);--glass-rim-mid: oklch(1 0 0 / .26);--glass-rim-lo: oklch(1 0 0 / .55);--glass-edge: oklch(0 0 0 / .07);--glass-press-mix: 24%;--glass-shadow: 0 1px 2px oklch(0 0 0 / .06), 0 6px 20px -6px oklch(0 0 0 / .16);--glass-shadow-lg: 0 2px 6px oklch(0 0 0 / .05), 0 22px 56px -18px oklch(0 0 0 / .28);--glass-spring: linear(0, .06 4%, .23 9%, .47 15%, .72 22%, .9 30%, 1.01 39%, 1.042 48%, 1.036 58%, 1.018 68%, 1.005 80%, 1)}:where([data-theme=rose_pine],[data-theme=mocha],[data-theme=tokyo_night],[data-theme=nord_night],[data-theme=mono_dark]){--glass-fill: color-mix(in oklab, var(--base) min(100%, 42% * var(--glass-tint, 1)), transparent);--glass-fill-strong: color-mix(in oklab, var(--base) min(100%, 72% * var(--glass-tint, 1)), transparent);--glass-hover: color-mix(in oklab, var(--text) 10%, transparent);--glass-rim-hi: oklch(1 0 0 / .36);--glass-rim-mid: oklch(1 0 0 / .08);--glass-rim-lo: oklch(1 0 0 / .18);--glass-edge: oklch(1 0 0 / .07);--glass-press-mix: 12%;--glass-shadow: 0 1px 2px oklch(0 0 0 / .35), 0 8px 24px -6px oklch(0 0 0 / .5);--glass-brightness: 1;--glass-shadow-lg: 0 2px 8px oklch(0 0 0 / .3), 0 26px 64px -18px oklch(0 0 0 / .7)}.glass{position:relative;border-radius:var(--glass-radius, 999px);background-color:var(--glass-surface, var(--glass-fill));box-shadow:0 0 0 .5px var(--glass-edge),var(--glass-elevation, var(--glass-shadow));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:saturate(var(--glass-saturate)) brightness(var(--glass-brightness)) blur(var(--glass-blur)) var(--glass-lens,);&:after{content:"";position:absolute;inset:0;padding:var(--glass-rim-width, 1px);border-radius:inherit;background:linear-gradient(var(--glass-rim-angle, 135deg),var(--glass-rim-hi),var(--glass-rim-mid) 28% 72%,var(--glass-rim-lo)) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}}.glass-panel,.glass.glass-scroll{--glass-refraction: 16px;--glass-refraction-amount: 24px;--glass-depth: 1}.glass.glass-scroll{box-shadow:0 0 0 .5px var(--glass-edge),inset 0 1px 0 var(--glass-rim-lo),inset 0 0 0 1px var(--glass-rim-mid),var(--glass-elevation, var(--glass-shadow));&:after{content:none}}.glass-button{cursor:pointer;transition:scale .42s var(--glass-spring),background-color .16s ease;@media(hover:hover){&:hover{background-color:color-mix(in oklab,var(--glass-surface, var(--glass-fill)),var(--text) 6%)}}&:active:not([data-glass-pressed]){scale:.96;background-color:color-mix(in oklab,var(--glass-surface, var(--glass-fill)),oklch(1 0 0) var(--glass-press-mix));transition-duration:.14s,90ms;transition-timing-function:var(--ease-out),ease}}:is(.glass-button,[data-glass-press])[data-glass-pressed]{translate:var(--glass-press-translate, 0 0);scale:var(--glass-press-scale, 1);transition:background-color .16s ease;&:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-press-layer, none);mix-blend-mode:plus-lighter;pointer-events:none}}@media(prefers-reduced-transparency:reduce){:where([data-theme]){--glass-fill: var(--mantle);--glass-fill-strong: var(--mantle)}.glass{-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:where([data-theme]){--glass-fill: color-mix(in oklab, var(--mantle) 94%, transparent);--glass-fill-strong: var(--mantle)}}:root[data-glass=off]{--glass-fill: var(--mantle);--glass-fill-strong: var(--mantle);--glass-rim-hi: transparent;--glass-rim-mid: transparent;--glass-rim-lo: transparent;.glass{-webkit-backdrop-filter:none;backdrop-filter:none}}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/bold-italic.woff2) format("woff2");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book.woff2) format("woff2");font-style:normal;font-weight:450;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-bold.woff2) format("woff2");font-style:normal;font-weight:450;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-bold-italic.woff2) format("woff2");font-style:italic;font-weight:450;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-italic.woff2) format("woff2");font-style:italic;font-weight:450;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-medium-italic.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-semi-bold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/book-semi-bold-italic.woff2) format("woff2");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/extra-bold.woff2) format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/extra-bold-italic.woff2) format("woff2");font-style:italic;font-weight:800;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/medium-italic.woff2) format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/main.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gentium;src:url(https://fontsapi.zeoseven.com/2105/semi-bold-italic.woff2) format("woff2");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:Maple Mono NF CN Local;font-weight:100 900;src:local("MapleMono-NF-CN-Regular")}@font-face{font-family:homemade-apple;font-display:swap;src:local("Homemade Apple"),local("HomemadeApple-Regular"),url(font/woff2/HomemadeApple.woff2) format("woff2")}body,dd,dl,dt,figure,h1,h2,h3,h4,h5,h6,html,iframe,legend,li,ol,p,pre,textarea{margin:0;padding:0}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box;height:100%;min-width:300px;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}:where([id],a[name]){scroll-margin-top:calc(var(--navbar-height) + env(safe-area-inset-top) + 1rem)}html{-webkit-tap-highlight-color:transparent}:where(button,[role=button],[role=switch],.glass-button,summary,select){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.navbar{min-height:var(--navbar-height);display:flex;position:sticky;top:0;padding-top:env(safe-area-inset-top);z-index:100;user-select:none;pointer-events:none;>*{pointer-events:auto}}:where(.navbar) button{background:none;border:none;cursor:pointer}#navbar-logo-link{font-family:homemade-apple,var(--font-handwriting);color:var(--subtext1);display:flex;align-items:center;font-size:.78rem;letter-spacing:.18em;text-transform:lowercase;padding:0 .9rem}.navbar-item{color:var(--subtext0);align-items:center;display:flex;padding:0 .5rem;position:relative;flex-grow:0;flex-shrink:0;letter-spacing:.05em;transition:color .22s ease;font:inherit;background:transparent;border:none;&:disabled{cursor:not-allowed;opacity:.45}}.navbar-actions{display:flex;align-items:stretch;margin-left:auto}:is(.navbar-end,.navbar-actions){svg{width:1.1em;opacity:.78;transition:opacity .22s ease,transform .22s ease}.navbar-item{padding:0 .6rem;transition:color .22s ease}.navbar-item:hover{color:var(--text)}.navbar-item:hover svg{opacity:1;transform:translateY(-1px)}.navbar-item:disabled:hover{color:var(--subtext0)}.navbar-item:disabled:hover svg{opacity:.78;transform:none}}.navbar-actions.glass{align-items:center;align-self:center;gap:2px;margin-right:.75rem;padding:3px;>.navbar-item{justify-content:center;width:36px;height:36px;padding:0;border-radius:50%}}@media(min-width:1024px){.navbar-actions.glass>.navbar-item.glass{background-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .22s ease,background-color .16s ease,scale .42s var(--glass-spring);&:after{content:none}&:hover{background-color:var(--glass-hover)}&:focus-visible{outline:2px solid var(--mauve);outline-offset:-2px}}}.main-content{flex-grow:1;box-sizing:border-box;width:100%;max-width:calc(50em + 3rem);margin:0 auto;padding:3rem 1.5rem;position:relative;counter-reset:h2-counter}.footer{user-select:none;position:relative;padding:4rem 1.5rem 3rem;text-align:center;color:var(--overlay0);font-family:var(--font-mono)}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:.25rem}.footer-credit,.footer-credit>a{font-size:.75rem;font-weight:400;margin:0;letter-spacing:.06em;color:inherit}.footer-author{font-family:homemade-apple,var(--font-handwriting);color:var(--subtext0);letter-spacing:.01em}.footer-meta{font-size:.65rem;font-weight:400;margin:0;line-height:1.8;letter-spacing:.02em}.footer-icp{color:inherit;text-decoration:none;transition:color .2s ease}.footer-icp:hover{color:var(--lavender)}::-webkit-scrollbar{display:none}article,figure,footer,header,hgroup,section{display:block}input[type=checkbox],input[type=radio]{vertical-align:baseline}small{font-size:.875em}input.command-palette-input{color:inherit;background-color:transparent;font-family:inherit;font-size:14px;border:none;outline:0;flex-grow:1;min-width:0;box-sizing:border-box;padding:1em 0;&::placeholder{color:var(--overlay1)}}.command-palette,.command-palette-container{align-items:center;flex-direction:column;line-height:1.25em}.command-palette-container{font-size:14px;--glass-refraction: 16px;--glass-refraction-amount: 24px;--glass-depth: 1;color:var(--text);position:fixed;z-index:101;display:flex;overflow:hidden;isolation:isolate;border-radius:22px;width:min(640px,92vw);top:10vh;box-shadow:0 0 0 .5px var(--glass-edge),var(--glass-shadow-lg);&:before,&:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}&:before{z-index:-1;background-color:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:saturate(var(--glass-saturate)) brightness(var(--glass-brightness)) blur(var(--glass-blur)) var(--glass-lens,)}&:after{z-index:1;padding:1px;background:linear-gradient(135deg,var(--glass-rim-hi),var(--glass-rim-mid) 28% 72%,var(--glass-rim-lo)) border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}}.command-palette:popover-open:before{background:hsl(from var(--crust) h s l / .22);-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-reduced-transparency:reduce){.command-palette-container:before{background-color:var(--mantle);-webkit-backdrop-filter:none;backdrop-filter:none}}:root[data-glass=off] .command-palette-container:before{-webkit-backdrop-filter:none;backdrop-filter:none}.command-palette-input-container{width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:.75em;padding-inline:1.25em;line-height:1.5em;min-height:3.25rem}.command-palette-input-icon{flex:0 0 auto;display:inline-flex;justify-content:center;width:1.5em;color:var(--overlay1)}.command-palette-input-container:has(.command-palette-scope)>.command-palette-input-icon{display:none}.command-palette-scope{flex:0 0 auto;display:inline-flex;align-items:center;gap:.3em;padding:.25em .7em .25em .5em;border:1px solid var(--surface1);border-radius:999px;background-color:hsl(from var(--surface0) h s l / .5);color:var(--subtext0);font:inherit;font-size:.78rem;line-height:1.4;white-space:nowrap;cursor:pointer;&:hover{color:var(--text);border-color:var(--mauve)}&:focus-visible{outline:2px solid var(--mauve);outline-offset:-2px}}.command-palette-body{flex-grow:1;width:100%;max-height:min(60dvh,30rem);overflow-y:auto;overscroll-behavior:contain}.command-palette-body:not(:empty){border-top:1px solid var(--surface0)}.command-palette-section{&:not(:last-child){border-bottom:1px solid var(--surface0)}>header{padding:.75em 1.25em .35em;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--overlay0)}}.command-palette-item{display:flex;flex-direction:row;align-items:center;gap:.75em;width:100%;box-sizing:border-box;padding:.7em 1.25em;position:relative;border:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer;&:before{content:"";position:absolute;left:0;top:20%;width:3px;height:60%;background-color:var(--mauve);border-radius:0 2px 2px 0;opacity:0}&:hover{background-color:hsl(from var(--surface0) h s l / .55)}&.active{background-color:hsl(from var(--surface0) h s l / .8)}&.active:before{opacity:1}&.active>.command-palette-item-icon{color:var(--text)}&:focus-visible{outline:2px solid var(--mauve);outline-offset:-2px}}.command-palette-item-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;color:var(--subtext0)}.command-palette-item--document{align-items:flex-start;>.command-palette-item-icon{height:1.25em;color:var(--overlay1)}}.command-palette-swatch{position:relative;width:1.05em;height:1.05em;border-radius:50%;background-color:var(--base);box-shadow:inset 0 0 0 1px var(--surface2);&:after{content:"";position:absolute;inset:30%;border-radius:50%;background-color:var(--mauve)}}.command-palette-glyph{font-size:.95em;font-weight:500;line-height:1;&[data-typeface=sans-serif]{font-family:var(--font-sans-serif)}&[data-typeface=serif]{font-family:var(--font-serif)}&[data-typeface=mono]{font-family:var(--font-mono)}&[data-typeface=handwriting]{font-family:var(--font-handwriting)}}.command-palette-item-content{overflow:hidden;flex-grow:1;min-width:0}.command-palette-item-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:var(--text)}.command-palette-item-preview{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--subtext0);font-size:.85em;margin-top:.25em}.command-palette-mark{background:transparent;color:var(--blue)}.command-palette-item-hint{flex:0 0 auto;font-size:.7rem;letter-spacing:.08em;color:var(--overlay1);white-space:nowrap}.command-palette-item-check,.command-palette-item-chevron{flex:0 0 auto;display:inline-flex}.command-palette-item-check{color:var(--mauve)}.command-palette-item-chevron{color:var(--overlay1)}.command-palette-section--tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.4em .5em;padding:0 1.25em .9em;>header{flex-basis:100%}>.command-palette-item{width:auto;padding:.25em .85em;border:1px solid var(--surface1);border-radius:999px;background-color:hsl(from var(--surface0) h s l / .5);&:before{content:none}.command-palette-item-title{white-space:nowrap;overflow:visible;text-overflow:clip;font-weight:400;font-size:.88em}&:hover,&.active{background-color:var(--surface1);border-color:var(--mauve)}}}.command-palette-empty{padding:1.4em 1.25em;font-size:.85rem;color:var(--overlay1);text-align:center}.command-palette-footer{display:flex;flex-wrap:wrap;gap:.3em 1.1em;width:100%;box-sizing:border-box;padding:.55em 1.25em;border-top:1px solid var(--surface0);font-size:.68rem;color:var(--overlay1);white-space:nowrap;>span{display:inline-flex;align-items:center;gap:.35em}}.command-palette-key{display:inline-flex;align-items:center;justify-content:center;gap:.1em;box-sizing:border-box;min-width:1.7em;height:1.7em;padding:0 .35em;border-radius:4px;background-color:hsl(from var(--surface0) h s l / .7);color:var(--subtext0);font:inherit;line-height:1}:popover-open{position:fixed;width:100%;height:100%;inset:0;margin:0;border:none;background:transparent;&:before{content:"";position:fixed;inset:0;z-index:-1;background:hsl(from var(--mantle) h s l / .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}&.command-palette{font-family:var(--font-mono);line-height:0;display:flex}}.preference-popup{position:fixed;inset:auto;top:calc(var(--navbar-height) + env(safe-area-inset-top) + .6rem);right:.9rem;z-index:1000;width:min(18rem,calc(100vw - 1.8rem));height:auto;max-height:calc(100dvh - var(--navbar-height) - env(safe-area-inset-top) - 2rem);margin:0;padding:12px;overflow:auto;border:0;background:transparent;box-shadow:none;color:var(--text);scrollbar-width:none;transform-origin:top right;translate:0 -6px;scale:.98;transition:translate .13s var(--ease-out),scale .13s var(--ease-out),display .13s allow-discrete,overlay .13s allow-discrete;&:before{content:none}}.preference-popup:popover-open{translate:0 0;scale:1;transition:translate .18s var(--ease-out),scale .18s var(--ease-out)}@starting-style{.preference-popup:popover-open{translate:0 -6px;scale:.98}}.preference-quick__tile{opacity:0;transition:opacity .12s ease,scale .42s var(--glass-spring),background-color .16s ease;.preference-popup:popover-open &{opacity:1;transition-duration:.18s,.42s,.16s;transition-delay:calc(var(--tile-index, 0) * 20ms),0ms,0ms}}@starting-style{.preference-popup:popover-open .preference-quick__tile{opacity:0}}.preference-quick__selects>:nth-child(1){--tile-index: 1}.preference-quick__selects>:nth-child(2){--tile-index: 2}.preference-quick__selects>:nth-child(3)>*{--tile-index: 3}.preference-quick__selects>:nth-child(4){--tile-index: 4}.preference-quick__dock>*{--tile-index: 5}.preference-popup::backdrop{background:transparent}.preference-popup::-webkit-scrollbar{display:none}.preference-quick{display:grid;gap:.6rem;font-family:var(--font-sans-serif)}.preference-quick__steppers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.preference-quick__stepper{display:flex;--glass-radius: 999px}.preference-quick__step-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:2.6rem;padding:0;border:0;border-radius:999px;background:transparent;color:var(--subtext1);cursor:pointer;transition:background-color .16s ease,color .16s ease;&:hover:not(:disabled){color:var(--text);background:var(--glass-hover)}&:focus-visible{outline:2px solid var(--mauve);outline-offset:-2px}&:disabled{opacity:.35;cursor:default}}.preference-quick__selects{display:grid;gap:.6rem}.preference-quick__select-row{position:relative;display:flex;align-items:center;min-width:0;--glass-radius: 999px;@media(hover:hover){&:hover{background-color:color-mix(in oklab,var(--glass-surface, var(--glass-fill)),var(--text) 6%)}}}.preference-quick__select-group{display:flex;align-items:center;gap:.6rem;min-width:0;.preference-quick__select-row{flex:1 1 auto}}.preference-quick__select-icon{position:absolute;left:.85rem;z-index:1;display:inline-flex;color:var(--subtext1);pointer-events:none}.preference-quick__select-row:hover .preference-quick__select-icon{color:var(--text)}.preference-quick__select-icon--moon,html.night .preference-quick__select-icon--sun{display:none}html.night .preference-quick__select-icon--moon{display:inline-flex}.preference-quick__select{flex:1 1 auto;width:100%;min-width:0;height:2.6rem;padding:0 2.1rem 0 2.6rem;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;color:var(--text);background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:13px;font:600 .86rem / 1.2 var(--font-sans-serif);cursor:pointer;&:focus-visible{outline:2px solid var(--mauve);outline-offset:-2px}}html.night .preference-quick__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-opacity='0.55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E")}.preference-quick__round{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:0;--glass-radius: 50%;color:var(--subtext1);text-decoration:none;&:hover{color:var(--text)}&:focus-visible{outline:2px solid var(--mauve);outline-offset:2px}}.preference-quick__toggle[aria-checked=true]{--glass-surface: color-mix(in oklab, var(--glass-fill), var(--blue) 22%);color:var(--blue);&:hover{color:var(--blue)}}.preference-quick__dock{display:flex;justify-content:space-between;gap:.6rem}@media(max-width:768px){.preference-popup{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;width:auto;max-height:min(82dvh,100dvh - 3rem);padding:8px;transform-origin:bottom center;translate:0 10%;scale:1;transition:translate .17s var(--ease-out),scale .17s var(--ease-out),display .17s allow-discrete,overlay .17s allow-discrete}.preference-popup:popover-open{translate:0 0;transition:translate .22s var(--ease-out),scale .22s var(--ease-out)}@starting-style{.preference-popup:popover-open{translate:0 10%;scale:1}}.preference-quick,.preference-quick__steppers,.preference-quick__selects,.preference-quick__select-group,.preference-quick__dock{gap:.7rem}.preference-quick__step-btn,.preference-quick__select{height:3rem}.preference-quick__round{width:3rem;height:3rem}}.gnix-sunny-glow,.gnix-sunny-leaves{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .7s ease}.gnix-sunny-glow{z-index:-1;background:radial-gradient(115% 68% at 50% -18%,hsl(from var(--gnix-sun) h s l / .28),transparent 56%),radial-gradient(70% 48% at 88% 0%,hsl(from var(--gnix-sun) h s l / .14),transparent 48%)}.gnix-sunny-leaves{z-index:999;width:100%;height:100%;object-fit:cover;object-position:top;mix-blend-mode:multiply}:root[data-theme=sunny] .gnix-sunny-glow{opacity:1}:root[data-theme=sunny] .gnix-sunny-leaves.is-ready{opacity:var(--gnix-sunny-leaves-opacity, 1)}@keyframes slide-enter{0%{opacity:0;translate:0 10px}}
