:root{--color-bg-dark: 240 20% 10%;--color-bg-card: 240 15% 15%;--color-primary: 280 80% 60%;--color-primary-glow: 280 80% 60% / .5;--color-accent: 170 80% 50%;--color-text-main: 0 0% 100%;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--color-text-dim: 240 10% 70%;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:hsl(var(--color-text-main));background-color:hsl(var(--color-bg-dark));-webkit-tap-highlight-color:transparent}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#0a0a0a;overflow:hidden}h1,h2,h3{font-weight:700;letter-spacing:-.02em}button{background:hsl(var(--color-primary));color:#fff;border:none;padding:.8em 1.5em;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 0 15px hsl(var(--color-primary-glow));transition:all .2s ease}button:hover{transform:translateY(-2px);box-shadow:0 0 25px hsl(var(--color-primary-glow));filter:brightness(1.2)}.card{background:hsl(var(--color-bg-card));padding:2rem;border-radius:16px;border:1px solid hsl(240 15% 25%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 40px -10px #00000080;text-align:center;will-change:transform}@media(max-width:768px){.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;background:#ffffff1a}.status-badge.connected{background:#145229;color:#75f09e;border:1px solid hsl(140 60% 30%)}@keyframes flash-list{0%{opacity:.5;transform:scale(.99);filter:brightness(1.2)}50%{opacity:1;transform:scale(1.01);filter:brightness(1.1)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.touch-target-expanded{position:relative}.touch-target-expanded:after{content:"";position:absolute;inset:-8px;border-radius:50%;cursor:pointer}