:root{--bg-deep: #030712;--cerulean-primary: #007ba7;--cerulean-bright: #00a6ed;--cerulean-glow: #38bdf8;--text-primary: #e2e8f0;--text-muted: #64748b;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;touch-action:none}#app{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 50%,#061933,#030a17 55%,#02060f)}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}canvas#waveform-canvas{width:100%;height:100%;display:block}.site-header{position:absolute;top:max(2rem,env(safe-area-inset-top,2rem));left:max(2.5rem,env(safe-area-inset-left,2.5rem));right:max(2.5rem,env(safe-area-inset-right,2.5rem));z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:.75rem;pointer-events:auto}.wordmark{font-size:.95rem;font-weight:300;letter-spacing:.28em;text-transform:lowercase;color:#f1f5f9;opacity:.88;transition:opacity .3s ease,text-shadow .3s ease;cursor:default}.wordmark:hover{opacity:1;text-shadow:0 0 12px rgba(56,189,248,.45)}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--cerulean-bright);box-shadow:0 0 8px var(--cerulean-glow);animation:breathing 4.5s ease-in-out infinite}@keyframes breathing{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.site-footer{position:absolute;bottom:max(2rem,env(safe-area-inset-bottom,2rem));left:max(2.5rem,env(safe-area-inset-left,2.5rem));right:max(2.5rem,env(safe-area-inset-right,2.5rem));z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.frequency-indicator{font-size:.75rem;font-weight:300;letter-spacing:.2em;color:var(--text-muted);opacity:.65;transition:opacity .3s ease}@media (max-width: 640px){.site-header{top:max(1.5rem,env(safe-area-inset-top,1.5rem));left:max(1.5rem,env(safe-area-inset-left,1.5rem));right:max(1.5rem,env(safe-area-inset-right,1.5rem))}.site-footer{bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem));left:max(1.5rem,env(safe-area-inset-left,1.5rem));right:max(1.5rem,env(safe-area-inset-right,1.5rem))}.wordmark{font-size:.85rem;letter-spacing:.22em}}