:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--field:#f4f3ef;--ink:#0b0b0b;--muted:#6b6b6b;--line:#e4e4e2;--panel:#f2f2f0;--night:#0b0b0b;--sans:"Host Grotesk", "Helvetica Neue", Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:24px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:500 16px/1.4 var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";margin:0}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3,p,ol,dl,dd,figure,pre{margin:0;padding:0}button{font:inherit;letter-spacing:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}code{font:400 .9em/1 var(--mono);letter-spacing:0}.page{max-width:1180px;padding:var(--gutter) var(--gutter) 200px;margin:0 auto}.head{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.brand{white-space:nowrap;font-size:16px;font-weight:600}.brand sup{margin-left:1px;font-size:.6em}.intro{color:var(--muted);text-align:right;max-width:46ch;font-weight:400}.title{letter-spacing:-.05em;margin:90px 0 36px;font-size:clamp(40px,8vw,104px);font-weight:500;line-height:.92}.section-h{letter-spacing:-.02em;margin-bottom:10px;font-size:24px;font-weight:500}.note{color:var(--muted);max-width:52ch;font-weight:400}.note--after{margin-top:14px}.lead{letter-spacing:-.03em;text-indent:18%;max-width:22em;margin:160px 0;font-size:clamp(26px,2.9vw,40px);line-height:1.12}.frame{background:var(--field);position:relative}.frame liquid-logo{width:100%}.frame--wide liquid-logo{aspect-ratio:16/9}.frame--square liquid-logo{aspect-ratio:1}.frame--dark{background:var(--night);color:#fff}.frame--dark liquid-logo{aspect-ratio:16/9}.cap{color:var(--ink);white-space:nowrap;pointer-events:none;background:#ffffffdb;padding:6px 8px;font-size:14px;line-height:1;position:absolute}.cap--tl{top:8px;left:8px}.cap--br{font:400 13px/1 var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;bottom:8px;right:8px}.frame--dark .cap{color:#d8d8d4;background:#0b0b0bb8}.code{background:var(--panel);font:400 13px/1.5 var(--mono);letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;padding:12px}.live{margin-top:70px}.controls{background:var(--panel);gap:4px;margin-top:18px;padding:10px;display:grid}.field{background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 12px;display:flex}.field__t{font-size:15px}.seg{border:1px solid #d3d3cf;display:flex}.seg__opt{background:var(--paper);min-width:48px;min-height:44px;font:400 13px/1 var(--mono);letter-spacing:0;cursor:pointer;border:0;padding:0 12px}.seg__opt+.seg__opt{border-left:1px solid #d3d3cf}.seg__opt[aria-pressed=true]{background:var(--ink);color:var(--paper)}.btns{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.btn{border:1px solid var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;display:inline-flex}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:#2a2a2a}.btn--line{background:var(--paper);border-color:#d3d3cf}.btn--line:hover{border-color:var(--ink)}.pair{gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.rows{border-bottom:1px solid var(--line);margin:160px 0;list-style:none}.row{gap:var(--gutter);border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1.4fr;padding:26px 0 40px;display:grid}.row__n{font:400 14px/1.4 var(--mono);letter-spacing:0}.row__t{font-size:16px;font-weight:500}.row__d{color:var(--muted);max-width:42ch;font-weight:400}.foot{color:var(--muted);max-width:46ch;margin-top:160px;font-weight:400}.monitor{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);width:268px;font:400 12px/1.5 var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none;background:#fffffff0;padding:10px 12px 12px;position:fixed}.monitor__h{font:500 14px/1 var(--sans);letter-spacing:-.01em;color:var(--muted);margin-bottom:8px}.monitor__list>div{grid-template-columns:34px 1fr auto;gap:8px;display:grid}.monitor__list dt:before{content:"";vertical-align:1px;background:#c9c9c4;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.monitor__list .is-running dt:before{background:var(--ink)}.monitor__list dd:last-child{color:var(--muted)}.monitor__log{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;justify-content:flex-end;height:5lh;margin:8px 0 0;padding:8px 0 0;list-style:none;display:flex;overflow:hidden}@media (width<=820px){:root{--gutter:16px}.head{flex-direction:column;gap:8px}.intro{text-align:left;font-size:14px}.title{margin:56px 0 24px}.frame--wide liquid-logo,.frame--dark liquid-logo{aspect-ratio:4/3}.cap{padding:5px 6px;font-size:12px}.field{flex-direction:column;align-items:stretch;gap:8px;padding:10px 6px 6px}.field__t{padding-left:6px}.seg__opt{flex:1;padding:0 6px}.btn{flex:1}.lead{margin:100px 0}.pair{grid-template-columns:1fr}.rows{margin:100px 0}.row{grid-template-columns:44px 1fr;row-gap:8px;padding:18px 0 26px}.row__d{grid-column:2}.monitor{width:auto;left:12px;right:12px}.monitor__log{height:2lh}}