button{font-size:28px;padding:20px 40px;cursor:pointer}.flash{position:fixed;inset:0;background:#fff;z-index:999999}body{font-family:system-ui,-apple-system,BlinkMacSystemFont;background:radial-gradient(circle at top,#1f2937,#020617);color:#e5e7eb}.app{max-width:920px;padding:80px 20px;margin:auto;display:flex;flex-direction:column;gap:20px}.header{display:flex;justify-content:space-between;align-items:center}.header h1{font-size:2rem}.status{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.green{background:#22c55e}.red{background:#ef4444}.online-indicator{display:flex;align-items:center;gap:8px;color:#22c55e;font-weight:600}.pulse{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.chat textarea{width:100%;min-height:80px;border-radius:12px;border:none;padding:12px;font-size:1rem}.chat button{margin-top:8px}.received{margin-top:10px;padding:12px;background:#020617;border-radius:10px;text-align:center}.signals{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.signal-btn{flex:1 1 160px;max-width:200px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.signal-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000059}.signal-btn .icon{font-size:2.5rem;line-height:1}.signal-btn .label{font-size:1.1rem}.urgent{background:#dc2626;color:#fff}.ok{background:#16a34a;color:#fff}.warn{background:#facc15;color:#111}.purple{background:#7c3aed;color:#fff}.dark{background:#334155;color:#fff}@media(min-width:768px){.app{padding:40px}}@media(max-width:600px){.signal-btn{flex:1 1 100%;max-width:100%;min-height:110px}.signal-btn .icon{font-size:2.2rem}}button{border:none;border-radius:14px;padding:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .1s}button:active{transform:scale(.97);opacity:.9}.notif{text-align:center;opacity:.9;font-weight:700}.flash{position:fixed;inset:0;background:#fff;z-index:9999;animation:flash .25s forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}