@font-face{font-family:Instrument Sans Variable;src:url(/fonts/InstrumentSans-latin.woff2)format("woff2-variations");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:swap}:root{--bg:#1a1b26;--surface:#24283b;--fg:#c0caf5;--dim:#8a93b8;--accent:#7aa2f7;--accent2:#f7768e;--border:#3b4a78;--bg-rgb:26 27 38;--accent-rgb:122 162 247;--c0:#1a1b26;--c1:#24283b;--c2:#3b4a78;--c3:#7aa2f7;--c4:#9ece6a;--c5:#f7768e;--c6:#a9b1d6;--c7:#c0caf5;--mono:"Departure Mono", ui-monospace, monospace;--sans:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--gap-in:10px;--gap-out:clamp(12px, 1.6vw, 22px);--radius:12px;--bar-h:46px;--shade:.2;--muted:color-mix(in oklab, var(--fg) 80%, var(--bg))}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--bar-h) + var(--gap-out) * 2);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}p,h1,h2,h3,ul,dl,dd,pre{margin:0}ul{padding:0;list-style:none}h1,h2,h3{font-weight:inherit}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--accent);color:var(--bg);font-family:var(--mono);border-radius:8px;padding:8px 12px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}code,kbd{font-family:var(--mono);font-size:.92em}.backdrop{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 80% 10%, color-mix(in oklab, var(--border) 45%, transparent), transparent 70%), radial-gradient(50% 45% at 10% 90%, color-mix(in oklab, var(--accent2) 14%, transparent), transparent 70%), var(--bg);position:fixed;inset:0}.backdrop canvas{width:100%;height:100%;position:absolute;inset:0}.backdrop:after{content:"";background:rgb(var(--bg-rgb) / var(--shade));transition:background-color .4s;position:absolute;inset:0}.bar{z-index:30;top:var(--gap-out);left:var(--gap-out);right:var(--gap-out);height:var(--bar-h);background:rgb(var(--bg-rgb) / .78);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:var(--radius);font-family:var(--mono);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 8px;font-size:13px;display:grid;position:fixed}.ws{isolation:isolate;gap:4px;display:flex;position:relative}.ws a{height:32px;color:var(--dim);border-radius:8px;align-items:center;padding:0 10px;text-decoration:none;transition:color .35s;display:flex}.ws a:hover{color:var(--fg)}.ws a.is-active{color:var(--bg)}.ws-l{opacity:0;white-space:nowrap;grid-template-columns:0fr;margin-left:0;transition:grid-template-columns .45s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .45s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden}.ws-l>span{min-width:0;overflow:hidden}.ws a.is-active .ws-l{opacity:1;grid-template-columns:1fr;margin-left:8px}.ws-ind{z-index:-1;background:var(--accent);width:0;height:32px;transform:translateX(var(--x,0px));width:var(--w,0px);border-radius:8px;transition:transform .5s cubic-bezier(.3,1.3,.4,1),background-color .4s;position:absolute;top:0;left:0}.bar-title{color:var(--dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;overflow:hidden}.bar-right{justify-content:flex-end;align-items:center;gap:14px;padding-right:8px;display:flex}.bar-swatches{gap:3px;display:flex}.bar-swatches span{background:var(--c);border-radius:3px;width:10px;height:18px;transition:background-color .6s}.bar-clock{color:var(--fg);white-space:nowrap}.bar-tz{color:var(--dim)}@media (width<=720px){.bar{grid-template-columns:auto 1fr}.bar-title,.bar-swatches,.bar-tz{display:none}}.win{background:rgb(var(--bg-rgb) / .9);border-radius:var(--radius);flex-direction:column;min-width:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.win:before{content:"";border-radius:inherit;pointer-events:none;background:var(--border);-webkit-mask-composite:xor;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.win:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--spin,0deg), var(--accent), var(--accent2), var(--accent));-webkit-mask-composite:xor;opacity:0;padding:2px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.win:hover:after,.win:focus-within:after,.win.win-active:after{opacity:1}.win-title{font-family:var(--mono);color:color-mix(in oklab, var(--fg) 62%, var(--bg));justify-content:space-between;gap:12px;padding:12px 16px 0;font-size:12px;display:flex}.win-hint{color:inherit;opacity:.8}.win-body{flex:1;min-height:0;padding:14px 18px 18px}.win-body.flush{padding:10px 2px 2px;display:flex}.win-foot{color:var(--muted);border-top:1px solid color-mix(in oklab, var(--border) 60%, transparent);justify-content:space-between;align-items:flex-end;gap:16px;padding:12px 18px 16px;font-size:.95rem;display:flex}.win-foot p{max-width:60ch}.win-foot a,.build-link{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-size:13px;text-decoration:none}.win-foot a:hover,.build-link:hover{text-underline-offset:4px;text-decoration:underline}.tile-grid{gap:var(--gap-in);display:grid}.workspace{padding:calc(var(--bar-h) + var(--gap-out) + var(--gap-in)) var(--gap-out) var(--gap-out)}@supports (content-visibility:auto){.ws-builds{content-visibility:auto;contain-intrinsic-size:auto 2100px}}.ws-heading{font-family:var(--mono);color:var(--fg);margin:clamp(24px,4vw,56px) 0 clamp(20px,3vw,32px);padding:0 4px;font-size:clamp(28px,4.4vw,56px);line-height:1.05}.prompt{color:var(--accent)}.ws-home{min-height:100svh;display:flex}.home-grid{min-height:calc(100svh - var(--bar-h) - var(--gap-out) * 2 - var(--gap-in));flex:1;grid-template:".fetch"minmax(0,1fr)"hello schemes"/minmax(0,1.2fr) minmax(0,1fr)}.win-fetch{place-self:start end;width:min(100%,560px)}.win-schemes{align-self:end}.win-hello{grid-area:hello}.win-fetch{grid-area:fetch}.win-schemes{grid-area:schemes}.win-hello .win-body{flex-direction:column;justify-content:flex-end;gap:24px;padding:24px clamp(20px,3vw,44px) clamp(24px,3vw,40px);display:flex}.hello-name{font-family:var(--mono);letter-spacing:-.02em;color:var(--fg);font-size:clamp(52px,7.4vw,132px);line-height:.88}.hello-lede{max-width:40ch;color:var(--fg);font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.45}.hello-keys{color:var(--dim);font-size:.95rem}.hello-keys kbd{text-align:center;border:1px solid var(--border);min-width:1.7em;color:var(--fg);background:rgb(var(--bg-rgb) / .6);border-radius:5px;margin-right:4px;padding:1px 5px;display:inline-block}.fetch{font-family:var(--mono);align-items:flex-start;gap:22px;font-size:13px;line-height:1.6;display:flex}.fetch-logo{color:var(--accent);font-family:var(--mono);flex:none;font-size:13px;line-height:1.2}.fetch-info{min-width:0}.fetch-info>div{gap:8px;display:flex}.fetch-info dt{color:var(--accent);flex:none}.fetch-info dt:after{content:":";color:var(--dim)}.fetch-info dd{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fetch-head .u{color:var(--accent)}.fetch-rule{color:var(--dim)}.fetch-blocks{margin-top:10px;gap:0!important}.fetch-blocks span{background:var(--c);width:22px;height:14px}@media (width<=900px){.home-grid{grid-template:"hello""fetch""schemes"/1fr}.win-hello{margin-top:38svh}.fetch{flex-direction:column;gap:12px}}.wp-main{gap:var(--gap-in);grid-template-columns:minmax(0,1fr) 300px;padding:10px 10px 0;display:grid}.wp-view{background:var(--surface);aspect-ratio:16/9;outline-offset:-2px;border-radius:8px;width:100%;min-height:200px;max-height:calc(100svh - 300px);position:relative;overflow:hidden}.wp-view img{object-fit:contain;width:100%;height:100%;transition:opacity .25s}.wp-view.loading img{opacity:.35}.wp-nav{cursor:pointer;background:rgb(var(--bg-rgb) / .78);width:44px;height:44px;color:var(--fg);font:26px/1 var(--mono);opacity:0;border:0;border-radius:50%;place-items:center;transition:opacity .2s,background-color .2s;display:grid;position:absolute;top:50%;translate:0 -50%}.wp-prev{left:12px}.wp-next{right:12px}.wp-view:hover .wp-nav,.wp-nav:focus-visible{opacity:1}.wp-nav:hover{background:var(--accent);color:var(--bg)}.wp-view.single .wp-nav{display:none}@media (hover:none){.wp-nav{opacity:.9}}.wp-info{font-family:var(--mono);flex-direction:column;gap:18px;min-width:0;padding:8px 8px 8px 4px;font-size:13px;display:flex}.wp-strip{scroll-snap-type:x proximity;scrollbar-width:thin;gap:8px;min-height:118.5px;padding:12px 10px;display:flex;overflow-x:auto}.wp-strip li{scroll-snap-align:start;flex:none}.wp-strip button{all:unset;box-sizing:border-box;cursor:pointer;outline-offset:2px;border-radius:8px;outline:2px solid #0000;width:168px;transition:outline-color .2s;display:block;position:relative;overflow:hidden}.wp-strip button:focus-visible{outline-color:var(--fg)}.wp-strip button[aria-pressed=true]{outline-color:var(--accent)}.wp-strip img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.wp-strip span{font-family:var(--mono);background:rgb(var(--bg-rgb) / .85);color:var(--fg);border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:6px}.rice-name{font-family:var(--mono);color:var(--fg);font-size:clamp(30px,3.2vw,48px);line-height:1}.conf{grid-template-columns:auto 1fr;gap:4px 12px;display:grid}.conf dt{color:var(--accent)}.conf dd{color:var(--fg);overflow-wrap:anywhere}.conf dd:before{content:"= ";color:var(--dim)}.conf-comment{color:var(--dim)}.swatch-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.swatch-row div{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);border-radius:6px;overflow:hidden}.swatch-row i{background:var(--c);height:26px;display:block}.swatch-row span{color:var(--dim);padding:3px 4px;font-size:10px;display:block;overflow:hidden}.rice-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.btn{appearance:none;border:1px solid var(--border);color:var(--fg);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s}.btn:hover{border-color:var(--accent);color:var(--accent)}@media (width<=900px){.wp-main{grid-template-columns:1fr}.wp-info{padding:4px 6px 0}.wp-strip button{width:132px}.wp-strip{min-height:98.25px}}.builds-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense}.win-full,.win-text.win-full{grid-column:span 12}.win-half{grid-column:span 6}.win-text{grid-column:span 4}.win-demo .demo{border-radius:0 0 10px 10px;flex:1;min-height:clamp(360px,52vh,560px);position:relative;overflow:hidden}.demo[data-demo=enerscript]{padding:0 14px 12px}.win-text .win-body{flex-direction:column;gap:10px;display:flex}.win-text p{color:var(--muted);font-size:1rem}.build-tags{font-family:var(--mono);word-spacing:6px;font-size:12px;color:var(--accent2)!important}.build-link{margin-top:auto}.builds-more{font-family:var(--mono);margin-top:18px;padding:0 4px;font-size:14px}.builds-more a{color:var(--accent);text-decoration:none}.builds-more a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=1100px){.win-half{grid-column:span 12}}@media (width<=760px){.win-text{grid-column:span 12}}.ws-launch{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;display:flex}.rofi{gap:12px;width:min(620px,100%);padding:16px}.rofi-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rofi-input{background:rgb(var(--bg-rgb) / .6);border:1px solid color-mix(in oklab, var(--border) 70%, transparent);border-radius:10px;flex:220px;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.rofi-prompt{font-family:var(--mono);background:var(--accent);color:var(--bg);border-radius:7px;padding:6px 10px;font-size:13px}.rofi-input input{all:unset;min-width:0;font-family:var(--mono);color:var(--fg);flex:1;padding:6px 4px;font-size:16px}.rofi-input input::placeholder{color:var(--dim)}.rofi-modes{flex:none;gap:4px;display:flex}.rofi-modes button{appearance:none;cursor:pointer;font-family:var(--mono);border:1px solid color-mix(in oklab, var(--border) 70%, transparent);height:30px;color:var(--dim);background:0 0;border-radius:7px;padding:0 9px;font-size:12px;line-height:1;transition:color .2s,background-color .2s,border-color .2s}.rofi-modes button:hover{color:var(--fg);border-color:var(--accent)}.rofi-modes button[aria-selected=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.rofi-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:2px;max-height:min(46svh,380px);display:flex;overflow-y:auto}.rofi-list a,.rofi-list .rofi-row{font-family:var(--mono);color:var(--fg);border-radius:8px;justify-content:space-between;gap:16px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.rofi-list .r-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rofi-list .r-meta{color:var(--dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.rofi-list li.sel a,.rofi-list li.sel .rofi-row,.rofi-list a:hover,.rofi-list .rofi-row:hover{background:var(--accent);color:var(--bg)}.rofi-list li.sel .r-meta,.rofi-list a:hover .r-meta,.rofi-list .rofi-row:hover .r-meta{color:var(--bg)}.rofi-list mark{color:var(--accent2);font-weight:inherit;background:0 0}.rofi-list li.sel mark,.rofi-list li.sel .r-meta mark,.rofi-list a:hover mark,.rofi-list .rofi-row:hover mark{color:var(--bg);text-underline-offset:2px;text-decoration:underline}.rofi-list li[hidden]{display:none}.rofi-empty{font-family:var(--mono);color:var(--dim);padding:10px 12px;font-size:14px}.rofi-foot{font-family:var(--mono);color:var(--dim);min-height:1.4em;padding:4px 4px 0;font-size:12px;transition:color .2s}.rofi-foot.is-toast{color:var(--accent)}.win-flash{outline:2px solid var(--accent);outline-offset:3px}.sign{color:var(--dim);text-align:center;max-width:52ch;text-shadow:0 1px 12px rgb(var(--bg-rgb) / .9);font-size:.95rem}@media (width<=460px){.rofi{padding:12px}.rofi-head{flex-direction:column;align-items:stretch;gap:6px}.rofi-input{flex:auto}.rofi-modes button{flex:1;height:32px}.rofi-prompt{padding:5px 8px;font-size:12px}.rofi-input input{font-size:15px}.rofi-list a,.rofi-list .rofi-row{gap:10px;padding:9px 10px;font-size:14px}.rofi-list .r-meta{max-width:55%;font-size:12px}}@media (prefers-reduced-motion:no-preference){.home-grid .win{animation:.55s cubic-bezier(.2,.9,.25,1.15) both popin;animation-delay:calc(var(--i,0) * 60ms)}}@keyframes popin{0%{transform:scale(.9)}to{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@media (prefers-reduced-motion:no-preference){.win:hover:after{animation:7s linear infinite borderangle}}@keyframes borderangle{to{--spin:360deg}}.ws-sub{color:var(--dim);max-width:60ch;margin:-12px 4px 28px}.win-foot strong{color:var(--fg);font-weight:600}@media (width<=720px){.bar{-webkit-backdrop-filter:none;background:rgb(var(--bg-rgb) / .95)}}body:before{content:"";z-index:25;pointer-events:none;height:calc(var(--gap-out) + var(--bar-h) + 14px);background:linear-gradient(rgb(var(--bg-rgb)) 72%, rgb(var(--bg-rgb) / 0));position:fixed;inset:0 0 auto}@media (width<=720px){.win-demo .demo{min-height:320px}.demo[data-demo=enerscript]{min-height:260px}}@supports selector(::-webkit-scrollbar){html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:linear-gradient(var(--accent), var(--accent2)) padding-box;border-radius:10px}html::-webkit-scrollbar-thumb:hover{border-width:2px}}@supports ((-moz-appearance:none)){html{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}}.schemes{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.schemes button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font-family:var(--mono);color:var(--muted);border:1px solid color-mix(in oklab, var(--border) 55%, transparent);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background-color .2s,border-color .2s,color .2s;display:flex}.schemes button>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.schemes button:hover{color:var(--fg);border-color:var(--border);background:rgb(var(--accent-rgb) / .08)}.schemes button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.schemes button[aria-pressed=true]{color:var(--fg);border-color:var(--accent);background:rgb(var(--accent-rgb) / .14)}.scheme-sw{width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 25%, transparent);border-radius:50%;flex:none;order:-1;display:flex;overflow:hidden}.scheme-sw i{background:var(--c);flex:1;height:100%}@media (width<=420px){.schemes{grid-template-columns:1fr}}.timeline{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 clamp(20px,3vw,40px);padding-top:18px;display:grid}.tl-track{min-width:0}.tl-school{border-left:1px dashed color-mix(in oklab, var(--border) 80%, transparent);padding-left:clamp(20px,3vw,40px)}.tl-label{font-family:var(--mono);color:var(--accent);margin-bottom:14px;font-size:12px}.tl-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:24px;margin:0;padding:26px 0 0;list-style:none;display:grid;position:relative}.tl-list:before{content:"";background:linear-gradient(90deg, var(--border), var(--accent));transform-origin:0;height:2px;transform:scaleX(var(--rail,1));border-radius:2px;position:absolute;top:6px;left:0;right:0}.tl-item{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:-26px;left:0}.tl-now:before{background:var(--accent);box-shadow:0 0 0 0 rgb(var(--accent-rgb) / .6)}.tl-when{font-family:var(--mono);color:var(--accent2);font-size:12px}.tl-name{font-family:var(--mono);color:var(--fg);font-size:clamp(18px,1.7vw,22px);line-height:1.2}.tl-role{color:var(--muted);margin-top:4px;font-size:12px;display:block}.tl-item>p:last-child{color:var(--muted);font-size:1rem}@media (prefers-reduced-motion:no-preference){.tl-now:before{animation:2.4s ease-out infinite paused pulse}.win-timeline.is-visible .tl-now:before{animation-play-state:running}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--accent-rgb) / .55)}70%,to{box-shadow:0 0 0 10px rgb(var(--accent-rgb) / 0)}}@media (width<=860px){.timeline{grid-template-columns:1fr;gap:28px}.tl-school{border-left:0;border-top:1px dashed color-mix(in oklab, var(--border) 80%, transparent);padding-top:24px;padding-left:0}.tl-list{grid-auto-columns:auto;grid-auto-flow:row;gap:22px;padding:0 0 0 28px}.tl-list:before{transform-origin:top;width:2px;height:auto;transform:scaleY(var(--rail,1));background:linear-gradient(var(--border), var(--accent));inset:4px auto 4px 6px}.tl-item:before{top:4px;left:-28px}}.win-media .win-body.flush{padding:10px 10px 0}.media-vid{aspect-ratio:4/3;object-fit:cover;background:var(--surface);border-radius:8px;width:100%;height:auto}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.builds-grid>.win{animation:linear both tilein;animation-timeline:view();animation-range:entry entry 35%}.win-timeline .tl-list:before{animation:linear both rail;animation-timeline:view();animation-range:entry 20% cover 45%}.win-timeline .tl-item{animation:linear both tilein;animation-timeline:view();animation-range:entry 25% cover 40%}}}@keyframes tilein{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes rail{0%{--rail:0}to{--rail:1}}@property --rail{syntax:"<number>";inherits:true;initial-value:1}@media (width>=761px) and (width<=1100px){.win-media.win-half{grid-column:span 6}}.workspace:focus{outline:none}
