@font-face{font-family:"Geist Mono";src:url("/assets/fonts/GeistMono-VariableFont_wght.ttf") format("truetype");font-weight:100 900}@font-face{font-family:"Limkin";src:url("https://toomuchtype.com/fonts/limkin/variable/TMT-LimkinVF.ttf") format(truetype),url("https://toomuchtype.com/fonts/limkin/variable/TMT-LimkinVF.woff") format(woff),url("https://toomuchtype.com/fonts/limkin/variable/TMT-LimkinVF.woff2") format(woff2);font-weight:100 900}@font-face{font-family:"DEMOLAND";src:url("/assets/fonts/TMT-DEMOLANDVF.ttf") format(truetype),url("/assets/fonts/TMT-DEMOLANDVF.woff") format(woff),url("/assets/fonts/TMT-DEMOLANDVF.woff2") format(woff2);font-weight:100 900}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#f3a8dd;--green:#98db6b;--blue:#5adde8;--yellow:#fcc03a;--purple:#a690fc;--red:#ff734d;--off-white:#fafafa;--light-gray:#dadada;--dark-gray:#3a3a3a;--off-black:#1a1a1a;--accent:var(--off-white);--mono:"Geist Mono",monospace;--limkin:"Limkin",sans-serif;--limkin-bold:"wght" 650,"SRFF" 0;--limkin-light:"wght" 350,"SRFF" 0;--demoland:"DEMOLAND",monospace;--cm-line-pad:6px;--strip:24px;--info-w:360px}html,body{height:100%;overflow:hidden;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;background:var(--off-black);color:var(--off-white);font-size:17.5px}#shell{display:flex;flex-direction:column;height:100dvh;position:relative;z-index:2}@keyframes heading-float{from{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes demoland{from{font-variation-settings:"wght" 100;font-weight:100}to{font-variation-settings:"wght" 900;font-weight:900}}#topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;padding:12px 16px;--accent:var(--yellow);color:var(--off-white);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);position:relative;overflow:auto}#topbar.topbar-landing{--accent:var(--light-gray);background-color:var(--off-black);border-bottom:1px solid var(--dark-gray)}#topbar.topbar-landing #tb-border{display:none}#tb-border{position:absolute;bottom:0;left:0;right:0;width:100%;border-bottom:1px solid var(--off-black)}#tb-crumbs{display:flex;min-width:0;gap:8px;align-items:center;min-width:100px}.tb-sep{flex:0 0 auto;color:var(--accent);font-size:2rem;line-height:1;font-weight:100;font-family:var(--mono);font-variation-settings:"wght" 100;opacity:0.25;transform:skew(-10deg)}.tb-sep::before{content:"/"}.tb-sep:nth-last-child(2){opacity:1}.tb-seg{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;column-gap:12px;row-gap:4px;text-align:left;min-width:0;background:none;border:none;font:inherit;color:var(--off-white);white-space:nowrap;overflow:hidden;opacity:0.5;cursor:pointer;padding-right:8px}.tb-seg svg{grid-column:1;grid-row:1 / span 2;width:24px;height:24px;flex:0 0 auto;fill:var(--accent)}.tb-seg:hover{opacity:1}.tb-seg:hover .tb-name{color:var(--accent)}.tb-seg:nth-last-child(1){opacity:1}.tb-seg:active{opacity:0.25}.tb-kind{color:var(--accent);font-size:0.6rem;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;padding-top:0.3em;grid-column:2;grid-row:1;width:100%;overflow:hidden;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550}.tb-kind-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1em;letter-spacing:0.02em;font-variation-settings:var(--limkin-bold);font-weight:650;width:100%;grid-column:2;grid-row:2}.tb-name code{font-family:var(--mono);font-weight:800;font-variation-settings:"wght" 800;font-size:0.95em;letter-spacing:-0.02em}#tb-book,#tb-chapter,#tb-demo{flex:0 1 auto}.tb-demo-mini{display:none}@media (max-width:800px){.tb-demo-full{display:none}.tb-demo-mini{display:inline}}.tb-site .tb-kind{animation:land-title-color 6s infinite}.tb-site:hover .tb-name{opacity:1;color:var(--off-white)}#tb-right{display:flex;min-width:0;gap:4px;align-items:stretch;height:40px;flex-shrink:0}#tb-counts{display:flex;flex-direction:column;min-width:128px;text-align:center;justify-content:center;text-align:center;white-space:nowrap;cursor:pointer;outline:unset;padding:6px 12px;gap:1px;align-self:stretch;background:var(--accent);font-size:0.6rem;border:1px solid var(--accent);font-weight:550;font-variation-settings:"wght" 550;line-height:1em;letter-spacing:0.05em}#tb-chap-count{color:var(--off-black);opacity:0.5;font-size:0.6rem;letter-spacing:0.05em;line-height:1em}#tb-demo-count{color:var(--off-black);font-size:0.6rem;letter-spacing:0.05em;line-height:1em}.tb-intro-label{color:var(--off-black);font-size:0.6rem;letter-spacing:0.05em;line-height:1em}#tb-counts:hover{background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}#tb-counts:hover #tb-chap-count,#tb-counts:hover #tb-demo-count,#tb-counts:hover .tb-intro-label{color:var(--off-black)}#tb-counts:active{opacity:0.25}.tb-arrow{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1.4rem;width:40px;height:40px;color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);outline:unset;padding-bottom:0.05em;line-height:1em;text-transform:uppercase;font-weight:250;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.tb-arrow:hover:not(:disabled){background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}.tb-arrow:active:not(:disabled){opacity:0.25}.tb-arrow:disabled{opacity:0.25;cursor:not-allowed}.tb-arrow svg,#tb-menu svg{width:24px;height:24px;fill:currentColor;display:block}.tb-action{font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;font-size:0.6rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:unset;outline:unset;padding:4px 16px;line-height:1em;gap:8px;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.tb-action:hover{background:var(--off-white);color:var(--off-black);border-color:var(--off-white)}.tb-action:active{opacity:0.25}.tb-action[hidden]{display:none}#site-footer{--accent:var(--pink);flex:0 0 auto;display:flex;overflow:auto;align-items:center;justify-content:safe center;padding:0 16px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);position:relative;z-index:2}#site-footer.footer-landing{--accent:var(--light-gray);background-color:var(--off-black);border-top:1px solid var(--dark-gray)}#site-footer.footer-landing #footer-border{display:none}.footer-link{white-space:nowrap;font-family:var(--mono);font-size:0.6rem;color:var(--light-gray);padding:12px calc(16px - 0.1em) 12px 16px;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:none;border:unset}.footer-link svg{width:16px;height:16px;margin-right:8px;flex:0 0 auto;fill:var(--accent)}.footer-link:hover{color:var(--off-white)}.footer-link:hover svg{fill:var(--off-white)}.footer-link:active{opacity:0.25}.footer-link-divider{height:12px;width:1px;flex-shrink:0;opacity:0.25;margin:0 8px;background-color:var(--accent)}#footer-border{position:absolute;top:0;left:0;right:0;width:100%;border-bottom:1px solid var(--off-black)}#landing{flex:1;min-height:0;overflow-y:auto;border-top:1px solid var(--off-black);border-bottom:1px solid var(--off-black);background:linear-gradient( to right,transparent 0%,color-mix(in srgb,var(--off-black) 75%,var(--off-black) 0%) 25%,color-mix(in srgb,var(--off-black) 75%,var(--off-black) 0%) 75%,transparent 95% )}.land-wrap{min-height:100%;max-width:1800px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:start}.notfound .land-wrap{grid-template-columns:1fr;max-width:900px}.land-back{white-space:nowrap;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;font-size:0.8rem;color:var(--off-white);padding:12px 16px;line-height:1em;letter-spacing:0.05em;--accent:var(--off-white);text-transform:uppercase;cursor:pointer;justify-self:start;align-self:start;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);position:absolute;gap:12px;top:32px;left:32px}.land-back svg{width:20px;height:20px;flex-shrink:0;fill:currentColor}.land-back:hover{background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}.land-back:active{opacity:0.25}.land-header{position:sticky;top:0;padding:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 115px)}@keyframes land-header{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0px)}}.land-subtitle{font-size:1.2rem;line-height:1em;display:flex;letter-spacing:0.2em;color:var(--off-white);text-transform:uppercase;margin-bottom:24px;text-align:center;opacity:0;gap:16px;align-items:center;transform:translateY(32px);font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;animation:land-header 2s cubic-bezier(0.25,1,0.5,1) forwards}.land-subtitle svg{width:32px;height:32px;flex:0 0 auto;fill:currentColor}.book .land-subtitle{animation:land-header 2s cubic-bezier(0.25,1,0.5,1) forwards,land-subtitle 6s linear infinite}.chapter .land-subtitle{animation:land-header 2s cubic-bezier(0.25,1,0.5,1) forwards;color:var(--accent)}@keyframes land-subtitle{0%{color:var(--pink)}16.67%{color:var(--green)}33.33%{color:var(--blue)}50%{color:var(--yellow)}66.67%{color:var(--purple)}83.33%{color:var(--red)}100%{color:var(--pink)}}.land-title{text-align:center;font-size:clamp(2.4rem,6vw,6rem);line-height:1em;font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650;letter-spacing:-0.05em;align-content:start;display:flex;flex-wrap:wrap;white-space:nowrap;align-items:center;justify-content:center;gap:0 0.3ch;opacity:0;transform:translateY(32px);animation:land-header 1.5s cubic-bezier(0.25,1,0.5,1) 0.25s forwards}.land-title>span>span{animation:land-title-letter 1s infinite ease-in-out alternate;display:inline-block}.home .land-title>span>span,.info .land-title>span>span{font-family:var(--demoland);animation:land-title-color 6s infinite,land-title-letter 1s infinite ease-in-out alternate,land-title-letter-weight 2s infinite ease-in-out alternate}@keyframes land-title-letter{from{transform:translateY(0.05em)}to{transform:translateY(-0.05em)}}@keyframes land-title-letter-weight{0%{font-variation-settings:"wght" 500;font-weight:500}25%{font-variation-settings:"wght" 500;font-weight:500}75%{font-variation-settings:"wght" 900;font-weight:900}100%{font-variation-settings:"wght" 900;font-weight:900}}@keyframes land-title-color{0%{color:var(--pink)}16.67%{color:var(--green)}33.33%{color:var(--blue)}50%{color:var(--yellow)}66.67%{color:var(--purple)}83.33%{color:var(--red)}100%{color:var(--pink)}}@keyframes land-title-background{0%{background-color:var(--pink)}16.67%{background-color:var(--green)}33.33%{background-color:var(--blue)}50%{background-color:var(--yellow)}66.67%{background-color:var(--purple)}83.33%{background-color:var(--red)}100%{background-color:var(--pink)}}.land-desc{margin-top:32px;font-size:1.2rem;max-width:40ch;line-height:1.4em;color:var(--off-white);text-wrap:pretty;font-weight:350;font-family:var(--limkin);font-variation-settings:var(--limkin-light);text-align:center;gap:0.7em;text-wrap:balance;opacity:0;transform:translateY(32px);animation:land-header 1s cubic-bezier(0.25,1,0.5,1) 0.5s forwards}.land-desc a{color:inherit;text-decoration-thickness:1px;text-underline-offset:0.2em}.land-desc a:hover{text-decoration:none;color:var(--off-white)}.land-desc a:active{opacity:0.25}.land-subheading{font-size:0.8rem;line-height:1em;color:var(--off-white);font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;letter-spacing:0.2em;text-transform:uppercase;margin:0 auto 16px auto;text-align:center;animation:heading-float 1s infinite ease-in-out alternate;display:flex;gap:16px;align-items:center}.land-subheading svg{width:24px;height:24px;flex-shrink:0;fill:currentColor}.land-books{min-height:100%;gap:16px;display:grid;grid-template-rows:auto 1fr;grid-auto-rows:1fr;padding:64px 64px 128px 64px;justify-content:safe center}.land-chapters{min-height:100%;display:flex;flex-direction:column;justify-content:safe center;padding:64px 64px 128px 64px;gap:16px}.land-demos{min-height:100%;gap:1px;display:flex;flex-direction:column;justify-content:safe center;padding:64px 64px 128px 64px;gap:16px}.land-demos-list{display:flex;flex-direction:column;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background-color:var(--off-black);padding:32px}.land-info{color:var(--off-white);font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;display:flex;flex-direction:column;align-content:safe center;min-height:100%;gap:16px;grid-auto-rows:1fr;padding:64px;justify-content:safe center}.land-info section{border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border-left:4px solid var(--accent);background:var(--off-black);display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.land-info section:nth-child(6n + 1){--accent:var(--pink)}.land-info section:nth-child(6n + 2){--accent:var(--green)}.land-info section:nth-child(6n + 3){--accent:var(--blue)}.land-info section:nth-child(6n + 4){--accent:var(--yellow)}.land-info section:nth-child(6n + 5){--accent:var(--purple)}.land-info section:nth-child(6n + 6){--accent:var(--red)}.land-info section p:last-child{margin-bottom:0}.land-info h2{font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650;font-size:1.6rem;line-height:1.1em;letter-spacing:-0.02em;color:var(--accent)}.land-info h2:first-child{margin-top:0}.land-info p{font-variation-settings:var(--limkin-light);font-weight:350;font-size:1rem;line-height:1.4em;text-wrap:pretty;margin:0 0 16px;color:var(--light-gray)}.land-info a{color:var(--light-gray);text-decoration-thickness:1px;text-underline-offset:0.2em}.land-info a:hover{color:var(--off-white)}.land-info a:active{opacity:.25}.bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.bg canvas{display:block;width:100%;height:100%}@media only screen and (max-width:800px){.bg{display:none}}.nav-book{border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border-left:4px solid var(--accent);text-decoration:none;color:var(--off-white);background-color:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);display:grid;grid-template-columns:1fr 1fr;padding:32px;gap:32px;transition:transform 0.2s}.nav-book:nth-child(6n + 2){--accent:var(--pink)}.nav-book:nth-child(6n + 3){--accent:var(--green)}.nav-book:nth-child(6n + 4){--accent:var(--blue)}.nav-book:nth-child(6n + 5){--accent:var(--yellow)}.nav-book:nth-child(6n + 6){--accent:var(--purple)}.nav-book:nth-child(6n + 1){--accent:var(--red)}.nb-info{display:flex;flex-direction:column}.nb-num{font-size:0.8rem;letter-spacing:0.1em;justify-self:start;align-self:start;display:flex;align-items:center;justify-content:center;line-height:1em;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;text-transform:uppercase;gap:12px;margin-bottom:12px;color:var(--accent)}.nb-num svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}.nb-title{font-size:1.6rem;line-height:1.1em;margin:0;font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650;flex-grow:1;letter-spacing:-0.02em}.nb-desc{font-size:1rem;line-height:1.4em;text-wrap:pretty;margin:26px 0;font-family:var(--limkin);color:var(--accent);font-variation-settings:var(--limkin-light);font-weight:350}.nb-meta{font-family:var(--mono);font-size:0.6rem;margin-top:32px;letter-spacing:0.05em;font-weight:550;font-variation-settings:"wght" 550;text-transform:uppercase;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nb-meta span{display:flex;align-items:center;gap:6px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);padding:6px 10px}.nb-meta svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}.nav-book:hover{background-color:var(--accent);transform:scale(1.02);color:var(--off-black)}.nav-book:hover .nb-num{color:var(--off-black)}.nav-book:hover .nb-desc{color:var(--off-black)}.nav-book:hover .nb-meta span{color:var(--off-black);background-color:var(--accent);border-color:var(--off-black)}.nav-book:active{transform:scale(0.98)}.nav-chapter{border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border-top:4px solid var(--accent);background:var(--off-black);display:flex;flex-direction:column;position:relative;overflow:hidden}.nav-chapter:nth-child(1){padding-top:0px;border-top:unset}.nav-chapter>svg{position:absolute;top:0;right:16px;width:40px;height:40px;fill:var(--accent)}.nc-header{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px;background-color:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.nc-heading{display:block;text-decoration:none;cursor:pointer}.nc-heading:hover .nc-title{color:var(--accent)}.nc-heading:active{opacity:0.25}.nc-subtitle{font-family:var(--mono);font-size:0.8rem;justify-self:start;display:flex;font-weight:550;font-variation-settings:"wght" 550;line-height:1em;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.nc-title{font-size:1.6rem;line-height:1.1em;color:var(--off-white);margin:0;font-family:var(--limkin);text-wrap:balance;letter-spacing:-0.02em;font-variation-settings:var(--limkin-bold);font-weight:650}.nc-desc{font-size:1rem;line-height:1.4em;text-wrap:balance;margin:24px 0 16px 0;font-weight:350;font-family:var(--limkin);color:var(--accent);font-variation-settings:var(--limkin-light)}.nc-demos{display:flex;flex-direction:column;gap:16px;padding:32px}#nav-body .nc-demos{padding:0;margin-top:16px}.nc-demo-item{display:flex;align-items:start;gap:16px;cursor:pointer;font-size:1rem;color:var(--light-gray);border:unset;text-decoration:none;position:relative}.nc-demo-item::after{content:"";position:absolute;top:12px;left:17.5px;height:calc(100% + 12px);border-left:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.nc-demo-item:nth-last-of-type(1)::after{display:none}.nc-demo-item-num{display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:var(--mono);width:36px;height:24px;text-align:center;font-variation-settings:"wght" 550;font-weight:550;font-size:0.7rem;line-height:1em;letter-spacing:-0.1em;padding-right:0.1em;background:var(--off-black);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);flex-shrink:0;position:relative;z-index:1}.nc-demo-item-name{padding-top:0.2em;font-family:var(--limkin);font-variation-settings:var(--limkin-light);text-wrap:pretty}.nc-demo-item-name code{font-family:var(--mono);font-weight:350;font-variation-settings:"wght" 350;font-size:0.85em;background:color-mix(in srgb,var(--accent) 15%,transparent);padding:1px 4px;letter-spacing:-0.02em;position:relative;top:-1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.nc-demo-item.active{color:var(--off-white)}.nc-demo-item.active .nc-demo-item-num{border-color:var(--off-white);color:var(--off-white);border-color:var(--off-white)}.nc-demo-item:hover{color:var(--off-white)}.nc-demo-item:hover .nc-demo-item-num{background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}.nc-demo-item:active .nc-demo-item-num,.nc-demo-item:active .nc-demo-item-name{filter:brightness(25%)}.nc-demo-item.active:active .nc-demo-item-num,.nc-demo-item.active:active .nc-demo-item-name{filter:unset}#nav-overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:end;--accent:var(--off-white);backdrop-filter:blur(4px) brightness(25%);-webkit-backdrop-filter:blur(4px) brightness(25%);transition:0.4s}#nav-overlay[hidden]{background-color:color-mix(in srgb,var(--off-black) 0%,transparent);backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);pointer-events:none}#nav-dialog{position:relative;outline:none;width:min(480px,100%);max-height:100dvh;outline:1px solid var(--dark-gray);font-family:var(--mono);color:var(--off-white);overflow:auto;background-color:color-mix(in srgb,var(--off-black) 100%,transparent);backdrop-filter:brightness(50%);-webkit-backdrop-filter:brightness(50%);transform:translateX(0%);transition:transform 0.5s cubic-bezier(0.25,1,0.5,1)}#nav-overlay[hidden] #nav-dialog{transform:translateX(100%)}#nav-close{position:sticky;top:20px;right:20px;z-index:5;fill:var(--light-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:24px;background-color:unset;border:unset;margin-left:auto}#nav-close svg{width:24px;height:24px}#nav-close:hover{fill:var(--off-white)}#nav-close:active{opacity:0.25}.nav-allbooks{white-space:nowrap;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;font-size:0.6rem;color:var(--accent);padding:8px calc(8px - 0.05em) 8px 8px;margin:32px 32px 0 32px;line-height:1em;gap:6px;letter-spacing:0.05em;text-transform:uppercase;cursor:pointer;justify-self:start;align-self:start;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.nav-allbooks svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}.nav-allbooks:hover{background-color:var(--off-white);color:var(--off-black)}.nav-allbooks:active{opacity:0.25}.nav-header{display:flex;flex-direction:column;align-items:start;gap:16px}#nav-body .nav-header{margin:32px}.nav-heading{display:flex;flex-direction:column;gap:4px;padding-right:40px;text-decoration:none;align-items:start}.nav-heading:hover{opacity:0.75}.nav-heading:active{opacity:0.25}.nav-subtitle{font-size:0.8rem;letter-spacing:0.1em;line-height:1em;text-transform:uppercase;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;margin-bottom:8px;animation:heading-float 1s infinite ease-in-out alternate,land-subtitle 6s linear infinite}.nav-title{font-size:2.2rem;letter-spacing:-0.03em;color:var(--off-white);line-height:1em;font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650}.nav-sticky{position:sticky;top:0;height:0;z-index:4;display:block;margin-top:-24px}.nav-sticky>span{position:absolute;top:0;left:0;right:0;padding:16px;font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650;font-size:1rem;letter-spacing:0.02em;line-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;transform:translateY(-100%);transition:transform 0.25s ease-in-out;background-color:var(--off-black);border-bottom:1px solid var(--dark-gray)}.nav-sticky.show>span{transform:none}.nav-sticky a{display:flex;flex-direction:column;gap:4px;color:var(--off-white);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sticky-label{color:var(--light-gray);font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;letter-spacing:0.05em;font-size:0.6rem;text-transform:uppercase;line-height:1em}.nav-sticky a:hover .nav-sticky-label{color:var(--off-white)}.nav-sticky a:active{opacity:0.25}.nav-desc{font-size:1rem;line-height:1.4em;color:var(--off-white);text-wrap:pretty;font-weight:350;font-family:var(--limkin);font-variation-settings:var(--limkin-light)}#nav-body .nav-chapter{padding:32px 0 0 0;margin:32px;border:unset;gap:16px;border-radius:0;background-color:unset;border-top:1px solid var(--dark-gray)}#nav-body .nc-desc{margin:0}@media (max-width:1200px){.land-header{padding:32px}.land-books,.land-chapters,.land-demos{padding:32px}.nav-book{grid-template-columns:1fr;gap:16px}.nb-meta{margin-top:16px}.nb-desc{margin:0}.nc-header{grid-template-columns:1fr;gap:16px}.nc-desc{margin:0}.land-info section{grid-template-columns:1fr;gap:16px}}@media (max-width:800px){.land-wrap{grid-template-columns:1fr;padding:64px 0;min-height:unset}.home .land-wrap{padding:32px 0 64px 0}.land-header{min-height:unset;position:relative;top:0;align-items:start}.land-info{padding:32px;margin:0}.land-back{top:-32px;padding:12px;font-size:0.7rem;left:32px}.land-back svg{width:16px;height:16px}.land-title{text-align:left;justify-content:start}.land-desc{text-align:left}.land-subheading{display:none}}@media (max-width:600px){.land-books,.land-chapters,.land-demos{padding:32px 16px}}#main{display:flex;flex:1;min-height:0}#info-scroll,#code-scroll,#preview-scroll{flex:1 1 auto;min-width:0;min-height:0;height:100%;overflow-x:auto;overflow-y:hidden}.panel-spine{flex:0 0 var(--strip);width:var(--strip);height:100%;display:flex;align-items:start;padding-top:7px;justify-content:center;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border-right:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);user-select:none;overflow:hidden;cursor:pointer;padding-right:0.5px;z-index:6}.panel-spine.active{background-color:var(--accent)}.panel-spine:hover{background:var(--off-white)}.panel-spine:active{opacity:0.25}.panel-spine:hover span{color:var(--off-black)}.panel-spine.active span{color:var(--off-black)}.panel-spine span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-family:var(--mono);font-size:0.6rem;font-weight:550;font-variation-settings:"wght" 550;letter-spacing:-0.15em;text-transform:uppercase;line-height:1em;color:var(--accent)}#resizer-left{width:6px;flex-shrink:0;cursor:col-resize;background:var(--off-black);opacity:0;border-left:1px solid color-mix(in srgb,var(--red) 75%,var(--off-black) 100%);border-right:1px solid color-mix(in srgb,var(--green) 75%,var(--off-black) 100%);animation:fade-in 0.25s 0.05s forwards}body.draggingL{cursor:col-resize;user-select:none}body.draggingL #preview-frame{pointer-events:none}#resizer-left:hover,body.draggingL #resizer-left{background:var(--off-white)}#resizer-right{width:6px;flex-shrink:0;cursor:col-resize;background:var(--off-black);border-left:1px solid color-mix(in srgb,var(--green) 75%,var(--off-black) 100%);border-right:1px solid color-mix(in srgb,var(--blue) 75%,var(--off-black) 100%);opacity:0;animation:fade-in 0.25s 0.1s forwards}body.draggingR{cursor:col-resize;user-select:none}body.draggingR #preview-frame{pointer-events:none}#resizer-right:hover,body.draggingR #resizer-right{background:var(--off-white)}#info-panel{opacity:0;animation:fade-in 0.25s forwards;flex:0 0 auto;width:var(--info-w);height:100%;display:flex;overflow:hidden;--accent:var(--red);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%)}#info-inner{width:100%;min-width:200px;height:100%;display:flex;flex-direction:column}#info-body{flex:1;overflow:auto;font-size:0.9rem;line-height:1.4em;color:var(--light-gray);font-weight:350;text-wrap:pretty;padding:32px max(16px,calc((100% - 560px) / 2));width:100%;font-weight:350;font-family:var(--limkin);font-variation-settings:var(--limkin-light)}.info-demo-head{display:block;width:100%;text-align:left;background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.info-demo-num{font-family:var(--mono);font-size:0.7rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0.1em;font-weight:550;font-variation-settings:"wght" 550;line-height:1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;gap:8px}.info-demo-num svg{width:16px;height:16px;fill:currentColor}#info-body h1{line-height:1.1em;margin-bottom:32px;text-wrap:balance;font-size:1.6rem;letter-spacing:-0.02em;color:var(--off-white);font-variation-settings:var(--limkin-bold);font-weight:650}#info-body .info-demo-head:hover h1{color:var(--accent)}.info-demo-head:active{opacity:0.25}body.embed .info-demo-head{cursor:unset}body.embed #info-body .info-demo-head:hover h1{color:var(--off-white)}body.embed .info-demo-head:active{opacity:1}#info-body h1 code{color:inherit;background:unset;padding:unset;font-size:0.85em;font-family:var(--mono);font-weight:800;font-variation-settings:"wght" 800;padding:1px 4px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);box-decoration-break:clone;-webkit-box-decoration-break:clone}#info-body h2{font-size:1.1rem;line-height:1.2em;font-variation-settings:var(--limkin-bold);font-weight:650;color:var(--off-white);margin:32px 0 16px 0;text-wrap:balance;letter-spacing:-0.01em}#info-body h3{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.05em;font-weight:550;font-variation-settings:"wght" 550;line-height:1em;text-transform:uppercase;color:var(--off-white);margin:32px 0 16px 0}#info-body p{margin:16px 0;letter-spacing:0.01em}#info-body ul.md-ul,#info-body ol.md-ol{list-style:none;margin:16px 0;padding-left:0;letter-spacing:0.01em}#info-body ul.md-ul>li,#info-body ol.md-ol>li{display:flex;gap:8px;margin:4px 0}#info-body .md-ul-bullet,#info-body .md-ol-bullet{flex:0 0 auto;color:var(--accent);align-self:start;font-weight:450;font-size:0.6rem;line-height:1em;margin-top:1px;width:20px;display:flex;align-items:center;justify-content:center;height:20px;letter-spacing:0.05em;font-family:var(--mono);padding:2px;font-variation-settings:"wght" 550}#info-body .md-ul-bullet svg{width:100%;fill:currentColor;height:100%}#info-body .md-li{flex:1 1 auto;min-width:0}#info-body .faq{margin:32px 0;background:color-mix(in srgb,var(--off-black) 40%,transparent);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%);background-color:color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%);overflow:hidden;gap:1px;display:flex;flex-direction:column}#info-body .faq-item{background:var(--off-black)}#info-body .faq-item:first-child{border-top:none}#info-body .faq-q{display:flex;align-items:center;gap:12px;padding:calc(8px + 0.2em) 16px 8px 16px;line-height:1.4em;cursor:pointer;font-weight:350;font-variation-settings:var(--limkin-light);letter-spacing:0.01em;list-style:none;background-color:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}#info-body .faq-q::-webkit-details-marker{display:none}#info-body .faq-q svg{flex:0 0 auto;margin-left:auto;width:16px;height:16px;color:var(--accent);fill:currentColor;transform:translateY(-2px)}#info-body .faq-item[open]>.faq-q svg{transform:rotate(180deg) translateY(2px)}#info-body .faq-q:hover svg,#info-body .faq-item[open]>.faq-q svg{color:var(--off-black)}#info-body .faq-item[open]>.faq-q{background-color:var(--accent);color:var(--off-black)}#info-body .faq-q:hover{background:var(--off-white) !important;color:var(--off-black) !important}#info-body .faq-q:active{opacity:0.25}#info-body .faq-a{padding:16px 16px 0 16px}#info-body .faq-a>:first-child{margin-top:4px}#info-body .faq-a>:last-child{margin-bottom:16px}#info-body .md-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}#info-body .md-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent);color:var(--off-black);font-weight:550;font-variation-settings:"wght" 550;text-decoration:none}#info-body .md-button span{padding-top:0.2em}#info-body .md-button::after{content:none}#info-body .md-button:hover{background-color:var(--off-white);color:var(--off-black)}#info-body .md-button:active{opacity:0.25}#info-body .md-button svg{width:16px;height:16px;flex:0 0 auto}#info-body code{color:var(--accent);background:color-mix(in srgb,var(--off-black) 50%,transparent);padding:1px 4px;font-size:0.8rem;font-family:var(--mono);font-weight:350;font-variation-settings:"wght" 350;letter-spacing:0;box-decoration-break:clone;-webkit-box-decoration-break:clone}#info-body a{color:inherit;text-decoration-thickness:1px;text-underline-offset:0.2em;position:relative;padding-right:2ch}#info-body a::after{content:"↗";position:absolute;top:-0.2em;right:0.5ch;font-weight:550;font-variation-settings:"wght" 550;color:var(--accent)}#info-body a:hover{text-decoration:none;color:var(--off-white)}#info-body a:active{opacity:0.25}#info-body blockquote{padding:calc(12px + 0.2em) 16px 12px 16px;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);margin:16px 0;color:var(--off-white)}#info-body blockquote p:nth-child(1){margin-top:0}#info-body blockquote p:nth-last-child(1){margin-bottom:0}#info-body strong{letter-spacing:0.02em;color:var(--off-white);font-variation-settings:var(--limkin-bold);font-weight:650}.info-next{display:flex;flex-direction:column;margin-top:32px;padding:16px 40px 16px 16px !important;gap:8px;text-decoration:none;position:relative;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}.info-next::after{display:none}.info-next-label{font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;font-size:0.6rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--accent);line-height:1.1em}.info-next-title{font-family:var(--limkin);font-variation-settings:var(--limkin-bold);font-weight:650;font-size:1rem;line-height:1.1em;color:var(--off-white);text-wrap:balance}.info-next svg{width:24px;height:24px;fill:var(--accent);position:absolute;bottom:16px;right:16px}.info-next:hover{background:var(--off-white)}.info-next:hover .info-next-label,.info-next:hover .info-next-title,.info-next:hover svg{color:var(--off-black);fill:var(--off-black)}.info-next:active{opacity:0.25}#info-shortcuts{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;max-height:50%;overflow:hidden;border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:color-mix(in srgb,var(--accent) 20%,var(--off-black) 100%)}.sc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;letter-spacing:0.05em;text-transform:uppercase;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;color:var(--accent);padding:8px 16px;font-size:0.6rem;line-height:1em;height:40px;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);cursor:pointer;user-select:none}.sc-title{display:flex;align-items:center;gap:8px}.sc-title svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}.sc-title span{padding-top:0.05em;display:flex;align-items:center;gap:8px}.sc-title span::after{content:"";width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(90deg)}.sc-head:hover:not(:has(.sc-toggle:hover)){background:var(--off-white);color:var(--off-black)}.sc-head:active:not(:has(.sc-toggle:hover)){opacity:0.25}.sc-list{border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);display:flex;flex-direction:column;gap:2px;padding:16px;flex:1;min-height:0;overflow:auto;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550}.sc-sep{opacity:0.5;color:var(--accent);margin:0 0.25em}.sc-row{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;padding:4px 0px 6px 0;border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%)}.sc-keys{color:var(--off-white);font-size:0.8rem;word-spacing:-0.2em;font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;line-height:1.2em;text-transform:uppercase}.sc-desc{color:var(--accent);font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;font-variation-settings:"wght" 550;font-weight:550}.sc-row:nth-child(1){padding-top:unset}.sc-row:nth-last-child(1){border-bottom:unset;padding-bottom:unset}.sc-toggle{display:flex;gap:4px;flex-shrink:0}.sc-keys .sc-win{display:none}body.sc-win .sc-keys .sc-mac{display:none}body.sc-win .sc-keys .sc-win{display:inline}.sc-os{white-space:nowrap;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--accent);padding:4px calc(8px - 0.05em) 4px 8px;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:24px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.sc-os.on,body:not(.sc-win) #info-shortcuts .sc-os[data-os="mac"],body.sc-win #info-shortcuts .sc-os[data-os="win"]{background:var(--accent);color:var(--off-black);border-color:var(--accent)}.sc-os:hover{background:var(--off-white) !important;color:var(--off-black) !important;border-color:var(--off-white) !important}.sc-os:active{opacity:0.25}body.sc-collapsed #info-shortcuts{max-height:none}body.sc-collapsed #info-shortcuts .sc-list,body.sc-collapsed #info-shortcuts .sc-toggle{display:none}body.sc-collapsed .sc-title span::after{transform:rotate(-90deg)}#code-panel{position:relative;--accent:var(--green);opacity:0;flex:1;height:100%;display:flex;overflow:hidden;min-width:0;background:color-mix(in srgb,var(--accent) 5%,var(--off-black) 100%);animation:fade-in 0.25s 0.05s forwards}#boot-error{display:none;padding:18px 20px;font-family:var(--mono);font-size:1rem;color:var(--red)}#boot-error code{color:var(--accent)}#code-wrap{width:100%;min-width:200px;height:100%;overflow:hidden;background-color:color-mix(in srgb,var(--accent) 10%,var(--off-black) 100%)}#code-wrap .cm-content{padding-bottom:25vh}#code-main{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column}#code-main #code-scroll{flex:1 1 auto;min-height:0;height:auto;border-left:unset}#file-tabs{flex:0 0 auto;display:flex;flex-direction:column;background:color-mix(in srgb,var(--accent) 5%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}#file-tabs[hidden]{display:none}.ft-row{display:flex;align-items:end;min-width:0;height:40px}.ft-scroll{flex:1 1 auto;min-width:0;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;gap:1px;padding-top:1px}.ft-scroll::-webkit-scrollbar{display:none;height:0}.ft-actions{flex:0 0 auto;display:flex;align-items:stretch;border-left:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:var(--off-black);overflow:hidden}.ft-actions .file-tab{border-right:unset;outline:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.ft-actions .file-tab:hover{background-color:var(--off-white)}.ft-actions .file-tab:hover svg{fill:var(--off-black)}.ft-actions .file-tab:active{opacity:0.25}.ft-scrollbar{flex:0 0 auto;position:relative;height:5px;background:color-mix(in srgb,var(--off-black) 60%,transparent);border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);cursor:pointer;touch-action:none}.ft-scrollbar[hidden]{display:none}.ft-thumb{position:absolute;top:0;left:0;height:4px;min-width:24px;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);touch-action:none;outline:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.ft-thumb:hover{background:var(--off-white)}.ft-thumb:active{opacity:0.5}.file-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;color:var(--off-white);background:none;border:unset;outline:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);padding:8px 16px;cursor:pointer;white-space:nowrap;height:40px}.file-tab.is-entry{padding-right:20px}.file-tab-icon{flex:0 0 auto;display:inline-flex;width:16px;height:16px;fill:var(--accent);margin-right:8px}.file-tab-icon svg{width:100%;height:100%;display:block}.file-tab-name{font-family:var(--mono);font-size:0.7rem;font-weight:350;font-variation-settings:"wght" 350;line-height:1em}.file-tab-edit{flex:0 0 auto;display:inline-flex;width:16px;height:16px;margin-left:16px;fill:var(--light-gray);opacity:0.5}.file-tab-edit:hover{fill:var(--off-white);opacity:1}.file-tab-edit:active{opacity:0.25}.file-tab-del{flex:0 0 auto;display:inline-flex;width:16px;height:16px;fill:var(--light-gray);opacity:0.5}.file-tab-del:hover{fill:var(--off-white);opacity:1}.file-tab-del:active{opacity:0.25}.file-tab-add,.file-tab-upload{color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);width:40px;display:flex;align-items:center;justify-content:center;border-radius:0;height:40px}.file-tab-add svg,.file-tab-upload svg{flex:0 0 auto;display:inline-flex;width:16px;height:16px;fill:var(--accent)}#file-tabs.reorderable .file-tab{touch-action:none}.file-tab.dragging{position:relative;z-index:3;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}.file-tab.drop-target{box-shadow:inset 2px 0 0 var(--accent)}.file-tab.active{background:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.file-tab:hover{background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}.file-tab:active{filter:brightness(50%)}.mf-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:safe center;justify-content:center;padding:16px;--accent:var(--green);background:color-mix(in srgb,var(--accent) 22%,transparent);backdrop-filter:blur(20px) grayscale(100%) brightness(50%);-webkit-backdrop-filter:blur(20px) grayscale(100%) brightness(50%)}.mf-overlay[hidden]{display:none}.mf-dialog{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);font-family:var(--mono);color:var(--off-white);overflow:auto}.mf-dialog .dlg-actions{padding:0 16px 16px 16px;flex-wrap:wrap}.mf-dialog .dlg-field{grid-template-columns:80px 1fr}.mf-text{width:100%;box-sizing:border-box;font-family:var(--mono);font-size:0.8rem;color:var(--off-white);font-weight:350;line-height:1.2em;font-variation-settings:"wght" 350;background-color:var(--off-black);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%);height:40px;padding:8px 16px}.mf-text:focus{outline:none;border-color:var(--accent)}.mf-text::placeholder{color:var(--accent)}.dlg-code{background-color:var(--off-black);max-width:100%;overflow:auto;font-size:0.8rem;color:var(--off-white);line-height:1.2em;font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;padding:8px 16px}.dlg-codepair{display:grid !important;gap:1px !important;align-items:stretch;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background-color:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.dlg-shortcode + .dlg-shortcode{border-top:1px solid color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);padding-top:16px}.md-preview{width:100%;background-color:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);padding:8px !important}.md-preview>*{width:100%;margin:0 !important}.mf-hint{margin-top:8px;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;font-size:0.8rem;line-height:1.4em;color:var(--accent);letter-spacing:0.02em}.mf-hint code{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;color:var(--accent);font-size:0.9em}.mf-seg{justify-self:start;display:inline-flex;gap:1px !important;overflow:hidden;height:40px;background-color:color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%)}.mf-seg-btn{font-family:var(--mono);font-size:0.8rem;font-weight:350;font-variation-settings:"wght" 350;color:var(--off-white);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:unset;padding:8px 16px;cursor:pointer}.mf-seg-btn:last-child{border-right:unset}.mf-seg-btn:hover{background-color:var(--off-white);color:var(--off-black)}.mf-seg-btn.active{color:var(--off-black);background:var(--accent)}.mf-seg-btn:active{opacity:0.25}.mf-final{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;font-size:0.8rem;color:var(--accent);padding:10px 18px;background:var(--off-black);min-height:40px;display:flex;align-items:center;overflow:auto}.mf-error{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;font-size:0.8rem;color:var(--red)}.mf-error[hidden]{display:none}#drop-title{display:flex;align-items:center;gap:8px}.mf-droplist{display:flex;flex-direction:column;overflow:auto;background-color:var(--off-black);padding:16px}.mf-drop-item{display:flex;justify-content:space-between;gap:12px;font-size:0.8rem;color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);padding-bottom:16px;padding-top:16px}.mf-drop-item:nth-of-type(1){padding-top:unset}.mf-drop-item:nth-last-of-type(1){border-bottom:unset;padding-bottom:unset}.mf-drop-name{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;font-size:0.8rem}.mf-drop-lang{text-transform:uppercase;font-size:0.6rem;letter-spacing:0.05em;font-variation-settings:"wght" 550;font-weight:550;align-self:center}.mf-note{flex-basis:100%;font-family:var(--mono);font-weight:350;font-variation-settings:"wght" 350;font-size:0.6rem;line-height:1.2em;opacity:0.5;color:var(--accent)}.mf-note[hidden]{display:none}.mf-drop-flag{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--off-black);background:var(--yellow);padding:2px 8px;transform:translateY(-2px);font-variation-settings:"wght" 550;font-weight:550;white-space:nowrap}.mf-drop-item.over .mf-drop-lang{color:var(--yellow)}.mf-droplist .dlg-actions{padding:0}.mf-droplist .dlg-actions button{padding:4px 8px;border-color:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}#save-toast{position:fixed;z-index:70;pointer-events:none;--accent:var(--yellow);font-family:var(--mono);font-size:0.6rem;letter-spacing:0.05em;text-transform:uppercase;font-variation-settings:"wght" 550;font-weight:550;line-height:1em;color:var(--off-black);background:var(--accent);padding:8px 16px;box-sizing:border-box;text-align:center;opacity:0}#save-toast.show{opacity:1}#load-all[hidden]{display:none}.demo-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto;padding:16px}#load-overlay .dlg-body{flex:1;min-height:0;padding:0}.demo-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;cursor:pointer;font-size:0.8rem;color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);padding-bottom:16px;padding-top:16px}.demo-item:nth-of-type(1){padding-top:unset}.demo-item:nth-last-of-type(1){border-bottom:unset;padding-bottom:unset}.demo-item:hover,.demo-item:hover .demo-name,.demo-item:hover .demo-date,.demo-item:hover .demo-filelist{color:var(--off-white)}.demo-name{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;font-size:0.8rem}.demo-date{text-transform:uppercase;font-size:0.6rem;letter-spacing:0.05em;font-variation-settings:"wght" 550;font-weight:550;align-self:center}.demo-filelist,.demo-empty{flex-basis:100%;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;font-size:0.8rem;letter-spacing:0.02em;line-height:1.4em;color:var(--accent)}.demo-acts{display:flex;gap:4px;flex-basis:100%;margin-top:8px;flex-wrap:wrap}.demo-acts .ctrl{padding:4px 8px;height:unset;border-color:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.mf-menu{position:fixed;z-index:60;display:flex;flex-direction:column;min-width:160px;gap:1px;background:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);overflow:hidden;--accent:var(--light-gray)}.mf-menu[hidden]{display:none}.mf-menu button{font-family:var(--mono);font-size:0.8rem;text-align:left;color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:unset;padding:8px 16px;font-variation-settings:"wght" 350;font-weight:350;cursor:pointer}.mf-menu button:hover{background-color:var(--off-white);color:var(--off-black)}.mf-menu button:active{opacity:0.25}#media-view{width:100%;height:100%;display:flex;flex-direction:column;background:color-mix(in srgb,var(--accent) 10%,var(--off-black) 100%)}#media-view[hidden]{display:none}.mv-stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;padding:32px;overflow:auto}.mv-img,.mv-video{max-width:100%;max-height:100%;object-fit:contain;background-image:linear-gradient(45deg,color-mix(in srgb,var(--off-white) 8%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--off-white) 8%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--off-white) 8%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--off-white) 8%,transparent) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.mv-audio{width:min(90%,420px)}.mv-other{font-family:var(--mono);font-size:0.8rem;color:var(--accent);font-variation-settings:"wght" 350;font-weight:350;text-wrap:balance;text-align:center}.mv-fontstage{align-items:center;justify-content:center;text-align:center;text-wrap:balance}.mv-specimen{color:var(--off-white);display:flex;flex-direction:column;gap:18px;width:100%}.mv-spec-big{font-size:3rem;line-height:1.1}.mv-spec-mid{font-size:1.35rem;line-height:1.3}.mv-spec-small{font-size:0.95rem;line-height:1.5;word-break:break-word;color:color-mix(in srgb,var(--off-white) 80%,transparent)}.mv-meta{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);font-family:var(--mono);font-size:0.6rem;color:var(--accent);overflow:hidden;font-weight:550;font-variation-settings:"wght" 550;height:40px}.mv-kind{flex:0 0 auto;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent)}.mv-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-open{flex:0 0 auto;color:var(--accent)}#preview-now{flex:0 0 auto;padding:6px 16px;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;font-size:0.6rem;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;overflow:auto;text-overflow:ellipsis;display:flex;align-items:center;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);gap:1ch}#preview-now svg{width:12px;height:12px;fill:var(--accent);margin-right:6px;flex:0 0 auto}#preview-now[hidden]{display:none}#preview-now .pn-label{color:var(--accent)}#preview-now-file{color:var(--off-white)}#preview-disabled{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;line-height:1.2em;font-variation-settings:"wght" 350;font-weight:350;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);color:color-mix(in srgb,var(--off-white) 80%,transparent);font-family:var(--mono);font-size:0.8rem;text-wrap:balance}#preview-disabled[hidden]{display:none}#preview-disabled strong{color:var(--accent);display:inline-block;margin-bottom:4px}body.cfg-console-only #preview-frame-wrap{flex:0 0 auto;height:5rem}body.cfg-console-only #console{flex:1 1 auto;min-height:0;height:auto !important;max-height:none !important}body.cfg-console-only #console-resizer{display:none}body.cfg-console-only #console-head{cursor:default;border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}body.cfg-console-only #console-head:hover:not(:has(#console-clear:hover)),body.cfg-console-only #console-head:active:not(:has(#console-clear:hover)){background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%);color:var(--accent);opacity:1}body.cfg-console-only #console-head>span:first-child::before{display:none}body.cfg-hide-info #info-panel,body.cfg-hide-code #code-panel,body.cfg-hide-preview #preview-panel{display:none !important}body.cfg-hide-info #resizer-left,body.cfg-hide-code #resizer-left,body.cfg-hide-preview #resizer-right,body.cfg-solo #resizer-left,body.cfg-solo #resizer-right{display:none !important}body.cfg-hide-code #preview-panel{flex:1 1 0 !important;width:auto !important}body.cfg-solo #info-panel,body.cfg-solo #code-panel,body.cfg-solo #preview-panel{animation-delay:0s}body.cfg-hide-code:not(.cfg-solo) #resizer-right,body.cfg-hide-code:not(.cfg-solo) #preview-panel{animation-delay:0.1s}body.cfg-hide-info:not(.cfg-solo) #code-panel{animation-delay:0s}body.cfg-hide-info:not(.cfg-solo) #resizer-right,body.cfg-hide-info:not(.cfg-solo) #preview-panel{animation-delay:0.1s}body.cfg-solo #info-panel,body.cfg-solo #code-panel,body.cfg-solo #preview-panel{flex:1 1 auto !important;width:auto !important;max-width:none !important}body.cfg-solo .panel-spine,body.cfg-solo #mobile-tabs{display:none !important}body.cfg-hide-code #info-shortcuts{display:none}body.cfg-hide-console #console,body.cfg-hide-console #console-resizer{display:none !important}body.cfg-hide-info .m-tab[data-tab="info"],body.cfg-hide-code .m-tab[data-tab="code"],body.cfg-hide-preview .m-tab[data-tab="preview"]{display:none !important}.info-files{margin:32px 0;background:var(--off-black);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.info-files h3{margin:0 !important;fill:var(--accent);color:var(--accent) !important;background-color:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);padding:8px 16px;width:100%;display:flex;align-items:center;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.info-files h3 svg{width:16px;height:16px;flex-shrink:0}.info-files h3 span{padding-top:0.05em}.info-files .filetree{margin:0;background-color:unset}button.ctrl:disabled,.zoom-opt:disabled{opacity:0.25 !important;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%) !important;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%) !important;color:var(--accent) !important;cursor:not-allowed}button.ctrl.locked,.zoom-opt.locked{background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%) !important;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%) !important;color:var(--accent) !important;opacity:0.25 !important;cursor:not-allowed}button.ctrl.locked.on,.zoom-opt.locked.on{background-color:var(--accent) !important;color:var(--off-black) !important;border-color:var(--accent) !important;opacity:0.25 !important;cursor:not-allowed}.filetree{font-family:var(--mono);font-size:0.8rem;line-height:1.25em;white-space:pre;overflow-x:auto;margin:1em 0;padding:16px;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);color:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.filetree .ftree-folder{color:var(--accent);font-weight:350;font-variation-settings:"wght" 350}.filetree .ftree-file{color:var(--light-gray);font-weight:350;font-variation-settings:"wght" 350}.filetree button.ftree-file{font:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;vertical-align:baseline;text-align:left}.filetree button.ftree-file:hover{color:var(--off-white)}.filetree button.ftree-file:active{opacity:0.25}.filetree button.ftree-file.active::after{content:"";width:8px;height:8px;margin-left:6px;display:inline-block;background:var(--accent);animation:filetree-active 1s infinite ease-in-out alternate}@keyframes filetree-active{from{transform:scale(1) translateY(-1px)}to{transform:scale(0.5) translateY(-1px)}}.ctrl svg,.tb-action svg,.ph-ctrl svg,.lbl svg,.m-tab svg,.btn-icon svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-icon.icon-only{gap:0}#code-toggles{flex:0 0 auto;display:flex;gap:4px;justify-content:safe end;padding:8px;overflow:auto;overflow-y:hidden;width:100%;box-sizing:border-box;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);height:40px;border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}#code-toggles::-webkit-scrollbar{display:none}#cursor-pos{margin-right:auto;align-self:center;flex:0 0 auto;white-space:nowrap;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.05em;font-weight:550;font-variation-settings:"wght" 550;color:var(--accent);padding-left:4px;padding-right:8px}#code-toggles .ctrl{flex-grow:0}body.viewing-media #code-toggles{display:none}.mf-dialog .dlg-field[hidden]{display:none}#settings-popup{position:absolute;right:8px;bottom:48px;z-index:6;width:400px;max-width:calc(calc(100% - var(--strip)) - 16px);max-height:calc(100% - 76px);display:flex;flex-direction:column;font-family:var(--mono);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);overflow:hidden}#settings-popup[hidden]{display:none}.sp-head{display:flex;align-items:center;padding:12px 16px calc(12px - 0.1em) 16px;gap:8px;flex-shrink:0;position:sticky;top:0;font-size:0.6rem;height:40px;font-weight:550;font-variation-settings:"wght" 550;letter-spacing:0.05em;text-transform:uppercase;color:var(--accent);fill:var(--accent);background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.sp-head svg{width:16px;height:16px;flex-shrink:0}.sp-head span{flex-grow:1}#sp-close{fill:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;height:16px;background-color:unset;border:unset}#sp-close svg{width:16px;height:16px;flex-shrink:0}#sp-close:hover{fill:var(--off-white)}#sp-close:active{opacity:0.25}.sp-body{padding:8px 0;font-size:0.8rem;overflow:auto}.ctrl-sec{display:grid;grid-template-columns:80px 1fr;gap:8px;align-items:start;margin:0 16px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}.ctrl-sec:nth-last-child(1){border-bottom:0}.ctrl-sec-title{text-transform:uppercase;color:var(--off-white);user-select:none;font-size:0.6rem;font-weight:550;font-variation-settings:"wght" 550;letter-spacing:0.05em;line-height:1em;display:flex;align-items:center;gap:8px;padding-top:4px}.ctrl-sec-title svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}.ctrl-sec-controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.ctrl-field{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-grow:1;overflow:hidden;width:100%;height:24px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);padding:4px 0 4px 8px}.ctrl-field .lbl{color:var(--accent);font-size:0.6rem;letter-spacing:0.05em;line-height:1em;font-weight:550;font-variation-settings:"wght" 550;text-transform:uppercase;min-width:10ch;display:flex;align-items:center;gap:6px}button.ctrl,select.ctrl,a.ctrl{white-space:nowrap;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--accent);padding:4px 8px;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-variation-settings:"wght" 550;font-weight:550;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;height:24px;flex-grow:1;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}a.ctrl{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}select.ctrl{height:32px;padding:0px calc(8px - 0.05em) 0 8px;flex-grow:1;text-align:center;border-right:unset;border-radius:0 4px 4px 0}.dsel{position:relative;display:flex;flex-grow:1;min-width:0}.dsel>select{flex-grow:1;color:transparent !important;font-size:15px}.dsel>select option{color:var(--accent);font-size:15px}.dsel-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:550;font-variation-settings:"wght" 550;font-family:var(--mono);text-transform:uppercase;letter-spacing:0.05em;color:var(--accent);pointer-events:none}.dsel>select:hover ~ .dsel-val{color:var(--off-black)}button.ctrl.on{color:var(--off-black);background:var(--accent);border-color:var(--accent)}button.ctrl[hidden],a.ctrl[hidden]{display:none}button.ctrl:hover,select.ctrl:hover,a.ctrl:hover{background:var(--off-white);color:var(--off-black);border-color:var(--off-white)}button.ctrl:active,select.ctrl:active,a.ctrl:active{opacity:0.25}input.ctrl-range{-webkit-appearance:none;appearance:none;height:1px;background:var(--accent);cursor:pointer;outline:none;flex-grow:1;width:40px}input.ctrl-range:hover{background-color:var(--off-white)}input.ctrl-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent);cursor:pointer;border:1px solid var(--accent)}input.ctrl-range::-moz-range-thumb{width:12px;height:12px;background:var(--accent);cursor:pointer;border:1px solid var(--accent)}input.ctrl-range:hover::-webkit-slider-thumb{background-color:var(--off-white);border-color:var(--off-white)}input.ctrl-range:hover::-moz-range-thumb{background-color:var(--off-white);border-color:var(--off-white)}.fs-readout{color:var(--accent);min-width:2.5ch;text-align:right;font-size:0.6rem;letter-spacing:0.05em;line-height:1em;font-weight:550;font-variation-settings:"wght" 550;margin-right:8px}#lint-bar{position:absolute;left:calc(var(--strip) + 9px);right:8px;bottom:48px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}#lint-bar>*{pointer-events:auto}#lint-bar[hidden]{display:none}.lint-chip-row{width:100%;display:flex;align-items:flex-start;max-width:100%;gap:4px}.lint-jump,.lint-more{margin:0;flex-grow:1;font-family:var(--mono);cursor:pointer;background:color-mix(in srgb,var(--yellow) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--yellow) 75%,var(--off-black) 100%)}.lint-jump{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:100%;padding:16px;text-align:left}.lint-more{flex:none;padding:4px calc(8px - 0.05em) 4px 8px;height:24px;font-size:0.6rem;font-weight:550;font-variation-settings:"wght" 550;letter-spacing:0.05em;text-transform:uppercase;color:var(--yellow);white-space:nowrap}.lint-jump:hover,.lint-more:hover{background:var(--off-white);color:var(--off-black);border-color:var(--off-white)}.lint-head{font-size:0.8rem;line-height:1em;font-weight:350;font-variation-settings:"wght" 350;color:var(--yellow)}.lint-jump:hover .lint-head,.lint-more:hover .lint-head,.lint-jump:hover .lint-msg{color:var(--off-black)}.lint-msg{font-size:0.9rem;line-height:1.4em;color:var(--light-gray);text-wrap:pretty;letter-spacing:0.01em;padding-top:0.2em;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;white-space:normal;overflow-wrap:anywhere}.lint-msg code{font-family:var(--mono);font-weight:350;font-variation-settings:"wght" 350;background:color-mix(in srgb,var(--off-black) 50%,transparent);padding:1px 4px;font-size:0.8em;box-decoration-break:clone;-webkit-box-decoration-break:clone}#lint-list{align-self:stretch;max-height:42vh;overflow:auto;background:color-mix(in srgb,var(--yellow) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--yellow) 75%,var(--off-black) 100%)}#lint-list[hidden]{display:none}.lint-listrow{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:16px;text-align:left;border:unset;font-family:var(--mono);color:var(--off-white);background:transparent;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--yellow) 50%,var(--off-black) 100%)}#lint-list:hover .lint-listrow{border-color:var(--off-white)}.lint-listrow:last-child{border-bottom:unset}.lint-listrow:hover{background:var(--off-white);color:var(--off-black)}.lint-jump:hover code,.lint-listrow:hover code{color:var(--off-white)}.lint-listrow:hover .lint-head,.lint-listrow:hover .lint-msg{color:var(--off-black)}.cm-lint-line{background:linear-gradient( to right,var(--yellow) 0px,var(--yellow) 2px,color-mix(in srgb,var(--yellow) 10%,transparent) 2px,color-mix(in srgb,var(--yellow) 10%,transparent) 100% )}.cm-anno-line{background:linear-gradient( to right,var(--green) 0px,var(--green) 2px,color-mix(in srgb,var(--green) 10%,transparent) 2px,color-mix(in srgb,var(--green) 10%,transparent) 100% )}.cm-editor .cm-content::selection{background-color:transparent !important}.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb,var(--accent) 30%,var(--off-black) 100%) !important}.cm-editor .cm-cursor,.cm-editor .cm-dropCursor{border-left-color:var(--off-white) !important}.cm-editor .cm-cursor-secondary{border-left-color:var(--accent)}#preview-panel{opacity:0;animation:fade-in 0.25s 0.1s forwards;flex:0 0 auto;width:calc((100% - 372px) / 2);height:100%;display:flex;overflow:hidden;min-width:0;--accent:var(--blue)}@media (min-width:801px) and (max-width:1079px){#info-panel,#preview-panel{width:calc((100% - 12px) / 3)}}#preview-inner{width:100%;min-width:200px;height:100%;display:flex;flex-direction:column}#preview-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;letter-spacing:0.05em;text-transform:uppercase;color:var(--accent);padding:0 16px;font-size:0.6rem;font-weight:550;font-variation-settings:"wght" 550;line-height:1em;height:40px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);overflow:auto;white-space:nowrap;gap:16px}.ph-left,.ph-right{flex-shrink:0;display:flex;align-items:center;gap:4px;min-width:0}#preview-dims{color:var(--off-white);display:flex;flex-direction:column;letter-spacing:0.05em;margin-right:4px;gap:1px;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550}#preview-dims span:nth-child(1){color:var(--accent)}.zoom-toggle{white-space:nowrap;overflow:hidden;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--accent);line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;cursor:pointer;display:flex;align-items:stretch;justify-content:stretch;text-align:center;height:24px;flex-grow:1;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border-right:unset}.ph-left .zoom-toggle{border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.zoom-opt{font:inherit;font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent);background:transparent;border:none;padding:4px calc(8px - 0.05em) 4px 8px;cursor:pointer;flex-grow:1;font-weight:550;font-variation-settings:"wght" 550;flex-basis:0}.zoom-opt.on{background:var(--accent);color:var(--off-black)}.zoom-opt:hover{background:var(--off-white);color:var(--off-black)}.zoom-opt:active{opacity:0.25}.ph-ctrl{white-space:nowrap;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--accent);padding:4px calc(8px - 0.05em) 4px 8px;line-height:1em;gap:6px;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:24px;flex-grow:1;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%)}.ph-ctrl.on{color:var(--off-black);background:var(--accent);border-color:var(--accent)}.ph-ctrl:hover{background-color:var(--off-white);border-color:var(--off-white);color:var(--off-black)}.ph-ctrl:active{opacity:0.25}select.ph-ctrl{height:21px;padding:0px calc(8px - 0.05em) 0 8px;flex-grow:1;border-right:unset;border-bottom:unset;border-top:unset;text-align:center;border-radius:0;font-weight:550;font-variation-settings:"wght" 550}.ph-field{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);padding:4px 0 4px 8px;height:24px;overflow:hidden}.ph-lbl{color:var(--accent);font-size:0.6rem;letter-spacing:0.05em;line-height:1em;font-family:var(--mono);font-weight:550;font-variation-settings:"wght" 550;text-transform:uppercase;display:flex;align-items:center;gap:4px}.ph-lbl svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}#preview-frame-wrap{flex:1;position:relative;overflow:hidden;min-height:0;background:#fff}#preview-frame{position:absolute;top:0;left:0;border:none;background:#fff;transform-origin:0 0}#preview-paused{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;flex-direction:column;background:color-mix(in srgb,var(--accent) 25%,transparent);cursor:pointer;backdrop-filter:brightness(25%);-webkit-backdrop-filter:brightness(25%)}#preview-paused[hidden]{display:none}#preview-paused span{font-family:var(--mono);text-transform:uppercase;letter-spacing:0.1em;font-size:0.8rem;line-height:1.1em;color:var(--off-black);font-weight:350;font-variation-settings:"wght" 350;text-align:center;background-color:var(--accent);padding:12px 16px;animation:preview-paused 1s infinite alternate ease-in-out}#preview-paused strong{font-weight:550;font-variation-settings:"wght" 550}@keyframes preview-paused{from{transform:translateY(4px)}to{transform:translateY(-4px)}}#preview-paused:hover span{background-color:var(--off-white)}#preview-paused:active span{opacity:0.25}.cm-gutters{background-color:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%) !important;color:color-mix(in srgb,var(--accent) 50%,var(--off-black) 100%) !important;border-right:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%) !important}.cm-activeLine{background-color:color-mix(in srgb,var(--accent) 5%,var(--off-black) 0%) !important}.cm-activeLineGutter{background-color:color-mix(in srgb,var(--accent) 20%,var(--off-black) 100%) !important;color:var(--accent) !important}.cm-focused .cm-matchingBracket{background-color:color-mix(in srgb,var(--accent) 30%,var(--off-black) 100%) !important}.cm-scroller{font-family:var(--mono) !important;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.cm-scroller::-webkit-scrollbar{width:0;height:0}.cm-editor{height:100%;position:relative;font-weight:350;font-family:var(--mono) !important;background-color:var(--off-black) !important;color:var(--light-gray) !important;--indent-marker-active-bg-color:var(--accent) !important;--indent-marker-bg-color:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%) !important;font-feature-settings:"liga" 0}.cm-vbar,.cm-hbar{position:absolute;z-index:4;display:none;pointer-events:none}.cm-vbar{top:4px;right:4px;bottom:4px;width:8px}.cm-hbar{left:4px;right:4px;bottom:4px;height:8px}.cm-editor.cm-both-bars .cm-vbar{bottom:16px}.cm-editor.cm-both-bars .cm-hbar{right:16px}.cm-vthumb,.cm-hthumb{position:absolute;pointer-events:auto;cursor:grab;background:color-mix(in srgb,var(--accent) 15%,transparent)}.cm-vthumb{top:0;right:0;width:10px}.cm-hthumb{bottom:0;left:0;height:10px}.cm-vthumb:hover,.cm-hthumb:hover{background:var(--off-white)}.cm-vthumb.dragging,.cm-hthumb.dragging{cursor:grabbing;background:var(--off-white);opacity:0.25}.cm-editor.cm-focused{outline:none}.cm-editor .cm-line{padding-left:var(--cm-line-pad)}.cm-editor .tok-keyword{color:var(--yellow)}.cm-editor .tok-string{color:var(--yellow)}.cm-editor .tok-comment{color:var(--off-white);opacity:0.35;font-style:italic}.cm-editor .tok-number{color:var(--blue)}.cm-editor .tok-atom{color:var(--blue)}.cm-editor .tok-operator{color:var(--purple)}.cm-editor .tok-variable{color:inherit}.cm-editor .tok-def{color:var(--blue)}.cm-editor .tok-function{color:var(--blue)}.cm-editor .tok-property{color:var(--green)}.cm-editor .tok-type{color:var(--pink)}.cm-editor .tok-class{color:var(--pink)}.cm-editor .tok-tag{color:var(--green)}.cm-editor .tok-attr{color:var(--blue)}.cm-editor .tok-attr-value{color:var(--yellow)}.cm-editor .tok-punct{color:var(--purple)}.cm-editor .tok-bracket{color:var(--purple)}.cm-editor .tok-bracket-html{color:var(--off-white);opacity:0.6}.cm-editor .tok-meta{color:var(--off-white);opacity:0.3}.cm-editor .tok-link{color:var(--blue);text-decoration:underline}.cm-editor .tok-heading{color:var(--green);font-weight:550;font-variation-settings:"wght" 550}.cm-editor .tok-emphasis{font-style:italic}.cm-editor .tok-strong{font-weight:700}.cm-editor .tok-invalid{color:var(--red)}.cm-anno-gutter{width:1.7em}.cm-anno-pin{display:inline-flex;align-items:center;justify-content:center;font-size:0.8em;font-weight:550;font-variation-settings:"wght" 550;margin-left:0.2em;fill:var(--accent);height:2.2ch;width:3ch;padding:0.3em;margin-top:0.2em;color:var(--accent);cursor:pointer}.cm-anno-pin.empty{opacity:0.1}.cm-anno-pin.empty:hover{opacity:1}.cm-anno-pin.open{fill:var(--off-white)}.cm-anno-pin:active{opacity:0.25}.cm-anno{box-sizing:border-box;position:sticky;left:calc(var(--cm-gw) - 1px);width:calc(var(--cm-callout-w) - 0.5px);padding:16px}.cm-anno-inner{padding:16px;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);border-top:4px solid var(--accent);font-family:var(--mono);background-color:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);white-space:normal}.cm-anno-text{font-size:0.9rem;line-height:1.4em;color:var(--light-gray);text-wrap:pretty;letter-spacing:0.01em;padding-top:0.2em;font-weight:350;font-family:var(--limkin);font-variation-settings:var(--limkin-light)}.cm-anno-text code{font-family:var(--mono);font-weight:350;font-variation-settings:"wght" 350;font-size:0.85em;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);padding:1px 4px;letter-spacing:-0.02em;position:relative;top:-1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.cm-tooltip.cm-tooltip-autocomplete{background-color:var(--dark-gray) !important;border:1px solid var(--off-black) !important}.cm-tooltip-autocomplete>ul{color:var(--light-gray) !important}.cm-tooltip-autocomplete>ul>li{color:var(--light-gray) !important}.cm-tooltip-autocomplete>ul>li:hover{background-color:var(--off-white) !important;color:var(--off-black) !important}.cm-tooltip-autocomplete>ul>li[aria-selected]{background-color:var(--light-gray) !important;color:var(--off-black) !important}.cm-tooltip-autocomplete .cm-completionIcon{color:var(--off-white) !important;opacity:1 !important}.cm-tooltip-autocomplete>ul>li:hover .cm-completionIcon{color:var(--off-black) !important}.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionIcon{color:var(--off-black) !important}#console{height:220px;max-height:75%;display:flex;--accent:var(--purple);flex-direction:column;background:color-mix(in srgb,var(--accent) 10%,var(--off-black) 100%);min-height:0}#console-resizer{height:6px;flex-shrink:0;cursor:row-resize;border-top:1px solid color-mix(in srgb,var(--blue) 75%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--purple) 75%,var(--off-black) 100%);background:var(--off-black)}#console-resizer:hover,body.draggingC #console-resizer{background:var(--off-white)}body.draggingC{cursor:row-resize;user-select:none}body.draggingC #preview-frame{pointer-events:none}#console-head{display:flex;align-items:center;flex-shrink:0;letter-spacing:0.05em;text-transform:uppercase;color:var(--accent);padding:8px 16px;font-size:0.6rem;font-family:var(--mono);font-variation-settings:"wght" 550;font-weight:550;line-height:1em;height:40px;background:color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);cursor:pointer}#console-head svg{width:16px;height:16px;flex-shrink:0;fill:currentColor}#console-head:hover:not(:has(#console-clear:hover)){background:var(--off-white);color:var(--off-black)}#console-head:active:not(:has(#console-clear:hover)){opacity:0.25}.console-title{display:flex;align-items:center;gap:8px}.console-title span{display:flex;align-items:center;gap:8px;padding-top:0.05em}.console-title span::after{content:"";width:0;height:0;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(90deg)}#console-clear{white-space:nowrap;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--accent);padding:4px 8px;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;height:24px;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);margin-left:auto}#console-clear svg{width:16px;height:16px;flex:0 0 auto;fill:currentColor}#console-clear:hover{background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}#console-clear:active{opacity:0.25}#console.collapsed #console-head>span:first-child::after{transform:rotate(-90deg)}#console.collapsed{height:40px;flex:0 0 auto}#console.collapsed #console-head{border-bottom:1px solid var(--accent);border-bottom:none}#console.collapsed #console-log,#console.collapsed #console-input-row,#console.collapsed #console-clear{display:none}#console-log{flex:1;overflow:auto;font-family:var(--mono);font-size:0.8rem;line-height:1.4em}.ln{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid color-mix(in srgb,var(--purple) 15%,var(--off-black) 100%);display:flex;align-items:center;padding:8px 0;font-size:0.8rem;line-height:1.4em;font-weight:350;font-variation-settings:"wght" 350}.ln .mark{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--accent)}.ln.log{color:var(--off-white)}.ln.warn{--accent:var(--yellow);color:var(--accent);background:color-mix(in srgb,var(--purple) 15%,var(--off-black) 100%)}.ln.error{--accent:var(--red);color:var(--accent);background:color-mix(in srgb,var(--purple) 15%,var(--off-black) 100%)}.ln.input{color:var(--accent)}.ln.result{color:var(--off-white)}#console-input-row{flex-shrink:0;padding:8px 16px 8px 0;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);height:40px;overflow:auto;display:flex;white-space:nowrap}#console-input-row .prompt{color:var(--accent);width:32px;padding-top:0.2em;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-align:center}#console-input{flex-grow:1;flex-shrink:0;background:none;border:none;outline:none;color:var(--off-white);font-family:var(--mono);line-height:1em;font-size:0.8rem;font-weight:350}#console-input::placeholder{color:var(--accent);opacity:1}#console-input:hover::placeholder{color:var(--off-white)}#shell.standalone #tb-book,#shell.standalone #tb-chapter,#shell.standalone #tb-prev,#shell.standalone #tb-next,#shell.standalone #tb-menu,#shell.standalone #tb-counts,#shell.standalone #tb-crumbs .tb-sep:nth-of-type(n + 2),#shell.standalone #nav-book,#shell.standalone #nav-chapter,#shell.standalone #ctrl-share{display:none}body.drag-over::after{content:"Drop files or a folder here!";position:fixed;inset:0;z-index:9999;display:flex;align-items:center;text-align:center;padding:16px;justify-content:center;--accent:var(--green);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);line-height:1.1em;color:var(--off-white);font-family:var(--mono);text-transform:uppercase;letter-spacing:0.1em;font-variation-settings:"wght" 550;font-weight:550;font-size:1rem;pointer-events:none}a.tb-seg{text-decoration:none;cursor:pointer}a.tb-seg:hover .tb-name{color:var(--accent)}a.tb-arrow{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tb-arrow.tb-disabled{opacity:0.25;cursor:default;pointer-events:none}#mobile-tabs{display:none}@media (max-width:800px){#tb-crumbs>.tb-seg,#tb-crumbs>.tb-sep{display:none}#tb-crumbs>.tb-seg:last-child{display:grid}#tb-counts{display:none}#t-reset-layout{display:none}body #mobile-tabs{display:flex !important;flex:0 0 auto;min-height:40px;align-items:stretch;background:color-mix(in srgb,var(--yellow) 15%,var(--off-black) 100%);padding:4px;border-bottom:1px solid color-mix(in srgb,var(--yellow) 75%,var(--off-black) 100%);gap:4px}.m-tab[data-tab="info"]{--accent:var(--red)}.m-tab[data-tab="code"]{--accent:var(--green)}.m-tab[data-tab="preview"]{--accent:var(--blue)}body .m-tab{flex:1;display:flex;align-items:center;justify-content:center;padding:0 8px;border:none;background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%);color:var(--accent);font-family:var(--mono);font-size:0.6rem;letter-spacing:0.05em;font-weight:550;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);font-variation-settings:"wght" 550;text-transform:uppercase;cursor:pointer}body .m-tab.on{color:var(--accent);background:var(--accent);color:var(--off-black);border-color:var(--accent)}body .m-tab:hover{background-color:var(--off-white);color:var(--off-black);border-color:var(--off-white)}body .m-tab:active{opacity:0.25}body:not(.embed) .panel-spine,body:not(.embed) #resizer-right,body:not(.embed) #resizer-left,body:not(.embed) #console-resizer{display:none}body:not(.embed) #info-inner,body:not(.embed) #code-wrap,body:not(.embed) #preview-inner{min-width:0}body:not(.embed) #info-panel,body:not(.embed) #code-panel,body:not(.embed) #preview-panel{flex:1 1 auto;width:auto !important;height:100%;min-width:0;min-height:0;border-left:none;opacity:unset;animation:unset}body:not(.embed) #code-panel,body:not(.embed) #preview-panel{display:none}body:not(.embed).m-tab-code #info-panel,body:not(.embed).m-tab-preview #info-panel{display:none}body:not(.embed).m-tab-code #code-panel,body:not(.embed).m-tab-preview #preview-panel{display:flex}body:not(.embed) #console{flex:0 0 40% !important;height:40% !important;max-height:40% !important;min-height:0 !important;border-top:1px solid var(--off-black)}body:not(.embed) #console.collapsed{flex:0 0 40px !important;height:40px !important;max-height:40px !important}body:not(.embed).cfg-console-only #console{flex:1 1 auto !important;height:auto !important;max-height:none !important}}#embed-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:safe center;justify-content:center;--accent:var(--green);background:color-mix(in srgb,var(--accent) 25%,transparent);backdrop-filter:blur(20px) grayscale(100%) brightness(50%);-webkit-backdrop-filter:blur(20px) grayscale(100%) brightness(50%);padding:16px}#embed-overlay[hidden]{opacity:0;pointer-events:none}#embed-dialog{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);font-family:var(--mono);color:var(--off-white);overflow:hidden}#embed-dialog input{accent-color:var(--accent)}.dlg-head{display:flex;align-items:center;padding:12px 16px;height:40px;gap:8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);font-size:0.6rem;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;color:var(--accent);fill:var(--accent);background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%)}#file-dlg-title{display:flex;align-items:center;gap:8px}.dlg-head svg{width:16px;height:16px;flex-shrink:0}.dlg-head span{flex-grow:1}#embed-close,.dlg-head button{fill:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;height:16px;background-color:unset;border:unset}#embed-close svg,.dlg-head button svg{width:16px;height:16px;flex-shrink:0}#embed-close:hover,.dlg-head button:hover{fill:var(--off-white)}#embed-close:active,.dlg-head button:active{opacity:0.25}.dlg-body{padding:16px;display:flex;flex-direction:column;gap:16px;overflow:auto}.dlg-field{display:grid;grid-template-columns:100px 1fr;gap:8px;align-items:start}.dlg-label{font-size:0.6rem;padding-top:0.5px;letter-spacing:0.05em;font-weight:550;font-variation-settings:"wght" 550;text-transform:uppercase;color:var(--off-white);display:flex;align-items:center;gap:8px}.dlg-label svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}.dlg-field>div{display:flex;flex-wrap:wrap;gap:8px 16px}.dlg-field label{display:inline-flex;align-items:center;gap:8px;font-size:0.6rem;line-height:1em;letter-spacing:0.05em;color:var(--accent);text-transform:uppercase;cursor:pointer;padding-top:1px;font-weight:550;font-variation-settings:"wght" 550}.dlg-opt:hover{--accent:var(--off-white)}.dlg-opt:active{opacity:0.25}.dlg-field label.disabled{opacity:0.25;pointer-events:none}.dlg-hint{flex-basis:100%;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-weight:350;font-size:0.8rem;line-height:1.4em;color:var(--light-gray);letter-spacing:0.02em}.dlg-hint code{font-family:var(--mono);font-variation-settings:"wght" 350;font-weight:350;color:var(--accent);letter-spacing:-0.02em;font-size:0.9em}#embed-dialog input.dlg-check,#embed-dialog input.dlg-radio{position:absolute;opacity:0;width:1px;height:1px;margin:0}.dlg-mark{display:inline-block;flex-shrink:0;width:12px;height:12px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);background:transparent}.dlg-radio + .dlg-mark{border-radius:50%}.dlg-check:checked + .dlg-mark,.dlg-radio:checked + .dlg-mark{background:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 25%,var(--off-black) 100%)}.dlg-check:focus-visible + .dlg-mark,.dlg-radio:focus-visible + .dlg-mark{outline:2px solid var(--accent);outline-offset:2px}#embed-code{width:100%;height:80px;background:color-mix(in srgb,var(--accent) 5%,var(--off-black) 100%);color:var(--off-white);border:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);padding:8px;font-family:var(--mono);font-size:0.8rem;line-height:1.4em;font-weight:350;font-variation-settings:"wght" 350;white-space:pre-wrap;word-break:break-all;resize:none}#embed-code:focus{outline:unset}.dlg-actions{display:flex;justify-content:flex-end;gap:8px}.dlg-actions .ctrl{padding:8px 16px;border-color:color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);height:unset}body.embed #main{gap:1px;background-color:color-mix(in srgb,var(--yellow) 75%,var(--off-black) 100%)}body.embed #topbar,body.embed .panel-spine,body.embed #info-shortcuts,body.embed #ed-settings,body.embed #settings-popup,body.embed #resizer-left,body.embed #resizer-right,body.embed #console-resizer,body.embed #site-footer{display:none}#embed-bar{display:none}body.embed #embed-bar{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding:8px;--accent:var(--yellow);background:color-mix(in srgb,var(--accent) 15%,var(--off-black) 100%);border-bottom:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);font-family:var(--mono);position:relative}#eb-open{white-space:nowrap;flex-basis:0;font-family:var(--mono);font-size:0.6rem;color:var(--off-black);padding:4px calc(8px - 0.05em) 4px 8px;line-height:1em;letter-spacing:0.05em;text-transform:uppercase;font-weight:550;font-variation-settings:"wght" 550;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;height:24px;flex-grow:0;background:var(--accent);border:1px solid var(--accent)}#eb-open:hover{border-color:var(--off-white);background-color:var(--off-white);color:var(--off-black)}#eb-open:active{opacity:0.25}body.embed button.ctrl{flex-grow:0}#embed-bar .eb-spacer{flex:1}body.embed .ph-left{flex-grow:1;justify-content:space-between}body.embed .zoom-toggle{flex-grow:0;flex-shrink:0;flex-basis:min-content}body.embed.emb-no-dim #preview-head{display:none}body.embed .ph-right{display:none}body.embed #console-head{border-top:1px solid color-mix(in srgb,var(--accent) 75%,var(--off-black) 100%);cursor:default}body.embed #console-head>span:first-child::before{display:none}body.embed #console-head:hover:not(:has(#console-clear:hover)){color:var(--accent);background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%)}body.embed #console-head:active:not(:has(#console-clear:hover)){color:var(--accent);background:color-mix(in srgb,var(--accent) 40%,var(--off-black) 100%);opacity:1}body.embed #info-inner,body.embed #code-wrap,body.main #preview-inner{min-width:0}body.embed #info-panel{flex:0 0 auto;width:280px;opacity:unset;animation:unset}body.embed.emb-no-code.emb-no-preview #info-panel{flex:1 1 0;width:auto}body.embed .info-next{display:none}body.embed #code-panel,body.embed #preview-panel{flex:1 1 0;width:auto;opacity:unset;animation:unset;border-left:unset}body.embed.emb-no-info #info-panel{display:none}body.embed.emb-no-code #code-panel{display:none}body.embed.emb-no-preview #preview-panel{display:none}body.embed.emb-no-console #console{display:none}@media (max-width:800px){body.embed.emb-cols-1 #mobile-tabs{display:none !important}body.embed.emb-no-info .m-tab[data-tab="info"],body.embed.emb-no-code .m-tab[data-tab="code"],body.embed.emb-no-preview .m-tab[data-tab="preview"]{display:none}body.embed #main{flex-direction:row}body.embed .panel-spine,body.embed #resizer-right,body.embed #resizer-left,body.embed #console-resizer{display:none}body.embed #info-panel,body.embed #code-panel,body.embed #preview-panel{flex:1 1 auto;width:auto !important;height:100%;min-width:0;min-height:0;border-left:none;border-top:none;display:none}body.embed.m-tab-info #info-panel,body.embed.m-tab-code #code-panel,body.embed.m-tab-preview #preview-panel{display:flex}body.embed:not([class*="m-tab-"]):not(.emb-no-info) #info-panel,body.embed:not([class*="m-tab-"]).emb-no-info:not(.emb-no-code) #code-panel,body.embed:not([class*="m-tab-"]).emb-no-info.emb-no-code #preview-panel{display:flex}body.embed #console{flex:0 0 25% !important;height:25% !important;max-height:25% !important;min-height:0 !important}body.embed.cfg-console-only #console{flex:1 1 auto !important;height:auto !important;max-height:none !important}body.embed #console.collapsed{flex:0 0 40px !important;height:40px !important;max-height:40px !important}}body.embed #shell{opacity:0}body.embed.ready #shell{opacity:1;transition:opacity 0.35s ease}body.boot-failed #preview-panel{opacity:0.25;pointer-events:none;transition:opacity 0.35s ease}#tooltip{position:fixed;z-index:100;max-width:240px;padding:8px 12px calc(8px - 0.2em) 12px;font-family:var(--limkin);font-variation-settings:var(--limkin-light);font-size:0.7rem;line-height:1.4em;letter-spacing:0.03em;text-align:center;text-wrap:pretty;text-transform:none;color:var(--off-white);background:var(--off-black);border:1px solid var(--dark-gray);pointer-events:none}#tooltip[hidden]{display:none}.footer-confetti{background:none;border:unset}.footer-confetti::after{content:none}