:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111113;--fg:#f2efe9;--muted:#a8a49c;--accent:#e8dcc4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{position:fixed;inset:0}.screen{background:var(--bg);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.card{text-align:center;gap:16px;width:min(420px,100%);display:grid}h1{letter-spacing:.02em;margin:0;font-size:28px;font-weight:500}.muted{color:var(--muted);margin:0}.error{color:#f0a0a0;margin:0;font-size:14px}.btn{appearance:none;color:var(--fg);font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:10px;min-width:240px;padding:12px 20px;font-size:16px;display:inline-flex}.btn:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:default}.g-mark{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);border-radius:50%;width:18px;height:18px;display:inline-block}.loading .bar{background:#ffffff1a;border-radius:2px;width:100%;height:3px;overflow:hidden}.loading .bar>div{background:var(--accent);width:0%;height:100%;transition:width .12s linear}#gallery-canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud .signout{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;min-width:0;padding:8px 12px;font-size:13px;position:absolute}.hud .hint{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:var(--fg);text-align:center;white-space:nowrap;background:#00000080;border-radius:8px;padding:10px 16px;font-size:14px;transition:opacity .4s;position:absolute;transform:translate(-50%)}.hud .hint.hidden{opacity:0}.hud .joystick{background:#ffffff0f;border:1px solid #ffffff59;border-radius:50%;width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}.hud .joystick>div{background:#ffffff73;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}