:root{--bg-primary: #040711;--bg-card: rgba(13, 20, 36, .75);--bg-card-hover: rgba(22, 33, 58, .9);--border-subtle: rgba(56, 189, 248, .18);--border-active: rgba(56, 189, 248, .6);--cyan-glow: #06b6d4;--cyan-neon: #38bdf8;--blue-accent: #3b82f6;--emerald-accent: #10b981;--purple-accent: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html.light{--bg-primary: #f8fafc;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: #ffffff;--border-subtle: rgba(203, 213, 225, .8);--border-active: rgba(6, 182, 212, .7);--cyan-glow: #0284c7;--cyan-neon: #0284c7;--blue-accent: #2563eb;--emerald-accent: #059669;--purple-accent: #7c3aed;--text-main: #0f172a;--text-muted: #475569;--text-dim: #64748b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}body{min-height:100vh;display:flex;flex-direction:column;background-image:radial-gradient(circle at 50% -10%,rgba(6,182,212,.22) 0%,transparent 65%),radial-gradient(circle at 10% 40%,rgba(59,130,246,.12) 0%,transparent 45%),radial-gradient(circle at 90% 75%,rgba(168,85,247,.12) 0%,transparent 45%);background-attachment:fixed;overflow-x:hidden}html.light body{background-image:radial-gradient(circle at 50% -10%,rgba(6,182,212,.12) 0%,transparent 65%),radial-gradient(circle at 10% 40%,rgba(59,130,246,.08) 0%,transparent 45%),radial-gradient(circle at 90% 75%,rgba(168,85,247,.08) 0%,transparent 45%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;letter-spacing:-.025em;color:#fff}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#0f172a!important}html.light header{background:#fffffff0!important;border-bottom-color:#e2e8f0f2!important}html.light header span.logo-title{color:#0f172a!important}html.light select.lang-select{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}html.light select.lang-select option{background:#fff!important;color:#0f172a!important}html.light footer{background:#f1f5f9!important;border-top-color:#e2e8f0!important}html.light .glass-card{background:#ffffffeb!important;border-color:#e2e8f0e6!important;box-shadow:0 10px 35px #0000000f!important}html.light .glass-pill{background:#fff!important;color:#334155!important;border-color:#cbd5e1!important}html.light .mode-tab{background:#f1f5f9!important;color:#475569!important;border-color:#cbd5e1!important}html.light .mode-tab.active{background:linear-gradient(135deg,#06b6d426,#3b82f626)!important;color:#0284c7!important;border-color:#0284c7!important;box-shadow:0 0 15px #06b6d433!important}html.light .waveform-container{background:#f1f5f9!important;border-color:#cbd5e1!important}html.light #statusOverlay{color:#64748b!important}.card-heading{color:#fff}html.light .card-heading{color:#0f172a!important}@media (max-width: 580px){.desktop-nav{display:none!important}}html.light #deviceSearchInput{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;box-shadow:0 4px 15px #0000000d!important}html.light .brand-filter-pill{background:#f1f5f9!important;color:#475569!important;border-color:#cbd5e1!important}html.light .brand-filter-pill.active{background:linear-gradient(135deg,#06b6d433,#3b82f633)!important;color:#0284c7!important;border-color:#0284c7!important}html.light #themeToggleBtn{background:#f1f5f9e6!important;border-color:#cbd5e1cc!important;color:#0f172a!important}header{border-bottom:1px solid var(--border-subtle);background:#040711d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}html.light header{background:#ffffffe0!important;border-bottom-color:#e2e8f0d9!important;box-shadow:0 4px 20px #00000008}.lang-select{background:#16213a99;border:1px solid var(--border-subtle);color:var(--text-main);padding:.35rem .65rem;border-radius:9999px;font-size:.78rem;font-weight:600;outline:none;cursor:pointer;max-width:110px;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease}.lang-select:hover{border-color:var(--cyan-neon)}html.light .lang-select{background:#f1f5f9e6!important;color:#0f172a!important;border-color:#cbd5e1cc!important}#themeToggleBtn{width:2.2rem;height:2.2rem;border-radius:9999px;background:#16213a99;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text-main);cursor:pointer;transition:all .2s ease}#themeToggleBtn:hover{border-color:var(--cyan-neon);transform:scale(1.05)}#themeToggleBtn:active{transform:scale(.95)}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:1.5rem;box-shadow:0 8px 32px #0000005e;transition:all .25s cubic-bezier(.16,1,.3,1)}.device-item-card{content-visibility:auto;contain-intrinsic-size:0 120px}.glass-card:hover{border-color:var(--border-active);box-shadow:0 16px 40px -10px #06b6d440;transform:translateY(-2px)}.glass-pill{background:#16213aa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:9999px}.gradient-text-cyan{background:linear-gradient(135deg,#38bdf8,#06b6d4,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sonic-button{position:relative;width:165px;height:165px;border-radius:50%;border:none;cursor:pointer;outline:none;background:linear-gradient(135deg,#0284c7,#06b6d4,#0284c7);box-shadow:0 0 0 10px #06b6d438,0 0 50px #06b6d480,inset 0 3px 8px #ffffff80;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#fff;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;contain:layout paint}.sonic-button:active{transform:scale(.94);box-shadow:0 0 0 6px #06b6d466,0 0 30px #06b6d499}.sonic-button.is-active{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 0 0 12px #ef44444d,0 0 65px #ef4444b3;animation:pulseGlow 1.2s infinite ease-in-out}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 10px #ef444440,0 0 45px #ef444480}50%{box-shadow:0 0 0 20px #ef444473,0 0 85px #ef4444d9}}.mode-tab{display:flex;align-items:center;gap:.45rem;padding:.6rem .85rem;border-radius:1rem;font-family:var(--font-body);font-size:.825rem;font-weight:700;border:1px solid var(--border-subtle);background:#0d1424b3;color:var(--text-muted);cursor:pointer;transition:all .2s ease;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.mode-tab:active{transform:scale(.97)}.mode-tab.active{background:linear-gradient(135deg,#06b6d44d,#3b82f640);color:#38bdf8;border-color:var(--cyan-neon);box-shadow:0 0 20px #06b6d44d}@keyframes waterRipples{0%{transform:scale(1);opacity:.85}to{transform:scale(2.4);opacity:0}}.ripple-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:2px solid var(--cyan-neon);pointer-events:none;animation:waterRipples 2s cubic-bezier(.1,.8,.3,1) infinite;will-change:transform,opacity}.ripple-circle.delayed{animation-delay:.75s}.container-custom{width:100%;max-width:1120px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container-custom{padding:0 1.5rem}}