html,body{margin:0;padding:0;width:100%;height:100%;background:#05070a;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%}#feed-button{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));padding:14px 28px;font-size:16px;font-family:system-ui,sans-serif;color:#f2e6d8;background:#28180e8c;border:1px solid rgba(255,180,110,.35);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:opacity .6s ease}#feed-button:active:not(:disabled){background:#462814bf}#feed-button:disabled{opacity:.35;cursor:default}#sound-button,#share-button,#fullscreen-button{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;padding:10px;color:#f2e6d8;background:#28180e73;border:1px solid rgba(255,180,110,.25);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;opacity:.75}#share-button{right:calc(max(16px,env(safe-area-inset-right)) + 54px)}#fullscreen-button{right:calc(max(16px,env(safe-area-inset-right)) + 108px)}#fullscreen-button[hidden]{display:none}#share-button[data-copied]:after{content:attr(data-copied-text);position:absolute;top:52px;right:0;padding:6px 10px;font:12px system-ui,sans-serif;white-space:nowrap;color:#f2e6d8;background:#28180ebf;border-radius:8px}#sound-button[aria-pressed=false]{opacity:.45}#sound-button svg,#share-button svg,#fullscreen-button svg{display:block;width:100%;height:100%}#debug-overlay{position:fixed;top:8px;left:8px;padding:6px 10px;font:12px/1.4 monospace;color:#9be29b;background:#0006;white-space:pre;pointer-events:none;display:none}#debug-overlay canvas{display:block;margin-top:4px}#debug-overlay.visible{display:block}