html,body,#root{color:#4a4458;height:100%;margin:0;font-family:system-ui,sans-serif}body{background:#eaf2f6}.topbar{background:#fffc;border-radius:12px;align-items:center;gap:16px;padding:8px 16px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #4a445822}.panel{background:#fff;border-radius:12px;width:240px;padding:12px 16px;position:fixed;top:150px;right:12px;box-shadow:0 2px 8px #4a445822}.panel h2{margin:0 0 8px;font-size:1.1rem}button{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #d9c49c;border-radius:8px;padding:4px 12px}button[aria-pressed=true]{background:#cdc4ec;border-color:#9d95cf;font-weight:600}.demo{background:#fffc;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 2px 8px #4a445822}.demo-aviso{text-transform:uppercase;letter-spacing:.04em;background:#f7e2a1;border:2px dashed #c4a46e;border-radius:8px;padding:4px 10px;font-size:.85rem;font-weight:700}.bocadillo{white-space:nowrap;pointer-events:none;background:#fff;border-radius:12px;padding:4px 10px;font-size:.9rem;font-weight:600;box-shadow:0 2px 6px #4a445833}.etiqueta{white-space:nowrap;pointer-events:none;background:#cdc4ecee;border-radius:8px;padding:1px 7px;font-size:.75rem;font-weight:700}.cuenta{background:#fffc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:360px;padding:8px 12px;font-size:.9rem;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #4a445822}.cuenta-form label{align-items:center;gap:6px;display:flex}.cuenta-form input{font:inherit;border:1px solid #d9c49c;border-radius:6px;width:9rem;padding:3px 6px}.cuenta small{flex-basis:100%}.cuenta-estado{flex-basis:100%;font-weight:600}.cuenta-pregunta{flex-basis:100%;margin:0;font-weight:600}