*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden;background:var(--color-surface);overscroll-behavior:none}body{font-family:var(--type-family);-webkit-text-size-adjust:100%}#app{position:fixed;inset:0}.surface{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.surface canvas{display:block;position:absolute;inset:0}.edge-solid{position:absolute;pointer-events:none}.emblem{position:absolute;top:0;left:0;margin:0;padding:0;border:0;background:none;border-radius:var(--radius-pill);pointer-events:none;appearance:none;-webkit-appearance:none}.emblem:focus{outline:none}.emblem:focus-visible{outline:calc(var(--space-xs) / 2) solid var(--focus);outline-offset:0}.surface:not([data-state=ready]) .emblem{display:none}.hint,.panel{position:absolute;left:50%;transform:translate(-50%);background:var(--color-plate);color:var(--color-textPrimary);font-size:var(--type-body);line-height:var(--type-lineHeightBody);letter-spacing:var(--type-letterSpacingBody);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);margin:0;white-space:nowrap}.hint{bottom:max(var(--size-safeAreaMin),env(safe-area-inset-bottom,0px));opacity:var(--opacity-hint);transition:opacity var(--motion-hintFade) var(--motion-easing)}.hint.leaving{opacity:0}.panel{top:50%;display:none;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);transform:translate(-50%,-50%)}.surface[data-state=error] .panel{display:flex}.surface:not([data-state=ready]) .hint{display:none}.panel p{margin:0}.retry{font:inherit;font-size:var(--type-body);color:var(--color-plate);background:var(--color-textPrimary);border:0;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);min-height:var(--size-touchTarget);cursor:pointer}.retry:focus-visible{outline:calc(var(--space-xs) / 2) solid var(--color-focusRing);outline-offset:calc(var(--space-xs) / 2)}.live{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (prefers-reduced-motion: reduce){.hint{transition-duration:var(--motion-instant)}}