:root{color-scheme:dark;--before-first-light: #0b0f12}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--before-first-light);overscroll-behavior:none}#world{display:block;width:100vw;height:100svh;touch-action:none}#palette{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .4s ease}#palette.visible{opacity:1;pointer-events:auto}#palette button{appearance:none;border:none;background:transparent;color:#ffffffb3;font:400 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}#palette button[aria-pressed=true]{background:#ffffff29;color:#fffffff2}