:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--void:#000;--ink:#ece6cf;--line:#ece6cf4d;--press:#ece6cf1f;--edge:max(16px,env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box}html,body{overflow:hidden;background:var(--void);overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;height:100%;margin:0}body{position:fixed;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;inset:0}.screen{position:fixed;display:block;touch-action:none;width:100%;height:100%;inset:0}html.bleed,.bleed body{height:var(--bleed-height);scrollbar-width:none}html.bleed::-webkit-scrollbar{display:none;width:0;height:0}.bleed body::-webkit-scrollbar{display:none;width:0;height:0}.bleed body{position:relative;inset:auto}.bleed .screen{position:absolute}.site{position:fixed;display:flex;background:var(--void);border:1px solid var(--line);gap:16px;padding:10px 14px;top:16px;left:16px}.site a{color:var(--ink);text-underline-offset:3px}.is-live .site:not(:focus-within){position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0}.no-gl .site{top:50%;left:50%;translate:-50% -50%}.mute{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));touch-action:none;color:var(--ink);opacity:.28;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:13px;transition:opacity .2s}.mute:focus-visible{opacity:.8}@media (hover:hover){.mute:hover{opacity:.8}}.mute:focus-visible{outline:1px solid var(--line)}.mute svg{display:block;fill:currentColor;width:100%;height:100%}.mute__cross,.is-muted .mute__waves{display:none}.is-muted .mute__cross{display:inline}.no-gl .mute{display:none}.touch{--base:max(26px,calc(env(safe-area-inset-bottom) + 14px));--glyph:#ece6cf57;position:fixed;display:none;pointer-events:none;inset:0}.has-touch .touch{display:block}@media (pointer:coarse){.touch{display:block}}html:not(.is-awake) .touch{display:none}.touch__zone{position:absolute;pointer-events:auto;touch-action:none;width:50%;height:58%;bottom:0}.touch__zone--move{left:0}.touch__zone--jump{right:0}.touch__glyph{position:absolute;bottom:var(--base);display:grid;color:var(--glyph);filter:drop-shadow(0 0 3px #000000e6);place-items: center;width:56px;height:56px;transition:color 90ms,filter 90ms,translate 90ms}.touch__glyph svg,.touch__act svg{display:block;fill:currentColor;width:28px}.touch__glyph--left{left:max(14px,env(safe-area-inset-left))}.touch__glyph--right{left:calc(max(14px,env(safe-area-inset-left)) + 64px)}.touch__glyph--jump{right:max(18px,env(safe-area-inset-right))}.touch__glyph--jump svg{width:22px}.touch__glyph[data-held=true]{color:#ece6cff2;filter:drop-shadow(0 0 3px #000000e6)drop-shadow(0 0 10px #ece6cf73);translate:0 1px}.touch[data-fresh] .touch__glyph{color:#ece6cf99}.touch__act{--act:#ece6cf;position:absolute;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--base) + 72px);display:grid;color:var(--act);opacity:0;pointer-events:none;touch-action:none;filter:drop-shadow(0 0 3px #000000e6)drop-shadow(0 0 12px var(--act));background:0 0;border:0;place-items: center;width:64px;height:64px;padding:0;transition:opacity .2s,scale .2s;scale:.8}.touch__act svg{width:26px}.touch[data-act=true] .touch__act{opacity:1;pointer-events:auto;animation:beckon 1.6s ease-in-out infinite;scale:1}.touch__act[data-held=true]{scale:.92}@keyframes beckon{50%{translate:0 -3px}}
