.strange-loop.svelte-633ahh{--viz-bg: #fff;--viz-bg-surface: #f5f5f5;--viz-border: #000;--viz-text: #000;--viz-text-muted: #666;--viz-surface-sunken: #f0f0f0;--viz-surface-raised: #fff;--viz-accent: #3b82f6;--viz-accent-muted: rgba(59, 130, 246, .15);--viz-canvas-bg: #fafafa;--viz-canvas-border: #e0e0e0}.strange-loop.dark.svelte-633ahh{--viz-bg: #1a1a1a;--viz-bg-surface: #111;--viz-border: #444;--viz-text: #e0e0e0;--viz-text-muted: #888;--viz-surface-sunken: #111;--viz-surface-raised: #222;--viz-accent: #60a5fa;--viz-accent-muted: rgba(96, 165, 250, .2);--viz-canvas-bg: #0f0f0f;--viz-canvas-border: #333}.strange-loop.svelte-633ahh{display:grid;place-items:center;padding:1rem;color:var(--viz-text);background:var(--viz-bg)}.panel.svelte-633ahh{width:min(100%,450px);display:grid;gap:.8rem;font-family:var(--viz-font-mono)}.hud.svelte-633ahh{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:.08em;color:var(--viz-text-muted)}.depth.svelte-633ahh{color:var(--viz-accent)}.phase.svelte-633ahh{font-size:.65rem;letter-spacing:.08em;color:var(--viz-text-muted)}.viewport.svelte-633ahh{position:relative;aspect-ratio:1;border:1px solid var(--viz-border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--viz-bg-elevated) 75%,var(--viz-bg))}.stack.svelte-633ahh{position:absolute;left:50%;top:50%;width:100%;height:100%;transform-origin:50% 50%;transition:transform .42s ease;will-change:transform}.layer.svelte-633ahh{position:absolute;display:grid;place-items:center;border:1px solid var(--viz-border);background:color-mix(in srgb,var(--viz-bg) 84%,var(--viz-accent) 16%)}.style-0.svelte-633ahh{border-width:2px;border-style:solid;border-color:color-mix(in srgb,var(--viz-accent) 70%,#22d3ee 30%)}.style-1.svelte-633ahh{border-width:2px;border-style:dashed;border-color:color-mix(in srgb,var(--viz-accent-2) 70%,#f59e0b 30%)}.style-2.svelte-633ahh{border-width:2px;border-style:double;border-color:color-mix(in srgb,#67e8f9 70%,var(--viz-accent) 30%)}.style-3.svelte-633ahh{border-width:2px;border-style:dotted;border-color:color-mix(in srgb,#fb923c 70%,var(--viz-accent) 30%)}.layer-body.svelte-633ahh{width:100%;height:100%;display:grid;place-items:center;text-align:center;pointer-events:none}.title.svelte-633ahh{font-size:.78rem;font-weight:700;letter-spacing:.1em}.glyph.svelte-633ahh{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700}.controls.svelte-633ahh{display:flex;justify-content:center;gap:.5rem}button.svelte-633ahh{min-width:7rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--viz-border);background:var(--viz-bg-elevated);color:var(--viz-text);font-family:var(--viz-font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}button.svelte-633ahh:hover{background:color-mix(in srgb,var(--viz-bg-elevated) 70%,var(--viz-accent) 30%);border-color:color-mix(in srgb,var(--viz-border) 65%,var(--viz-accent) 35%)}button.svelte-633ahh:disabled{opacity:.45;cursor:default}.note.svelte-633ahh{margin:0;text-align:center;font-size:.74rem;color:var(--viz-text-muted)}