:root{--danger:#ef4444;--medical:#3b82f6;--safety:#a855f7;--bg:#0f172a;--card:#1e293b;--text:#f8fafc}body.light{--bg:#f8fafc;--card:#fff;--text:#0f172a;--danger:#dc2626;--medical:#2563eb;--safety:#9333ea}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.container{flex-direction:column;align-items:center;gap:2rem;max-width:500px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}h1{text-align:center;background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.status-bar{background:var(--card);border:1px solid #334155;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #22c55e}.grid{flex:1;grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.alarm-button{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000004d}.alarm-button:active{transform:scale(.95);box-shadow:0 5px 10px -3px #00000080}.alarm-button.robo{background:var(--danger)}.alarm-button.medica{background:var(--medical)}.alarm-button.asistencia{background:var(--safety)}.alarm-button.incendio{background:#ea580c}.button-icon{font-size:2.5rem}.button-label{letter-spacing:.5px;font-size:1.2rem;font-weight:800}.footer{text-align:center;opacity:.5;margin-top:auto;font-size:.75rem}.alert-overlay{z-index:1000;text-align:center;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:1s infinite alternate flash;display:flex;position:fixed;inset:0}@keyframes flash{0%{background:#000000e6}to{background:#7f1d1de6}}.alert-message{color:#fff;margin-bottom:2rem;font-size:2.5rem;font-weight:900}.close-button{color:#000;background:#fff;border:none;border-radius:1rem;padding:1rem 2rem;font-size:1.25rem;font-weight:700}.header-top{justify-content:space-between;align-items:center;width:100%;display:flex}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-button:active{background:var(--card)}.settings-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;width:100%;padding-bottom:1rem;display:flex}.settings-header h2{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem}.settings-main{flex-direction:column;gap:1rem;width:100%;display:flex}.setting-item{background:var(--card);border:1px solid #94a3b833;border-radius:1rem;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.setting-info{flex-direction:column;display:flex}.setting-title{font-size:1.125rem;font-weight:600}.setting-desc{opacity:.7;font-size:.875rem}.theme-toggle-btn{color:var(--text);cursor:pointer;background:#94a3b833;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.theme-toggle-btn:active{background:#94a3b866}