:root{color-scheme:dark;--ink:#1a1a18;--paper:#f4f1ea;--faint:#6f6b64;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--ink)}body{overflow:hidden;color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased}.lp{position:fixed;inset:0;overflow:hidden;display:grid;place-content:center;justify-items:center;gap:4vh;padding:0 16px;background:var(--ink)var(--field)0 0/1440px 600px repeat}.lp-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .9s ease}.lp-live .lp-canvas{opacity:1}.lp-name{margin:0;scale:1 1.4;font:800 min(14.2vw,27vh)/1 var(--mono);letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:transparent;background:var(--fill)0 0/1440px 600px repeat,linear-gradient(rgba(244,241,234,.075),rgba(244,241,234,.075));-webkit-background-clip:text;background-clip:text;transition:opacity .6s ease}.lp-line{margin:0;font:13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--paper);transition:opacity .6s ease}.lp-live :is(.lp-name,.lp-line){opacity:0}.lp-foot{position:absolute;left:max(32px,5.5vw);bottom:max(24px,env(safe-area-inset-bottom));margin:0;font:11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}@media(max-width:760px){.lp-name{font-size:16.4vw}.lp-line{font-size:11px}.lp-foot{left:16px}}