.gate-overlay.svelte-1b909st{position:fixed;inset:0;z-index:1000;background:#0f0f0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:env(safe-area-inset-top,44px) 2rem env(safe-area-inset-bottom,20px)}.gate-header.svelte-1b909st{padding-top:1rem}.gate-content.svelte-1b909st{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.gate-number.svelte-1b909st{color:var(--color-text-primary)}.gate-instruction.svelte-1b909st{font-family:var(--font-body);font-size:18px;color:var(--color-text-primary);line-height:1.7;max-width:300px}.breath-circle-container.svelte-1b909st{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.breath-circle.svelte-1b909st{width:100px;height:100px;border-radius:50%;border:1px solid rgba(197,164,126,.4);display:flex;align-items:center;justify-content:center;transition:transform .1s linear}.breath-label.svelte-1b909st{font-size:8px}.timer.svelte-1b909st{letter-spacing:.05em}.gate-controls.svelte-1b909st{display:flex;gap:2rem;padding-bottom:2rem}.control-btn.svelte-1b909st{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(197,164,126,.3);color:var(--color-gold);background:#ffffff08}