*{box-sizing:border-box}html,body{background:#050609;width:100vw;height:100lvh;margin:0;overflow:hidden}body{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:14px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{width:100vw;height:100lvh;display:block;position:fixed;top:0;left:0}.chrome{pointer-events:none;width:100vw;height:100lvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:fixed;top:0;left:0}button,.pick{color:#fff;-webkit-backdrop-filter:blur(18px);background:#13161cad;border:1px solid #ffffff29;box-shadow:0 8px 32px #00000047}.actions{white-space:nowrap;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);transition:opacity .2s,visibility .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.actions.hidden{opacity:0;visibility:hidden;pointer-events:none}.credit{color:#ffffffd9;-webkit-backdrop-filter:blur(18px);white-space:nowrap;cursor:pointer;background:#191c22c9;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:8px 14px;font-size:13px;text-decoration:none;transition:background .15s,transform .15s;display:flex;box-shadow:inset 0 1px #ffffff14,0 4px 20px #0003}.credit[hidden]{display:none}.credit strong{color:#fff;font-weight:600}.credit svg{width:14px;height:14px;margin-left:4px}.credit:active{background:#343942e6;transform:scale(.97)}.credit:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (hover:hover){.credit:hover{background:#343942e6}}button,.pick{min-height:38px;font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:600}button:active,.pick:active{transform:scale(.97)}.pick{position:relative}.pick input{opacity:0;width:1px;height:1px;position:absolute}.pick:focus-within{outline-offset:3px;outline:2px solid #fff}.hint{left:50%;bottom:max(24px, env(safe-area-inset-bottom));text-align:center;color:#fffc;text-shadow:0 1px 12px #000;width:min(88vw,430px);transition:opacity .5s;position:absolute;transform:translate(-50%)}.hint.hidden{opacity:0}.error{z-index:5;pointer-events:none;background:#802828;border-radius:12px;padding:14px;display:none;position:fixed;inset:auto 16px 16px}.waiting-for-gravity .chrome,.waiting-for-gravity canvas,.no-gravity canvas{visibility:hidden}.solo-shell:has(#motion-permission[open]):not(.no-gravity) canvas{visibility:visible}.unavailable{padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:pan-y;background:#101318;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.unavailable[hidden]{display:none}.unavailable-content{width:min(100%,560px);margin-block:auto}.instruction{width:100%;margin-bottom:24px}.instruction h1{letter-spacing:-.025em;margin:0 0 12px;font-size:28px;line-height:1.15}.instruction p{color:#c6c9d0;margin:0;font-size:16px;line-height:1.55}.motion-retry{margin-top:16px}.instruction .motion-status{margin-top:12px;font-size:14px}dialog{color:#fff;-webkit-backdrop-filter:blur(32px)saturate(130%);overscroll-behavior:contain;touch-action:pan-y;opacity:0;width:min(400px,100vw - 24px);max-width:none;max-height:calc(100dvh - 32px);transition:opacity .22s, transform .3s cubic-bezier(.2,.8,.2,1), display .3s allow-discrete, overlay .3s allow-discrete;background:linear-gradient(155deg,#ffffff0c,#0000 60%),#191c22ed;border:1px solid #ffffff24;border-radius:32px;outline:none;margin:auto;padding:28px 24px 24px;overflow:auto;transform:translateY(18px)scale(.98);box-shadow:inset 0 1px #ffffff10,0 24px 80px #0005}dialog[open]{opacity:1;transform:none}dialog::backdrop{background:#06090d80}dialog.slot-modal::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-icon{color:#f1f5fa;background:linear-gradient(145deg,#ffffff16,#ffffff04);border:1px solid #ffffff16;border-radius:20px;place-items:center;width:60px;height:60px;margin-bottom:22px;display:grid}.dialog-icon svg{width:34px;height:34px}.permission-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.permission-heading .dialog-icon{flex-shrink:0;margin-bottom:0}.permission-heading .credit{margin-top:8px}dialog h2{letter-spacing:-.025em;margin:0 0 10px;font-size:27px;font-weight:650;line-height:1.15}dialog p{color:#c6c9d0;text-wrap:pretty;margin:0 0 26px;font-size:16px;line-height:1.5}dialog button{color:#17191e;letter-spacing:-.015em;background:#f4f5f7;border:0;width:100%;min-height:56px;padding:15px 20px;font-size:17px;font-weight:600;transition:transform .15s,background .15s;box-shadow:0 2px 8px #0002}dialog button:active{background:#dfe2e8;transform:scale(.985)}dialog button:focus-visible{outline-offset:4px;outline:3px solid #90c8ff}dialog button:disabled{opacity:.6;cursor:wait}.setup-steps{counter-reset:step;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.setup-steps li{color:#e2e4e9;counter-increment:step;align-items:center;gap:12px;font-size:15px;line-height:1.45;display:flex}.setup-steps li:before{content:counter(step);color:#c6c9d0;background:#ffffff0e;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:13px;font-weight:600;display:grid}dialog .footnote{color:#a5aab5;margin-bottom:24px;font-size:13px}@media (width<=600px){dialog{margin:auto auto max(12px, env(safe-area-inset-bottom))}}@starting-style{dialog[open]{opacity:0;transform:translateY(18px)scale(.98)}}@media (prefers-reduced-motion:reduce){.actions,.credit,.hint,dialog,dialog button{transition:none}dialog{transform:none}}@media (prefers-reduced-transparency:reduce){dialog{-webkit-backdrop-filter:none;background:#1b1e24}}@media (prefers-contrast:more){dialog{background:#16191f;border-color:#fff8}dialog p,dialog .footnote{color:#e3e6ed}}.error:empty{display:none}.error:not(:empty){display:block}
