:root{--mesh-bg:#090a0f;--mesh-surface:rgba(255,255,255,0.04);--mesh-surface-border:rgba(255,255,255,0.08);--mesh-accent:#00f0ff;--mesh-accent-glow:rgba(0,240,255,0.25);--mesh-text:#f0f2f5;--mesh-text-muted:#717888;--font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-sans:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--mesh-bg);color:var(--mesh-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mesh-shell{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,3vw,28px);background:radial-gradient(circle at 50% 40%,#121522 0%,#08090d 100%);overflow:hidden;user-select:none;-webkit-user-select:none}.mesh-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.mesh-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--mesh-surface);border:1px solid var(--mesh-surface-border);border-radius:9999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--mesh-text-muted)}.mesh-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--mesh-accent);box-shadow:0 0 10px var(--mesh-accent-glow);animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,100%{opacity:0.6;transform:scale(0.9)}50%{opacity:1;transform:scale(1.15)}}.mesh-badge strong{color:var(--mesh-text);font-weight:600}.mesh-controls{display:flex;align-items:center;gap:6px;background:rgba(13,15,22,0.85);padding:4px;border:1px solid var(--mesh-surface-border);border-radius:9999px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.mesh-preset-btn{appearance:none;border:none;background:transparent;color:var(--mesh-text-muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.04em;padding:6px 14px;border-radius:9999px;cursor:pointer;transition:color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease}.mesh-preset-btn:hover{color:var(--mesh-text)}.mesh-preset-btn.is-active{background:rgba(255,255,255,0.12);color:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.4)}.elastic-stage{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;cursor:grab;touch-action:none}.elastic-stage.is-active-grab{cursor:grabbing}.elastic-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity 0.3s ease;pointer-events:none}.has-js .elastic-stage img{opacity:0}.elastic-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:auto}.mesh-footer{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;pointer-events:none}.mesh-telemetry{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mesh-text-muted)}@media (prefers-reduced-motion:reduce){.has-js .elastic-stage img{opacity:1}.elastic-canvas{display:none}}@media (max-width:600px){.mesh-shell{padding:14px 14px 76px 14px}.mesh-header{flex-direction:column;align-items:center;gap:8px}.mesh-badge{font-size:10px;padding:6px 12px;text-align:center}.mesh-controls{justify-content:center;gap:4px}.mesh-preset-btn{padding:7px 16px;font-size:11px;min-height:34px}.mesh-telemetry{font-size:9px;text-align:center}}